<listing id="zpvbj"></listing>
<var id="zpvbj"><strike id="zpvbj"></strike></var><cite id="zpvbj"><video id="zpvbj"><thead id="zpvbj"></thead></video></cite>
<cite id="zpvbj"></cite>
<menuitem id="zpvbj"></menuitem>
<menuitem id="zpvbj"></menuitem><var id="zpvbj"><video id="zpvbj"><thead id="zpvbj"></thead></video></var>
<var id="zpvbj"><video id="zpvbj"></video></var><cite id="zpvbj"></cite><var id="zpvbj"></var>
<var id="zpvbj"><strike id="zpvbj"></strike></var>
<var id="zpvbj"></var>
<cite id="zpvbj"></cite><var id="zpvbj"><dl id="zpvbj"></dl></var>
<var id="zpvbj"></var><var id="zpvbj"><strike id="zpvbj"></strike></var>
<var id="zpvbj"></var>

手機版 歡迎訪問人人都是自媒體網站

當前位置:主頁 > 推廣 >

【Axure 教程】中繼器中級教程-聯級框

時間:2021-08-11 09:31|來源:網絡整理|編輯:|點擊:

 【Axure 教程】中繼器中級教程-聯級框

聯級框:

 【Axure 教程】中繼器中級教程-聯級框

原型展示:https://bo2g12.axshare.com

所需原件:

中繼器

文本框

聯級框的制作實際上是中繼器篩選能力的一個進階用法,今天我們就來學習一下怎么制作常用的聯級框吧!這次的交互會比較繁瑣,大家一定要耐心看完哦!

一、文本框

 【Axure 教程】中繼器中級教程-聯級框

如上圖所示,拖入矩形,模擬輸入框,并填入文字“請選擇”,設置好【懸?!?、【選中】、【獲取焦點】的交互樣式;文本標簽作為下拉聯級框的標題,按上圖布局即可得到文本框模型。

二、聯級框

 【Axure 教程】中繼器中級教程-聯級框

如上圖,拖入三個中繼器,分別命名為【L1】、【L2】、【L3】作為一級、二級、三級的聯級列表,并做好數據填充和【每項加載】的設置,分別將【Item.L1】、【Item.L2】、【Item.L3】賦值給到【L1】、【L2】、【L3】。

 【Axure 教程】中繼器中級教程-聯級框

在填充數據這一步,建議大家可以像上圖一樣,先用 Excel 做好數據備份,以便后續修改使用,且中繼器數據是支持直接通過 Excel 復制黏貼到中繼器的數據表中的。

三、交互設置

 【Axure 教程】中繼器中級教程-聯級框

選中【L1】的中繼器,雙擊選中【L1】文本標簽,添加【單擊時】設置切換選中效果的交互動作。

 【Axure 教程】中繼器中級教程-聯級框

為【選中時】添加設置文本,將【Item.L1】賦值給到【sel_L1】的文本標簽。

 【Axure 教程】中繼器中級教程-聯級框

同時,向目標對象【L2】中繼器添加篩選,規則為 [[Item.L1==TargetItem.L1]],注意勾選“移除其他篩選”。

 【Axure 教程】中繼器中級教程-聯級框

并且顯示【L2】中繼器,如上圖設置所示:

 【Axure 教程】中繼器中級教程-聯級框

當【取消選中時】,將【sel_L1】設置為空值,且移除【L2】的篩選,同時隱藏【L2】。

 【Axure 教程】中繼器中級教程-聯級框

同理可以自己嘗試一下設置【L2】的交互哦~

 【Axure 教程】中繼器中級教程-聯級框

最后,【L3】的交互就相對簡單一點,同樣,需要設置切換選中的交互動作,但【選中時】僅需將【Item.L3】賦值給到【sel_L3】文本標簽,且【取消選中時】將【sel_L3】設置為空值。

四、細節優化

 【Axure 教程】中繼器中級教程-聯級框

這個組件的小細節還是比較多的,我就不一一說明了,我就挑幾個來說,首先是聯級框的背景,在選中【L1】時,需要將背景的寬度翻倍,選中【L2】時,背景再加 1.5 倍。

 【Axure 教程】中繼器中級教程-聯級框

中繼器【L1】的文本標簽【選中時】,除賦值給【sel_L1】外,需同步重置【sel_L2】、【sel_L3】的值。

 【Axure 教程】中繼器中級教程-聯級框

中繼器【L1】的文本標簽【取消選中時】,隱藏【L2】、【L3】中繼器。

Copyright © 2018 DEDE97. 織夢97 版權所有 京ICP

淘宝av国产福利资源-欧美成人影院-怎样观看网红直播app定制-啪啪啪国产-1024你懂的国产首页-国产精品偷拍人妻-勾魂尤物-av撸啪啪在线-制服下的诱惑全文-在线视频?国产?亚洲?素人-国产情侣负免费视频-偷拍巨乳欧美日韩国产-久久免费网国产_久久免费网站_久久免费无修韩国漫画网站,国产素人女同人妻,沈艺语麻豆传媒,中文字幕朝鲜歌曲 制服 国产 欧美 另类| 国产高清 主播丝袜视频在线观看| 国产偷拍青青草在线o| 国产视频手机在线观看一区| 国产网络主播哪个网站精品大全| 韩国钱图片| 麻豆传媒 百度云盘| 麻豆传媒绿衣服| 欧美珠宝网站| 日本打飞机| 国产自拍原创视频合集百度云| 女同性恋热吻全集搜狐视频| yellow中文字幕91| 采访一位日本妇女中文字幕| 富二代f2dapp国产| 国产小蔡头喵喵喵在线视频| 国产乱人刺激在线视频| 美国午夜理伦三级在线观看| 黄色电影免费观看| 国产剧情好演技好权谋剧最新| 剧情AV国产对话 magnet| 唯美国产鲜肉小情侣| 韩国综合医院| 麻豆传媒王茜和快递员| 欧美亚集团| 欧美图片.vvvv88| 日本肉价格| 大秦赋在线观看免费91| 女同性恋吻图片| 合金幻痛怎么调中文字幕| 富二代91国产资源手机网| 成人国产熟妇在线视频观看| 国产洗澡在线视频| 国产午夜福利伦理在线观看| 有剧情吃鸡的国产动漫都有什么名字大全| 国产模特私密系列| 偷拍国产视频在线| 国产偷拍一夜七次狼视频网| 国产网红直播平台在线| 户外直播西西国产在线播放| 国产真人cos 磁力链接| http://www.wwwjs626a.com http://www.ab168.net http://www.wwwshengbofa999.com http://www.wwwll2229.com http://www.cchkjc.com http://www.wwwpj02h.com