国产麻豆剧传媒精品网站,中文乱码视亚洲,91精品乱码一区二区三区,亚洲水蜜桃久久综合网站,欧美黄色免费看,91欧美一区二区三区综合在线

二維碼
企資網(wǎng)

掃一掃關(guān)注

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

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

放大字體  縮小字體 發(fā)布日期:2022-06-16 06:00:37    作者:馮思語    瀏覽次數(shù):52
導(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),立即刪除,需自行承擔(dā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

反饋

用戶
反饋

主站蜘蛛池模板: 四虎网站1515hh四虎 | 亚洲福利精品 | 羞羞动漫免费看网站 | 久久久一本精品99久久精品66 | 一级片免费在线观看 | 在线视频一区二区三区在线播放 | 五月天色丁香 | 欧美 自拍偷拍 | 99在线在线视频免费视频观看 | 日韩精品免费在线观看 | 亚洲男女天堂 | 亚洲清色 | 一级在线电影 | 男人天堂v| 亚洲国产成人资源在线桃色 | 国产综合亚洲欧美日韩一区二区 | 中文字幕 国产精品 | 约会大作战第一季无删减下载 | 中文字幕一级片 | 在线观看网站国产 | 亚洲精品98久久久久久中文字幕 | 国产精品入口麻豆电影网 | 亚洲欧美精品一区二区 | 国产精品福利一区二区 | 性做久久久久久蜜桃花 | a级毛片免费看 | 婷婷丁香激情五月 | 亚洲成人高清在线 | 亚洲欧美自拍一区 | 自拍偷拍欧美视频 | 男人天堂2014 | 国产一区成人 | 国产精品免费小视频 | 久久精品亚洲精品国产欧美 | 五月婷婷色丁香 | 国产裸舞凸点福利小视频 | 最近的免费中文字幕视频 | 亚洲人成电影在线观看网 | 久久男人的天堂 | 国产精品久久久一区二区三区 | 在线观看国产一区亚洲bd |