AXURE怎么使用中繼器實(shí)現(xiàn)樣式重復(fù)但內(nèi)容不同的效果?

原型制作來說,有很多平時(shí)會(huì)重復(fù)的工作,一般的復(fù)制粘貼即可,但若所有模塊的內(nèi)容、位置都要移動(dòng)與修改,那么就可能造成很大的工作量,導(dǎo)致原型制作者很大的苦惱,中繼器可以在一定程度上幫助設(shè)計(jì)者實(shí)現(xiàn)高效的整體布局與內(nèi)容梳理。

Axure RP Pro(快速原型設(shè)計(jì)工具) V8.0.0.3333 綠色英文免費(fèi)版
- 類型:應(yīng)用其它
- 大?。?/span>48.2MB
- 語言:英文軟件
- 時(shí)間:2017-04-10
1、中繼器看似麻煩,但用多了,反而很順手:首先在頁面新建一個(gè)中繼器,雙擊后進(jìn)入中繼器頁面,將原有的表格刪掉,向其中添加四個(gè)矩形一個(gè)圖片。其中第四個(gè)矩形作為分割線,調(diào)整好形狀后隱藏掉。
2、對(duì)于整體布局來講內(nèi)容與格式必不可少,我們需要對(duì)每個(gè)矩形內(nèi)的文字大小以及是否加粗做出調(diào)整,比如對(duì)標(biāo)題矩形進(jìn)行字體加粗,字號(hào)加大處理,對(duì)作者日期矩形做出字體顏色調(diào)整,對(duì)文章內(nèi)容矩形調(diào)整文字大小
3、調(diào)整好內(nèi)容后,將所有的矩形邊框隱藏掉,我們可以在對(duì)應(yīng)的例圖中看到中繼器已經(jīng)初具效果了。
4、下面我們來看如何調(diào)整每篇文章的標(biāo)題:我們?cè)谥欣^器所在的頁面中選中它,可發(fā)現(xiàn)右側(cè)有個(gè)方法,即在加載頁面時(shí),對(duì)其賦值:設(shè)置文字(形狀)=[[item.column0]];,我們雙擊中繼器后,在中繼器內(nèi)部頁面可看到下面有個(gè)表格,其中有一列正好叫column0;其實(shí)這個(gè)方法就是將column0這一列中的所有值,按順序添加給中繼器,而中繼器能重復(fù)多少次,則是由這個(gè)表格的行數(shù)控制的。
5、下面我來修改各個(gè)矩形名稱、中繼器表格列名以便記錄,此時(shí)應(yīng)注意,中繼器的列名應(yīng)以英文或拼音命名,否則可能取不到值!
6、之后修改中繼器的載入方法,對(duì)每個(gè)矩形進(jìn)行賦值操作,作為分割線的矩形無需賦值。
7、下面我們來簡(jiǎn)單的寫點(diǎn)新聞標(biāo)題與內(nèi)容,寫好后看下整體布局,若還需調(diào)整文字,則直接對(duì)矩形進(jìn)行調(diào)整即可,寫好后發(fā)布下看下效果
8、此時(shí)已經(jīng)基本完成,但是沒有圖片的新聞不是好新聞,我們也可在中繼器中插入幾個(gè)滿意的新聞圖片
9、前面第五步有個(gè)地方做錯(cuò)了,對(duì)于圖像的值得設(shè)置要格外注意,需要使用圖像設(shè)置。
10、最終完成,效果如圖,此時(shí)若領(lǐng)導(dǎo)要你調(diào)整某個(gè)內(nèi)容的布局,將非常簡(jiǎn)單,只需在中繼器中拖拽調(diào)整即可,修改原型中的內(nèi)容也可集中在中繼器的表格中完成,是否方便了許多呢?
相關(guān)推薦:
相關(guān)文章
axure怎么設(shè)計(jì)菜單橫向隱藏與顯示的效果?
axure怎么隱藏菜單橫向隱藏與顯示的效果?今天想要和大家分享一些關(guān)于axure顯示隱藏效果的實(shí)現(xiàn)方法,我們就以隱藏菜單為例,需要的朋友可以參考下2017-04-23Axure怎么設(shè)計(jì)手機(jī)短信倒計(jì)時(shí)效果?
Axure怎么設(shè)計(jì)手機(jī)短信倒計(jì)時(shí)效果?Axure中想要制作倒計(jì)時(shí)效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,很簡(jiǎn)單,需要的朋友可以參考下2017-04-23- axure怎么用中繼器制作微博聯(lián)系人效果?想要仿照微博的聯(lián)系人樣式制作一個(gè)這種效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-04-23
- axure怎么給文字設(shè)置跑馬燈效果?axure中想讓文字實(shí)現(xiàn)跑馬燈效果,該怎么實(shí)現(xiàn)呢》下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-04-23
axure怎么使用動(dòng)態(tài)面板制作淘寶圖片輪播效果?
axure怎么使用動(dòng)態(tài)面板制作淘寶圖片輪播效果?我們經(jīng)常看到淘寶中有圖片輪播的效果,該怎么設(shè)計(jì)這種效果呢?下面我們就來看看通過axure實(shí)現(xiàn)的教程,需要的朋友可以參考下2017-04-23Axure怎么設(shè)計(jì)多層級(jí)菜單下拉聯(lián)動(dòng)效果?
Axure怎么設(shè)計(jì)多層級(jí)菜單下拉聯(lián)動(dòng)效果?Axure中想要制作一個(gè)聯(lián)動(dòng)下拉菜單,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-04-23Axure RP 8怎么設(shè)置控制多選列表傳值的效果?
Axure RP 8怎么設(shè)置控制多選列表傳值的效果?Axure RP 8總想通過按鈕點(diǎn)擊事件給多選列表添加值,該怎么實(shí)現(xiàn)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-04-05- Axure RP怎么設(shè)計(jì)彈出窗口的效果?Axure RP在設(shè)計(jì)網(wǎng)頁原型的時(shí)候,需要制作一個(gè)彈出的窗口,該怎么設(shè)置呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-03-27
- Axure怎么制作商品詳情頁產(chǎn)品圖展示效果?想要使用Axure設(shè)計(jì)一個(gè)商品圖片展示效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-03-26
Axure 8.0中怎么制作手機(jī)上下滑動(dòng)效果?
Axure 8.0中怎么制作手機(jī)上下滑動(dòng)效果?Axure可以制作網(wǎng)頁圓形,今天我們就來看看使用Axure繪制手機(jī)上下滑動(dòng)效果的教程,需要的朋友可以參考下2017-02-21