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

二維碼
企資網

掃一掃關注

當前位置: 首頁 » 企資頭條 » 財經 » 正文

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

放大字體  縮小字體 發布日期:2022-06-16 06:00:37    作者:馮思語    瀏覽次數:25
導讀

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

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

在手機app、小程序里,經常會出現上傳支持得場景,例如上傳頭像、上傳證件照、發送支持……

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

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

原型地址:感謝分享wg7da2.axshare感謝原創分享者/#g=1

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

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

2. 動態面板

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

1)個人信息頁

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

2)相冊頁

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

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

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

所以合理得設計,應該是用動態面板可以設置在面板拖動時,移動中繼器整個組合上下移動。由于這里有點復雜,我們在這個案例里不詳細展開,有興趣得同學可以研究一下。

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

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

2. 中繼器內支持元件鼠標單擊時

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

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

3. 相冊頁關閉按鈕鼠標感謝閱讀時

鼠標感謝閱讀關閉按鈕時,即取消更換頭像,這里我們用設置面板狀態得交互,將動態面板設置到個人信息頁面即可。

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

鼠標感謝閱讀個人信息信息頁面得右箭頭時,即需要更換頭像,所以我們用設置面板狀態得交互,將動態面板設置到相冊頁面即可。

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

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

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

感謝由 等AI產品人 來自互聯網發布于人人都是產品經理。未經許可,禁止感謝

題圖來自Unsplash,基于CC0協議

 
(文/馮思語)
打賞
免責聲明
本文為馮思語推薦作品?作者: 馮思語。歡迎轉載,轉載請注明原文出處:http://www.syqk.com.cn/news/show-301984.html 。本文僅代表作者個人觀點,本站未對其內容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內容,一經發現,立即刪除,作者需自行承擔相應責任。涉及到版權或其他問題,請及時聯系我們郵件:weilaitui@qq.com。
 

Copyright ? 2016 - 2023 - 企資網 48903.COM All Rights Reserved 粵公網安備 44030702000589號

粵ICP備16078936號

微信

關注
微信

微信二維碼

WAP二維碼

客服

聯系
客服

聯系客服:

在線QQ: 303377504

客服電話: 020-82301567

E_mail郵箱: weilaitui@qq.com

微信公眾號: weishitui

客服001 客服002 客服003

工作時間:

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

反饋

用戶
反饋

主站蜘蛛池模板: 亚洲人成亚洲人成在线观看 | 亚洲狠狠狠一区二区三区 | 亚洲系列国产系列 | 很黄很色的摸下面的视频 | 亚洲精品午夜国产va久久成人 | 国产成人免费网站在线观看 | 国产农村一二三区 | 亚洲综合色一区二区三区另类 | 日本一线a视频免费观看 | 日本三级香港三级人妇 m | 国产玖玖在线观看 | 全部免费的毛片在线看美国 | 免费区欧美一级毛片 | 国产一级大片免费看 | 中国一级毛片在线观看 | 国产深夜福利在线观看网站 | 一级国产精品一级国产精品片 | 欧美综合精品一区二区三区 | 欧美日韩一区二区在线观看视频 | 亚洲国产精品大秀在线播放 | 国产成人系列 | 精品久久久久久久久久久久久久久 | 国产高清三级 | 99精品久久久久久 | 日本乱理伦中文三区 | 欧美一区二区三区国产精品 | 狠狠澡夜夜澡人人爽 | 国产精品18久久久久久久久久 | 韩国三级 mp4 | 久久超级碰 | 91国在线观看 | 五月色婷婷琪琪综合伊人 | 高清欧美一级在线观看 | 国产成人女人视频在线观看 | 小泽玛利亚的一级毛片的 | 精品视频在线免费播放 | 99re热在线视频 | 波多野结衣视频免费在线观看 | 一级做性色a爱片久久片 | 国产日韩精品欧美一区喷 | 91久久精一区二区三区大全 |