版本：Axure RP 8.0.0.3303
內容介紹：對應用軟件裡面常見的翻頁設計，如首頁、上一頁、下一頁、尾頁等的設置；
一、效果驗收
二、頁面設計
- 分頁設置，選中中繼器，在樣式設置中設置，這裡分為每頁6行，起始頁為1（注意這裡可以設置起始頁）。
中繼器分頁
- 如果不想通過樣式分頁，想自定義分頁，可參考方法：在頁面控件上增加一個文本框、一個按鈕，在文本框中輸入每頁的行數，按鈕實現按輸入行數來分頁。
控件分頁
- 為自定義分頁的按鈕設定交互，在按鈕的“鼠標單擊時”交互上，選擇中繼器的設置每頁項目數量，定義變量Spage並指向文本框文字，即分頁依據來自文本框輸入值。第二項交互是重新獲取經過分頁後的總頁數，後續會提到。
- 控件佈局，需要4個按鈕和2個標籤，按鈕分別對應中繼器數據實現首頁、上一頁、下一頁、尾頁展示，標籤提示當前中繼器展示的數據為第幾頁，中繼器總共有多少頁數據。
增加控件
- 標籤顯示設置，這裡設置“載入時”交互，顯示初始化中繼器展示頁情況；二個標籤分別為“第X頁”，“總X頁”，通過兩個函數來活動，圖一pageIndex獲取第幾頁，圖三pageCount獲取總頁數。圖二展示pageIndex的使用方式，把中繼器對象賦予到變量實現，實質就是“對象.pageIndex”，這裡的對象即中繼器，pageCount使用方法一樣。
當前頁碼（圖一）
pageIndex函數使用（圖二）
總數頁碼（圖三）
- top（首頁）交互設置，按鈕單擊後，展示首頁數據，同時更新“第X頁”顯示。添加“設置當前顯示頁面”動作，選擇頁面為“Value”即為首頁，這裡可以填輸入頁碼，與第1步的設置起始頁相對應了。添加“設置文本”動作，對“第X頁”顯示，其實就是用 pageIndex獲取第幾頁，後續的上一頁、下一頁、尾頁都用到，後面就不提了。
top頁
- up（上一頁）、next（下一頁）、end（尾頁）交互設置，跟top（首頁）一樣，只是不能再“輸入頁碼”了，“選擇頁面為”這個選項卡中選擇Previous表示上一頁，選擇next表示下一頁，選擇last表示尾頁。
翻頁設置
三、其它說明
- 使用pageIndex & pageCount函數時，定義的變量後，需要選擇元件，把中繼器作為對象賦給對象，而不是選擇“元件文字”，大部分中繼器的函數都可以這麼使用，如dataCount、itemCount等。
分享到:
閱讀更多 blitheDotChen 的文章
