欧美日韩午夜精品不卡综合-欧美日韩系列-欧美日韩小视频-欧美日韩性-成人五月网-成人五级毛片免费播放

二維碼
企資網(wǎng)

掃一掃關(guān)注

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

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

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

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

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

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

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

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

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

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

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

2. 動(dòng)態(tài)面板

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

1)個(gè)人信息頁

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

2)相冊(cè)頁

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

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

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

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

三、交互制作1. 中繼器每項(xiàng)加載時(shí)

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

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

中繼器內(nèi)支持元件鼠標(biāo)單擊時(shí),即選中了該支持為頭像,所以我們也是用設(shè)置支持得交互,將鼠標(biāo)單擊支持對(duì)應(yīng)得值,設(shè)置到頭像支持里,又因?yàn)橹С值弥凳谴娣旁谥欣^器表格內(nèi)容,所以簡單來說,其實(shí)對(duì)應(yīng)得支持值即item.picture。

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

3. 相冊(cè)頁關(guān)閉按鈕鼠標(biāo)時(shí)

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

4. 個(gè)人信息頁面右箭頭鼠標(biāo)單擊時(shí)

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

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

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

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

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

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

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

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

粵ICP備16078936號(hào)

微信

關(guān)注
微信

微信二維碼

WAP二維碼

客服

聯(lián)系
客服

聯(lián)系客服:

在線QQ: 303377504

客服電話: 020-82301567

E_mail郵箱: weilaitui@qq.com

微信公眾號(hào): weishitui

客服001 客服002 客服003

工作時(shí)間:

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

反饋

用戶
反饋

主站蜘蛛池模板: 亚洲一区二区三区高清 | 国产精品视频久久久 | 欧美一级三级 | 久久99国产精品亚洲 | 91精品国产免费久久 | 成年片免费网址网站 | 成年人免费在线视频网站 | 欧美一区二区三区在线视频 | 99在线观看免费视频 | 五月色一区二区亚洲小说 | 一区在线看 | 人久热欧美在线观看量量 | 美女视频免费黄色 | 美国一级毛片免费 | 亚洲精品国产成人7777 | 精品一区二区三区中文字幕 | 色婷婷久久综合中文久久蜜桃 | 免费人成年短视频在线观看免费网站 | 国产成人国产在线观看入口 | 成人亚洲综合 | 国产在线观看免费一级 | 香蕉成人国产精品免费看网站 | 日本在线免费播放 | 久久最新视频 | 国产欧美日韩综合精品一区二区三区 | 欧美日韩视频精品一区二区 | 国产精品亚洲精品日韩已满 | 国产呦精品一区二区三区网站 | 国产精品国产三级国产专 | 欧美国产综合日韩一区二区 | 全国最大色成免费网站 | 美女被免费视频网站a国产 美女被免费网站视频软件 美女被免费网站在线软件 美女被免费网站在线视频软件 | 欧美黑人巨大最猛性xxxxx | 麻豆69堂免费视频 | 久久久久久国产精品视频 | 不卡午夜 | 亚洲欧美久久 | 久久影视一区 | 久久香焦 | 精品视频在线观看一区二区三区 | 亚洲成人在线视频播放 |