發(fā)布時間:2023-5-31 分類: 行業(yè)資訊
這里的排序和分頁主要屬于顯示功能。當數(shù)據(jù)量特別大時,分類和分頁甚至是必不可少的。在這里,我們將討論如何制作排序和分頁原型。
第一步:拖放相關控件
1.數(shù)據(jù)表(標題):1行4列,底部帶黑框的表用作標題,每個網(wǎng)格從左到右的字符為:名稱,性別,年齡,電話號碼,字體都是粗體,并在年齡旁邊放置一個白色倒三角形,并將其命名為“Triangle”;
2,數(shù)據(jù)表(正文):一個轉(zhuǎn)發(fā)器,轉(zhuǎn)發(fā)器里面是一排4列,一個黑色的盒子放在白色背景上,從左到右四個網(wǎng)格被命名為“l(fā)d”; name”,“性別”, age”,“phone”。
3.分頁:5個矩形,黑色框架和白色背景。文本是:第一頁,第1,2,3頁和最后一頁。
步驟2:為轉(zhuǎn)發(fā)器設置數(shù)據(jù)庫和交互式用例
轉(zhuǎn)發(fā)器中的數(shù)據(jù)庫設置如下:
為轉(zhuǎn)發(fā)器添加每個加載時用例
用例中設置的文字“名稱”;對應于“名稱”和“rdquo;轉(zhuǎn)發(fā)器數(shù)據(jù)庫的列;
用例中設置的文字“性別”對應于&n; s>轉(zhuǎn)發(fā)器數(shù)據(jù)庫的列;
在用例中設置的文字“年齡””對應于“年齡””轉(zhuǎn)發(fā)器數(shù)據(jù)庫的列;
在用例中設置的文字“電話”&ndquo;對應于< tel”轉(zhuǎn)發(fā)器數(shù)據(jù)庫的列。
第3步:為年齡按鈕設置鼠標單擊交互案例
1.為轉(zhuǎn)發(fā)器添加排序。屬性為age,排序類型為Number,順序為switch,默認為升序。
2,相對旋轉(zhuǎn)“三角形”180度,方向為順時針方向,錨點為中心。
步驟4:為5個分頁按鈕設置鼠標單擊案例
例如,主頁按鈕,當鼠標單擊時,將轉(zhuǎn)發(fā)器的當前頁面的值設置為1,并且1頁,2頁,3頁和最后一頁的按鈕分別設置當前頁面的值。轉(zhuǎn)發(fā)器為1,值為2,值為3,最后。
點擊預覽,然后點擊“年齡按鈕”按鈕?;蛘摺包c擊分頁按鈕”,您可以看到分頁分頁的效果。與此同時,我可以關注我的個人博客:http://weidublog.com,因為在工作過程中有很多這些axure原型提示的例子,所以我會堅持下去,并希望能幫到大家。你對我的關心是我。動力。
渲染:對軸心原型的分頁進行排序
更多原型案例:http://weidublog.com/index.php/2017/03/20/181/
文字/尺寸轉(zhuǎn)載請注明出處:http://weidublog.com/index.php/2017/04/12/410/
« 電子商務巨頭正在盯著“內(nèi)容”一塊肉? | 什么牌子的網(wǎng)絡機頂盒好?這三個追逐文物非常劃算! »
周一周五 8:30 - 18:00
客服QQ