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、中繼器看似麻煩,但用多了,反而很順手:首先在頁面新建一個中繼器,雙擊后進入中繼器頁面,將原有的表格刪掉,向其中添加四個矩形一個圖片。其中第四個矩形作為分割線,調(diào)整好形狀后隱藏掉。
2、對于整體布局來講內(nèi)容與格式必不可少,我們需要對每個矩形內(nèi)的文字大小以及是否加粗做出調(diào)整,比如對標題矩形進行字體加粗,字號加大處理,對作者日期矩形做出字體顏色調(diào)整,對文章內(nèi)容矩形調(diào)整文字大小
3、調(diào)整好內(nèi)容后,將所有的矩形邊框隱藏掉,我們可以在對應(yīng)的例圖中看到中繼器已經(jīng)初具效果了。
4、下面我們來看如何調(diào)整每篇文章的標題:我們在中繼器所在的頁面中選中它,可發(fā)現(xiàn)右側(cè)有個方法,即在加載頁面時,對其賦值:設(shè)置文字(形狀)=[[item.column0]];,我們雙擊中繼器后,在中繼器內(nèi)部頁面可看到下面有個表格,其中有一列正好叫column0;其實這個方法就是將column0這一列中的所有值,按順序添加給中繼器,而中繼器能重復(fù)多少次,則是由這個表格的行數(shù)控制的。
5、下面我來修改各個矩形名稱、中繼器表格列名以便記錄,此時應(yīng)注意,中繼器的列名應(yīng)以英文或拼音命名,否則可能取不到值!
6、之后修改中繼器的載入方法,對每個矩形進行賦值操作,作為分割線的矩形無需賦值。
相關(guān)文章
- axure怎么隱藏菜單橫向隱藏與顯示的效果?今天想要和大家分享一些關(guān)于axure顯示隱藏效果的實現(xiàn)方法,我們就以隱藏菜單為例,需要的朋友可以參考下2017-04-23
- Axure怎么設(shè)計手機短信倒計時效果?Axure中想要制作倒計時效果,該怎么制作呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下2017-04-23
- axure怎么用中繼器制作微博聯(lián)系人效果?想要仿照微博的聯(lián)系人樣式制作一個這種效果,該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-04-23
- axure怎么給文字設(shè)置跑馬燈效果?axure中想讓文字實現(xiàn)跑馬燈效果,該怎么實現(xiàn)呢》下面我們就來看看詳細的教程,需要的朋友可以參考下2017-04-23
- axure怎么使用動態(tài)面板制作淘寶圖片輪播效果?我們經(jīng)常看到淘寶中有圖片輪播的效果,該怎么設(shè)計這種效果呢?下面我們就來看看通過axure實現(xiàn)的教程,需要的朋友可以參考下2017-04-23
Axure怎么設(shè)計多層級菜單下拉聯(lián)動效果?
Axure怎么設(shè)計多層級菜單下拉聯(lián)動效果?Axure中想要制作一個聯(lián)動下拉菜單,該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-04-23Axure RP 8怎么設(shè)置控制多選列表傳值的效果?
Axure RP 8怎么設(shè)置控制多選列表傳值的效果?Axure RP 8總想通過按鈕點擊事件給多選列表添加值,該怎么實現(xiàn)呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-04-05- Axure RP怎么設(shè)計彈出窗口的效果?Axure RP在設(shè)計網(wǎng)頁原型的時候,需要制作一個彈出的窗口,該怎么設(shè)置呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-03-27
- Axure怎么制作商品詳情頁產(chǎn)品圖展示效果?想要使用Axure設(shè)計一個商品圖片展示效果,該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-03-26
- Axure 8.0中怎么制作手機上下滑動效果?Axure可以制作網(wǎng)頁圓形,今天我們就來看看使用Axure繪制手機上下滑動效果的教程,需要的朋友可以參考下2017-02-21