使用中繼器制作產(chǎn)品列表
Axure RP 8軟件中的高級元件---中繼器,是一個存放數(shù)據(jù)的容器,中繼器元件是由中繼器數(shù)據(jù)中的數(shù)據(jù)項填充。中繼器中的數(shù)據(jù)包含:文本、圖片、頁面鏈接。第一步:添加中繼器在Axure RP 8軟件中
Axure RP 8軟件中的高級元件---中繼器,是一個存放數(shù)據(jù)的容器,中繼器元件是由中繼器數(shù)據(jù)中的數(shù)據(jù)項填充。中繼器中的數(shù)據(jù)包含:文本、圖片、頁面鏈接。
第一步:添加中繼器
在Axure RP 8軟件中,首先添加一個中繼器,并將其命名為“列表”。這個步驟可以通過創(chuàng)建一個新頁面來完成。
第二步:編輯中繼器
雙擊中繼器“列表”,進入編輯區(qū),在頁面上按照產(chǎn)品列表的布局,添加相應的元件,并給各個元件相應的命名。
第三步:設計產(chǎn)品排版方式
在編輯區(qū)中,設置產(chǎn)品在頁面中的排版方式及每行顯示的個數(shù)。例如,我們可以選擇水平布局,每排顯示2個產(chǎn)品,以達到理想的效果。
第四步:添加數(shù)據(jù)
選中中繼器“列表”,設置“屬性”,填充數(shù)據(jù)。這一步可以在添加中繼器之后進行,也可以在第二步進行操作。
第五步:綁定數(shù)據(jù)
將第四步中的數(shù)據(jù)和中繼器編輯區(qū)的元件一一對應起來。需要特別說明的是,對于產(chǎn)品的圖片和文本類(如名稱、價格),可能需要進行不同的添加和樣式調(diào)整。可以給中繼器添加用例“每項加載時”來實現(xiàn)數(shù)據(jù)的綁定。
第六步:樣式調(diào)整
在中繼器的編輯區(qū)中,根據(jù)需求調(diào)整產(chǎn)品價格的樣式,例如將其設為紅色、加粗,并去除表框,以使原型與效果圖更加一致。
通過以上步驟,我們可以使用Axure RP 8軟件中的中繼器元件制作出一個漂亮的產(chǎn)品列表原型。這樣的原型可以幫助我們進行產(chǎn)品設計和展示,并與團隊成員或客戶共享反饋。