AXURE怎么使用中繼器實現(xiàn)樣式重復(fù)但內(nèi)容不同的效果?
我要評論原型制作來說，有很多平時會重復(fù)的工作，一般的復(fù)制粘貼即可，但若所有模塊的內(nèi)容、位置都要移動與修改，那么就可能造成很大的工作量，導(dǎo)致原型制作者很大的苦惱，中繼器可以在一定程度上幫助設(shè)計者實現(xiàn)高效的整體布局與內(nèi)容梳理。
Axure RP Pro(快速原型設(shè)計工具) V8.0.0.3333 綠色英文免費版
- 類型：應(yīng)用其它
- 大?。?/span>48.2MB
- 語言：英文軟件
- 時間：2017-04-10
1、中繼器看似麻煩，但用多了，反而很順手：首先在頁面新建一個中繼器，雙擊后進(jìn)入中繼器頁面，將原有的表格刪掉，向其中添加四個矩形一個圖片。其中第四個矩形作為分割線，調(diào)整好形狀后隱藏掉。
2、對于整體布局來講內(nèi)容與格式必不可少，我們需要對每個矩形內(nèi)的文字大小以及是否加粗做出調(diào)整，比如對標(biāo)題矩形進(jìn)行字體加粗，字號加大處理，對作者日期矩形做出字體顏色調(diào)整，對文章內(nèi)容矩形調(diào)整文字大小
3、調(diào)整好內(nèi)容后，將所有的矩形邊框隱藏掉，我們可以在對應(yīng)的例圖中看到中繼器已經(jīng)初具效果了。
4、下面我們來看如何調(diào)整每篇文章的標(biāo)題：我們在中繼器所在的頁面中選中它，可發(fā)現(xiàn)右側(cè)有個方法，即在加載頁面時，對其賦值：設(shè)置文字（形狀）=[[item.column0]];，我們雙擊中繼器后，在中繼器內(nèi)部頁面可看到下面有個表格，其中有一列正好叫column0；其實這個方法就是將column0這一列中的所有值，按順序添加給中繼器，而中繼器能重復(fù)多少次，則是由這個表格的行數(shù)控制的。
5、下面我來修改各個矩形名稱、中繼器表格列名以便記錄，此時應(yīng)注意，中繼器的列名應(yīng)以英文或拼音命名，否則可能取不到值！
6、之后修改中繼器的載入方法，對每個矩形進(jìn)行賦值操作，作為分割線的矩形無需賦值。
相關(guān)文章
axure怎么隱藏菜單橫向隱藏與顯示的效果？今天想要和大家分享一些關(guān)于axure顯示隱藏效果的實現(xiàn)方法，我們就以隱藏菜單為例，需要的朋友可以參考下2017-04-23
Axure怎么設(shè)計手機(jī)短信倒計時效果？Axure中想要制作倒計時效果，該怎么制作呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2017-04-23
axure怎么用中繼器制作微博聯(lián)系人效果？想要仿照微博的聯(lián)系人樣式制作一個這種效果，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-04-23
axure怎么給文字設(shè)置跑馬燈效果？axure中想讓文字實現(xiàn)跑馬燈效果，該怎么實現(xiàn)呢》下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-04-23
axure怎么使用動態(tài)面板制作淘寶圖片輪播效果？我們經(jīng)?？吹教詫氈杏袌D片輪播的效果，該怎么設(shè)計這種效果呢？下面我們就來看看通過axure實現(xiàn)的教程，需要的朋友可以參考下2017-04-23
Axure怎么設(shè)計多層級菜單下拉聯(lián)動效果?
Axure怎么設(shè)計多層級菜單下拉聯(lián)動效果？Axure中想要制作一個聯(lián)動下拉菜單，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-04-23
Axure RP 8怎么設(shè)置控制多選列表傳值的效果?
Axure RP 8怎么設(shè)置控制多選列表傳值的效果？Axure RP 8總想通過按鈕點擊事件給多選列表添加值，該怎么實現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-04-05
Axure RP怎么設(shè)計彈出窗口的效果？Axure RP在設(shè)計網(wǎng)頁原型的時候，需要制作一個彈出的窗口，該怎么設(shè)置呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-03-27
Axure怎么制作商品詳情頁產(chǎn)品圖展示效果？想要使用Axure設(shè)計一個商品圖片展示效果，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-03-26
Axure 8.0中怎么制作手機(jī)上下滑動效果？Axure可以制作網(wǎng)頁圓形，今天我們就來看看使用Axure繪制手機(jī)上下滑動效果的教程，需要的朋友可以參考下2017-02-21
