Axure的中继器如何实现两个列表之间的交互
Axure RP 8安裝包+注冊碼+中文語言包下載地址如下:
鏈接: https://pan.baidu.com/s/1nwRnCUl 密碼: yy36
將中文語言包下的lang文件夾直接放在安裝Axure的根目錄下,重啟Axure。
打開Axure后,搜索中繼器,找到后直接拖到頁面中。選中中繼器在右側(cè)定義中繼器的名稱為列表左,在屬性欄下面添加Column0和Column1兩列(支持重命名),兩個列表分別賦值。如下圖所示:
選中剛才的中繼器復(fù)制一個,移動到頁面右側(cè),修改名稱為列表右,將屬性欄下的Column1列下的值全部改為false。如下圖所示:
將兩個按鈕拖到頁面中間,分別給按鈕進(jìn)行賦值,如圖所示:
選中列表左,在右側(cè)屬性欄中設(shè)置載入時事件的相應(yīng)動作,如下圖所示:
選中列表右,在右側(cè)屬性欄中設(shè)置載入時事件的相應(yīng)動作,如下圖所示:
雙擊列表左進(jìn)入中繼器設(shè)置頁面,選中中繼器,在右側(cè)屬性欄中,選擇鼠標(biāo)單擊時事件,如下圖所示:
在屬性欄中的交互樣式設(shè)置中點(diǎn)擊選中,設(shè)置選中時的字體,顏色樣式。如下圖所示:
同樣的操作設(shè)置列表右,如下圖所示:
到此為止,選中效果已經(jīng)做好了。如下圖所示:
接下來設(shè)置標(biāo)記行與取消標(biāo)記行。雙擊列表左進(jìn)入中繼器,選中中繼器為其添加選中時用例,如下圖所示:
為列表右設(shè)置完選中時用例后,添加一個取消選中時用例,如下圖所示:
同樣的操作設(shè)置列表右,添加選中時用例,如下圖所示:
設(shè)置完后,添加取消選中時用例,如下圖所示:
標(biāo)記行與取消標(biāo)記設(shè)置完畢。最后設(shè)置選擇與移除按鈕。
選中選擇按鈕,為其添加鼠標(biāo)單擊時用例,如下圖所示:
選中移除按鈕,添加鼠標(biāo)單擊時用例,如下圖所示:
到此設(shè)置完畢,按F5預(yù)覽,如下圖所示:
總結(jié)
以上是生活随笔為你收集整理的Axure的中继器如何实现两个列表之间的交互的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 电商云里 Product bundlin
- 下一篇: 电商云里 guided selling