Axure中繼器怎么制作飯店菜譜?

Axure制作網(wǎng)頁原型的時候,如果原型內(nèi)容相同中可以直接使用中繼器來實現(xiàn),比如菜譜,都會包括菜名、單價、口味等,這個只需要在表格中編輯好數(shù)據(jù)后,直接解析到元件中,這個方法學(xué)習(xí)的時候比較復(fù)雜,等會了只后其實很簡單,下面我們就來介紹一個簡單的實例教程,請看下文詳細(xì)介紹。
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ù)解析到對應(yīng)的元件中,如下圖所示。
8、菜品的圖片也需要賦值,下面會介紹圖片怎么導(dǎo)入到表格中。
9、回到中繼器表格的位置,在需要插入圖片的那一單元格右擊,上傳圖片即可。
10、返回到工作區(qū)域,我們會發(fā)現(xiàn),剛剛賦值的數(shù)據(jù)和導(dǎo)入的圖片已經(jīng)顯示了,同樣的方式做更的菜品進來,就可以了。
11、所有工作準(zhǔn)備完成后,f5預(yù)覽一下,看看效果,不滿意在對樣式調(diào)整一下就行了。
以上就是Axure中繼器制作菜譜的教程,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
相關(guān)文章
Axure怎么制作按鈕控制數(shù)據(jù)遞加遞減效果?
Axure怎么制作按鈕控制數(shù)據(jù)遞加遞減效果?Axure中想要制作一個數(shù)字遞加遞減的效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-11-28- Axure怎么制作文字滾動的動態(tài)效果?Axure中想要制作一個滾動字幕,該怎么給文字添加滾動效果呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-11-28
- Axure怎么制作云層滾動的動態(tài)效果?Axure中想要制作一個云層效果,并添加翻滾的動態(tài)效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-11-27
Axure怎么制作雷達(dá)圖? Axure雷達(dá)圖的畫法
Axure怎么制作雷達(dá)圖?Axure中想要制作一幅雷達(dá)圖,該怎么制作雷達(dá)圖嗯?下面我們就來看看Axure雷達(dá)圖的畫法,很簡單,需要的朋友可以參考下2018-11-21- Axure文字超鏈接怎么制作?Axure頁面中的文字想要添加超鏈接,該怎么添加呢?下面我們就來看看Axure超鏈接的制作方法,需要的朋友可以參考下2018-11-16
- Axure怎么繪制彩色的面積圖?Axure中想要繪制一個面積圖,該怎么繪制面積圖表呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-11-14
- Axure8頁面怎么添加元件說明字段與配置?Axure8設(shè)計網(wǎng)頁原型的時候,想要給添加元件說明字段與配置,該怎么添加呢?下面我們我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-10-07
- Axure8怎么設(shè)置打開不顯示歡迎界面?Axure8軟件每次打開的時候都會顯示歡迎界面,該怎么設(shè)置不顯示歡迎界面呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-10-06
- Axure8元件怎么拖到頁面中?Axure8中創(chuàng)建網(wǎng)頁原型的時候,需要使用基礎(chǔ)元件,該怎么把元件拖動到頁面中呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-10-05
- Axure8怎么重命名頁面?Axure8中新建的頁面需要重命名,更符合頁面的功能,該怎么重命名呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-09-30