Axure制作網頁原型的時候,如果原型內容相同中可以直接使用中繼器來實現,比如菜譜,都會包括菜名、單價、口味等,這個只需要在表格中編輯好數據后,直接解析到元件中,這個方法學習的時候比較復雜,等會了只后其實很簡單,下面我們就來介紹一個簡單的實例教程,請看下文詳細介紹。
1、首先創建一個空白頁面,在工作區域中拖入一個中繼器,如下圖所示。
2、雙擊進入到中繼器中,使用相關元件,搭建一個菜譜樣式的模型,包括圖片、名稱、價格等,如下圖所示。
3、元件拖拽完成后,需要對每一個元件進行命名,后面設置中繼器的表格表頭時會使用到。
4、返回到工作區域,會發現剛剛拖入的中繼器中已經顯示幾個菜品的模板了。
5、下面我們點擊右側屬性中的中繼器,將中斷器的表格表頭添加,表頭的命名,就是剛剛那幾個元件的名稱,如下圖所示。
6、表格表頭名稱設置完成后,開始對每一行的數據進行編輯,就如果編輯Excel表格一樣,在下面加菜品,比如土豆絲,10元,酸辣口味等等,有多少菜就加幾個菜。
7、下面開始對中繼器的每項加載時賦值,也就是將表格中的數據解析到對應的元件中,如下圖所示。
8、菜品的圖片也需要賦值,下面會介紹圖片怎么導入到表格中。
9、回到中繼器表格的位置,在需要插入圖片的那一單元格右擊,上傳圖片即可。
10、返回到工作區域,我們會發現,剛剛賦值的數據和導入的圖片已經顯示了,同樣的方式做更的菜品進來,就可以了。
11、所有工作準備完成后,f5預覽一下,看看效果,不滿意在對樣式調整一下就行了。
新聞熱點
疑難解答
圖片精選