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