Axure中繼器怎么制作飯店菜譜?
我要評(píng)論Axure制作網(wǎng)頁原型的時(shí)候，如果原型內(nèi)容相同中可以直接使用中繼器來實(shí)現(xiàn)，比如菜譜，都會(huì)包括菜名、單價(jià)、口味等，這個(gè)只需要在表格中編輯好數(shù)據(jù)后，直接解析到元件中，這個(gè)方法學(xué)習(xí)的時(shí)候比較復(fù)雜，等會(huì)了只后其實(shí)很簡(jiǎn)單，下面我們就來介紹一個(gè)簡(jiǎn)單的實(shí)例教程，請(qǐng)看下文詳細(xì)介紹。
Axure RP 9 V9.0.0.3611 漢化安裝版(附漢化包)
- 類型：輔助設(shè)計(jì)
- 大?。?/span>219MB
- 語言：簡(jiǎn)體中文
- 時(shí)間：2018-10-29
1、首先創(chuàng)建一個(gè)空白頁面，在工作區(qū)域中拖入一個(gè)中繼器，如下圖所示。
2、雙擊進(jìn)入到中繼器中，使用相關(guān)元件，搭建一個(gè)菜譜樣式的模型，包括圖片、名稱、價(jià)格等，如下圖所示。
3、元件拖拽完成后，需要對(duì)每一個(gè)元件進(jìn)行命名，后面設(shè)置中繼器的表格表頭時(shí)會(huì)使用到。
4、返回到工作區(qū)域，會(huì)發(fā)現(xiàn)剛剛拖入的中繼器中已經(jīng)顯示幾個(gè)菜品的模板了。
5、下面我們點(diǎn)擊右側(cè)屬性中的中繼器，將中斷器的表格表頭添加，表頭的命名，就是剛剛那幾個(gè)元件的名稱，如下圖所示。
6、表格表頭名稱設(shè)置完成后，開始對(duì)每一行的數(shù)據(jù)進(jìn)行編輯，就如果編輯Excel表格一樣，在下面加菜品，比如土豆絲，10元，酸辣口味等等，有多少菜就加幾個(gè)菜。
7、下面開始對(duì)中繼器的每項(xiàng)加載時(shí)賦值，也就是將表格中的數(shù)據(jù)解析到對(duì)應(yīng)的元件中，如下圖所示。
8、菜品的圖片也需要賦值，下面會(huì)介紹圖片怎么導(dǎo)入到表格中。
9、回到中繼器表格的位置，在需要插入圖片的那一單元格右擊，上傳圖片即可。
10、返回到工作區(qū)域，我們會(huì)發(fā)現(xiàn)，剛剛賦值的數(shù)據(jù)和導(dǎo)入的圖片已經(jīng)顯示了，同樣的方式做更的菜品進(jìn)來，就可以了。
11、所有工作準(zhǔn)備完成后，f5預(yù)覽一下，看看效果，不滿意在對(duì)樣式調(diào)整一下就行了。
以上就是Axure中繼器制作菜譜的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
相關(guān)文章
Axure怎么制作按鈕控制數(shù)據(jù)遞加遞減效果?
Axure怎么制作按鈕控制數(shù)據(jù)遞加遞減效果？Axure中想要制作一個(gè)數(shù)字遞加遞減的效果，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-11-28
Axure怎么制作文字滾動(dòng)的動(dòng)態(tài)效果?
Axure怎么制作文字滾動(dòng)的動(dòng)態(tài)效果？Axure中想要制作一個(gè)滾動(dòng)字幕，該怎么給文字添加滾動(dòng)效果呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-11-28
Axure怎么制作云層滾動(dòng)的動(dòng)態(tài)效果?
Axure怎么制作云層滾動(dòng)的動(dòng)態(tài)效果？Axure中想要制作一個(gè)云層效果，并添加翻滾的動(dòng)態(tài)效果，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-11-27
Axure怎么制作雷達(dá)圖? Axure雷達(dá)圖的畫法
Axure怎么制作雷達(dá)圖？Axure中想要制作一幅雷達(dá)圖，該怎么制作雷達(dá)圖嗯？下面我們就來看看Axure雷達(dá)圖的畫法，很簡(jiǎn)單，需要的朋友可以參考下2018-11-21
Axure文字超鏈接怎么制作？Axure頁面中的文字想要添加超鏈接，該怎么添加呢？下面我們就來看看Axure超鏈接的制作方法，需要的朋友可以參考下2018-11-16
Axure怎么繪制彩色的面積圖？Axure中想要繪制一個(gè)面積圖，該怎么繪制面積圖表呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-11-14
Axure8頁面怎么添加元件說明字段與配置？Axure8設(shè)計(jì)網(wǎng)頁原型的時(shí)候，想要給添加元件說明字段與配置，該怎么添加呢？下面我們我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-10-07
Axure8怎么設(shè)置打開不顯示歡迎界面？Axure8軟件每次打開的時(shí)候都會(huì)顯示歡迎界面，該怎么設(shè)置不顯示歡迎界面呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-10-06
Axure8元件怎么拖到頁面中？Axure8中創(chuàng)建網(wǎng)頁原型的時(shí)候，需要使用基礎(chǔ)元件，該怎么把元件拖動(dòng)到頁面中呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-10-05
Axure8怎么重命名頁面？Axure8中新建的頁面需要重命名，更符合頁面的功能，該怎么重命名呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-09-30
