国产成人啪精品视频免费网-国产成人啪精品视频免费网站软件-国产成人盗拍精品免费视频-国产成人深夜福利在线观看-a中文字幕1区-a毛片

二維碼
企資網(wǎng)

掃一掃關(guān)注

當前位置: 首頁 » 企業(yè)資訊 » 咨詢 » 正文

Axure高保真教程_用中繼器制作移動端為什么片上

放大字體  縮小字體 發(fā)布日期:2022-06-16 06:00:37    作者:馮思語    瀏覽次數(shù):47
導(dǎo)讀

感謝導(dǎo)語:上傳支持是在手機得使用中經(jīng)常會遇到得場景,感謝便分享了用中繼器制作移動端支持上傳效果得方法,一起來看一下吧。在手機app、小程序里,經(jīng)常會出現(xiàn)上傳支持得場景,例如上傳頭像、上傳證件照、

感謝導(dǎo)語:上傳支持是在手機得使用中經(jīng)常會遇到得場景,感謝便分享了用中繼器制作移動端支持上傳效果得方法,一起來看一下吧。

在手機app、小程序里,經(jīng)常會出現(xiàn)上傳支持得場景,例如上傳頭像、上傳證件照、發(fā)送支持……

所以今天就教大家在Axure中,如何運用中繼器,制作出高保真得上傳效果。

一、制作完成后應(yīng)具備以下效果箭頭按鈕,可以查看相冊(中繼器)里得所有支持在相冊(中繼器)里選擇支持后,可以將支持回顯到對應(yīng)頭像支持內(nèi)

原型地址:wg7da2.axshare/#g=1

二、制作材料準備1. 手機設(shè)備得組合素材

手機設(shè)備素材包括:手機外框,時間文本標簽,圖標(信號、電量、wife)等,這部分內(nèi)容是非必要,可以替換得,而且素材都可以在網(wǎng)上找到,所以就不詳細展開了。

2. 動態(tài)面板

我們這里需要用到動態(tài)面板,新建兩個state,第壹個是個人信息頁,第二個是相冊頁。

1)個人信息頁

標題文字、返回按鈕、添加按鈕、頭像支持、箭頭(選擇)按鈕、其他文本標簽說明文字……你們可以按照需求擺放整齊,案例中擺放如下圖所示:

2)相冊頁

關(guān)閉按鈕、中繼器,單選按鈕、其他文本標簽說明文字……

中繼器內(nèi)需需要放置一個支持元件,表格列名改為picture,在中繼器表格里面右鍵導(dǎo)入本地支持,或者輸入支持得在線鏈接。布局選擇網(wǎng)格排布,每行4項。

注意:如果中繼器內(nèi)部支持較多,簡單來說就是超過了手機得尺寸,這時我們就要轉(zhuǎn)為動態(tài)面板,因為這里是移動端,所以操作上我們不應(yīng)該調(diào)出滾動條,因為手機沒有鼠標可以滾動。

所以合理得設(shè)計,應(yīng)該是用動態(tài)面板可以設(shè)置在面板拖動時,移動中繼器整個組合上下移動。由于這里有點復(fù)雜,我們在這個案例里不詳細展開,有興趣得同學(xué)可以研究一下。

三、交互制作1. 中繼器每項加載時

相冊頁得中繼器每項加載時,我們要用設(shè)置支持得交互,將中繼器表格里存放得支持,設(shè)置在中繼器內(nèi)得支持元件,設(shè)置支持得時候我們選擇值,然后填入item.picture,這里代表中繼器表格里對應(yīng)得支持。

2. 中繼器內(nèi)支持元件鼠標單擊時

中繼器內(nèi)支持元件鼠標單擊時,即選中了該支持為頭像,所以我們也是用設(shè)置支持得交互,將鼠標單擊支持對應(yīng)得值,設(shè)置到頭像支持里,又因為支持得值是存放在中繼器表格內(nèi)容,所以簡單來說,其實對應(yīng)得支持值即item.picture。

設(shè)置支持完成后,我們用設(shè)置動態(tài)面板得交互,將動態(tài)面板設(shè)置到個人信息頁面即可。

3. 相冊頁關(guān)閉按鈕鼠標時

鼠標關(guān)閉按鈕時,即取消更換頭像,這里我們用設(shè)置面板狀態(tài)得交互,將動態(tài)面板設(shè)置到個人信息頁面即可。

4. 個人信息頁面右箭頭鼠標單擊時

鼠標個人信息信息頁面得右箭頭時,即需要更換頭像,所以我們用設(shè)置面板狀態(tài)得交互,將動態(tài)面板設(shè)置到相冊頁面即可。

這里有同學(xué)可能會問為什么不把這個交互設(shè)置到個人信息頁面得支持里呢。其實都可以,看你們個人得習(xí)慣,因為得喜歡是支持顯示大圖得效果,這些效果都是可以后續(xù)自行增加得,所以就把這個交互設(shè)置到右箭頭里,市面上大多數(shù)app都是這樣操作得,當然了,你們也可以根據(jù)自己得需求進行修改。

那么我們就完成了用中繼器制作移動端支持上傳效果得原型模板了,下次使用時,我們只需要導(dǎo)入支持即可自動生成交互,是不是很方便呢?感興趣得同學(xué)們可以動手試試哦。

那本期得教程就到此為止了,感謝您得閱讀,我們下期見,88~

感謝由 等AI產(chǎn)品人 來自互聯(lián)網(wǎng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止感謝

題圖來自Unsplash,基于CC0協(xié)議

 
(文/馮思語)
免責(zé)聲明
本文僅代表作發(fā)布者:馮思語個人觀點,本站未對其內(nèi)容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內(nèi)容,一經(jīng)發(fā)現(xiàn),立即刪除,需自行承擔相應(yīng)責(zé)任。涉及到版權(quán)或其他問題,請及時聯(lián)系我們刪除處理郵件:weilaitui@qq.com。
 

Copyright ? 2016 - 2025 - 企資網(wǎng) 48903.COM All Rights Reserved 粵公網(wǎng)安備 44030702000589號

粵ICP備16078936號

微信

關(guān)注
微信

微信二維碼

WAP二維碼

客服

聯(lián)系
客服

聯(lián)系客服:

在線QQ: 303377504

客服電話: 020-82301567

E_mail郵箱: weilaitui@qq.com

微信公眾號: weishitui

客服001 客服002 客服003

工作時間:

周一至周五: 09:00 - 18:00

反饋

用戶
反饋

主站蜘蛛池模板: 国产区一区二区三区 | 色综合久久一本首久久 | 精品国产a | 日韩 国产 欧美 | 久久青草免费免费91线频观看 | 美女双腿打开让男人桶爽网站 | 日本妞xxxxxxxxx69 | 欧美人性影片免费看 | 18成人免费观看网站入口 | 久久精品国产精品亚洲 | 婷婷久久久五月综合色 | 男女朋友做爽爽爽免费视频网 | 欧美一级乱理片免费观看 | 欧美一区二区在线观看 | 欧美成人午夜不卡在线视频 | 国产一级爱做片免费观看 | 韩国精品一区二区三区在线观看 | 真人一级毛片国产 | 欧美激情欧美狂野欧美精品免费 | 一级毛片免费完整视频 | 国产精品1区2区3区 国产精品1区2区3区在线播放 | 九九在线免费视频 | 韩国一级黄色大片 | 97在线碰碰观看免费高清 | 在线亚洲日产一区二区 | 永久免费91桃色福利 | 国产三级精品久久三级国专区 | 成人网18免费视频 | japanese 色系 tube日本| 欧美精品在线视频观看 | 手机在线色 | 天天爱天天做天天爽天天躁 | 精品中文字幕在线 | 超91精品手机国产在线 | 亚洲国产精品一区二区三区 | 日本久久香蕉一本一道 | 看一级毛片 | 午夜在线影院 | 91一区 | 在线日本视频 | 一区二区三区四区国产精品 |