AXURE怎么使用中繼器實現(xiàn)樣式重復但內(nèi)容不同的效果?
原型制作來說,有很多平時會重復的工作,一般的復制粘貼即可,但若所有模塊的內(nèi)容、位置都要移動與修改,那么就可能造成很大的工作量,導致原型制作者很大的苦惱,中繼器可以在一定程度上幫助設計者實現(xiàn)高效的整體布局與內(nèi)容梳理。
1、中繼器看似麻煩,但用多了,反而很順手:首先在頁面新建一個中繼器,雙擊后進入中繼器頁面,將原有的表格刪掉,向其中添加四個矩形一個圖片。其中第四個矩形作為分割線,調(diào)整好形狀后隱藏掉。


2、對于整體布局來講內(nèi)容與格式必不可少,我們需要對每個矩形內(nèi)的文字大小以及是否加粗做出調(diào)整,比如對標題矩形進行字體加粗,字號加大處理,對作者日期矩形做出字體顏色調(diào)整,對文章內(nèi)容矩形調(diào)整文字大小



3、調(diào)整好內(nèi)容后,將所有的矩形邊框隱藏掉,我們可以在對應的例圖中看到中繼器已經(jīng)初具效果了。


4、下面我們來看如何調(diào)整每篇文章的標題:我們在中繼器所在的頁面中選中它,可發(fā)現(xiàn)右側有個方法,即在加載頁面時,對其賦值:設置文字(形狀)=[[item.column0]];,我們雙擊中繼器后,在中繼器內(nèi)部頁面可看到下面有個表格,其中有一列正好叫column0;其實這個方法就是將column0這一列中的所有值,按順序添加給中繼器,而中繼器能重復多少次,則是由這個表格的行數(shù)控制的。


5、下面我來修改各個矩形名稱、中繼器表格列名以便記錄,此時應注意,中繼器的列名應以英文或拼音命名,否則可能取不到值!

6、之后修改中繼器的載入方法,對每個矩形進行賦值操作,作為分割線的矩形無需賦值。

相關文章
axure怎么隱藏菜單橫向隱藏與顯示的效果?今天想要和大家分享一些關于axure顯示隱藏效果的實現(xiàn)方法,我們就以隱藏菜單為例,需要的朋友可以參考下2017-04-23
Axure怎么設計手機短信倒計時效果?Axure中想要制作倒計時效果,該怎么制作呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下2017-04-23
axure怎么用中繼器制作微博聯(lián)系人效果?想要仿照微博的聯(lián)系人樣式制作一個這種效果,該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-04-23
axure怎么給文字設置跑馬燈效果?axure中想讓文字實現(xiàn)跑馬燈效果,該怎么實現(xiàn)呢》下面我們就來看看詳細的教程,需要的朋友可以參考下2017-04-23
axure怎么使用動態(tài)面板制作淘寶圖片輪播效果?我們經(jīng)??吹教詫氈杏袌D片輪播的效果,該怎么設計這種效果呢?下面我們就來看看通過axure實現(xiàn)的教程,需要的朋友可以參考下2017-04-23
Axure怎么設計多層級菜單下拉聯(lián)動效果?Axure中想要制作一個聯(lián)動下拉菜單,該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-04-23
Axure RP 8怎么設置控制多選列表傳值的效果?Axure RP 8總想通過按鈕點擊事件給多選列表添加值,該怎么實現(xiàn)呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-04-05
Axure RP怎么設計彈出窗口的效果?Axure RP在設計網(wǎng)頁原型的時候,需要制作一個彈出的窗口,該怎么設置呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-03-27
Axure怎么制作商品詳情頁產(chǎn)品圖展示效果?想要使用Axure設計一個商品圖片展示效果,該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-03-26
Axure 8.0中怎么制作手機上下滑動效果?Axure可以制作網(wǎng)頁圓形,今天我們就來看看使用Axure繪制手機上下滑動效果的教程,需要的朋友可以參考下2017-02-21












