中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)語：雖然中繼器在Axure的使用中已經(jīng)非常普遍了，但是很多人都困惑于不能動(dòng)態(tài)更改列的數(shù)量。本文作者分析了如何使用中繼器動(dòng)態(tài)更改列的數(shù)量，一起來學(xué)習(xí)一下吧。

中繼器在Axure的使用中已經(jīng)非常普遍了，但是很多人都困惑于不能動(dòng)態(tài)更改列的數(shù)量。比如：

從4行3列：

動(dòng)態(tài)變成3行4列：

截至到當(dāng)前的版本，官方還沒有發(fā)布相關(guān)設(shè)置，但是我們可以通過更改坐標(biāo)的方式來實(shí)現(xiàn)。

演示效果可以查看鏈接：https://5gn5xg.axshare.com/#id=b8577g&g=1

01 教程

下面，我就來教大家實(shí)現(xiàn)方法。

首先，我們需要一個(gè)中繼器，布局設(shè)置為“垂直”（Vertical），并且不要選擇“網(wǎng)格分布”（Wrap(Grid)）：

此外，還需要設(shè)置一個(gè)變量，為了方便顯示，我們使用一個(gè)叫columns的全局變量，默認(rèn)值為3，表示初始列數(shù)：

雙擊中繼器，進(jìn)入到修改模式，在組件上新建交互事件。

注意：是中繼器行內(nèi)部組件的“載入時(shí)（Loaded）”，事件為移動(dòng)。

目標(biāo)為：“到達(dá)（To）”

x坐標(biāo)為：[[This.width*((Item.index-1)%columns)]]

y坐標(biāo)為：[[-This.Height*(Math.ceil(((Item.index-1)%columns)/columns))]]

想看動(dòng)畫效果的可以自定義Animate，等會(huì)兒在變換時(shí)會(huì)很炫酷。

這時(shí)“預(yù)覽（Preview）”一下就可以發(fā)現(xiàn)我們要的4行3列效果已經(jīng)完成了。

接下來我們新建一個(gè)按鈕，按鈕的文字為“變?yōu)?列”，新建交互“單擊時(shí)（Click or Tap”），內(nèi)容有兩步：

第一步就是“設(shè)置變量值（Set Variable Value）”，選擇變量columns的“值（value）”為4。

第二步就是“觸發(fā)事件（Fire Event）”“添加事件（Add Action）”，目標(biāo)為中繼器內(nèi)組件的“載入時(shí)（Loaded）”事件。

再次預(yù)覽頁面，點(diǎn)擊“變?yōu)?列”的按鈕，你會(huì)發(fā)現(xiàn)中繼器已經(jīng)由3列變?yōu)?列了。

02 總結(jié)

只要先改變columns的值，再去觸發(fā)移動(dòng)坐標(biāo)的事件，就可以實(shí)現(xiàn)動(dòng)態(tài)改變列數(shù)了。

本文由 @Jorkin 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

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