1. 程式人生 > >Axure-中繼器製作分頁

Axure-中繼器製作分頁

  作為技術領域我們在寫功能時可以完成一個個小小的功能,同樣的使用Axure原型設計可以完成同樣的功能,已達到在給客戶演示時看到資料實時更新的效果。
  下邊我們就來看一下在原型設計中如何來製作分頁。

步驟一

首先我們先製作一個表頭這裡羅列了三列:序號,姓名,成績然後我們從元器件中拖進來一箇中繼器。
這裡寫圖片描述

步驟二

接下來我們選中該中繼器,在右側中繼器選項中分別新增行和列以及相應的資料。
步驟如下圖所示:
這裡寫圖片描述

步驟三

雙擊中繼器,這時會開啟一個新的中繼器頁面,我們在這裡新增相對應的列,預設已經有一列,而我們總共有三列,所以我們在按照相對應的尺寸新增其對應的列即可。
這裡寫圖片描述

步驟四

接下來我們右側屬性欄中找到case1,雙擊開啟新增用例視窗
這裡寫圖片描述
開啟之後分別設定每列所對應的值
這裡寫圖片描述

步驟五

接下來開始製作分頁效果了,我們分別從元器件中拖兩個矩形進行,設定內容為:上一頁,下一頁。
這裡寫圖片描述
然後我們分別給他們加事件。
選中上一頁,我們在右側屬性欄中找到“滑鼠單擊時”,並且雙擊它開啟新增用例視窗。
按照如下步驟開始操作:
這裡寫圖片描述
然後再講“下一頁”也加入同樣的事件即可,不過頁碼數要改成2,就可以了
這裡寫圖片描述

步驟六

最後再選中中繼器,在右側樣式中我們來設定分頁。
這裡寫圖片描述
這樣就OK啦,然後你預覽執行下就實現了此功能了。希望看到這裡你也會製作分頁。