Axure制作網(wǎng)頁原型的時候,如果原型內(nèi)容相同中可以直接使用中繼器來實現(xiàn),比如菜譜,都會包括菜名、單價、口味等,這個只需要在表格中編輯好數(shù)據(jù)后,直接解析到元件中,這個方法學習的時候比較復雜,等會了只后其實很簡單,下面我們就來介紹一個簡單的實例教程,請看下文詳細介紹。
1、首先創(chuàng)建一個空白頁面,在工作區(qū)域中拖入一個中繼器,如下圖所示。

2、雙擊進入到中繼器中,使用相關(guān)元件,搭建一個菜譜樣式的模型,包括圖片、名稱、價格等,如下圖所示。

3、元件拖拽完成后,需要對每一個元件進行命名,后面設(shè)置中繼器的表格表頭時會使用到。


4、返回到工作區(qū)域,會發(fā)現(xiàn)剛剛拖入的中繼器中已經(jīng)顯示幾個菜品的模板了。

5、下面我們點擊右側(cè)屬性中的中繼器,將中斷器的表格表頭添加,表頭的命名,就是剛剛那幾個元件的名稱,如下圖所示。

6、表格表頭名稱設(shè)置完成后,開始對每一行的數(shù)據(jù)進行編輯,就如果編輯Excel表格一樣,在下面加菜品,比如土豆絲,10元,酸辣口味等等,有多少菜就加幾個菜。

7、下面開始對中繼器的每項加載時賦值,也就是將表格中的數(shù)據(jù)解析到對應的元件中,如下圖所示。

8、菜品的圖片也需要賦值,下面會介紹圖片怎么導入到表格中。

9、回到中繼器表格的位置,在需要插入圖片的那一單元格右擊,上傳圖片即可。

10、返回到工作區(qū)域,我們會發(fā)現(xiàn),剛剛賦值的數(shù)據(jù)和導入的圖片已經(jīng)顯示了,同樣的方式做更的菜品進來,就可以了。

11、所有工作準備完成后,f5預覽一下,看看效果,不滿意在對樣式調(diào)整一下就行了。

以上就是Axure中繼器制作菜譜的教程,希望大家喜歡,請繼續(xù)關(guān)注武林網(wǎng)。
相關(guān)推薦:
新聞熱點
疑難解答
圖片精選