如何使用Axure中繼器制作飯店菜譜?現(xiàn)在網(wǎng)絡(luò)科技發(fā)展迅速，去飯店吃飯都可以在網(wǎng)上點(diǎn)菜了。那么，網(wǎng)上的菜譜該怎么制作呢?可以使用Axure中繼器進(jìn)行制作。下面就是使用Axure中繼器制作飯店菜譜的具體教程，一起來看看吧!
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中繼器制作飯店菜譜的具體教程，大家學(xué)會(huì)了嗎?更多相關(guān)教程，請(qǐng)繼續(xù)關(guān)注
系統(tǒng)之家。
發(fā)表評(píng)論
共0條
評(píng)論就這些咯，讓大家也知道你的獨(dú)特見解
立即評(píng)論以上留言僅代表用戶個(gè)人觀點(diǎn)，不代表系統(tǒng)之家立場