Axure教程:數(shù)量加減的實現(xiàn)
我的上一篇文章是《?Axure教程:實現(xiàn)商品分享功能》,原本計劃下一篇寫的是《Axure教程:實現(xiàn)商品規(guī)格選擇功能》,但在制作途中發(fā)現(xiàn)內(nèi)容比較多,所以就先打算拆解開來分幾篇文章來寫。這一篇是其中一個非常簡單的功能->商品數(shù)量的增減。
原型預(yù)覽
剛開始:
點三下“加”矩形后:
點兩下“減”矩形后:
預(yù)覽地址:https://tcv3k3.axshare.com
所需元件
“減”矩形:
“數(shù)量”矩形:
“加”矩形
操作步驟
(1)設(shè)置“減”矩形交互——鼠標(biāo)單擊時
1)編輯條件,因為放在商品的實際案例里數(shù)量是不能為0的。
2)設(shè)置Case1
(2)設(shè)置“加”矩形交互——鼠標(biāo)單擊時
說明:“加”矩形相比“減”矩形少了編輯條件,Case1的設(shè)置相似,只是將“-1”改為了“+1”。假如放到商品的實際案例里,加應(yīng)該也是有條件的,例如“限購x件”、“庫存x件”,那么這個x就是加的上限。
(3)按F5預(yù)覽原型操作看看
小記
這個案例確實太簡單了??梢造柟桃幌拢壕庉嫍l件、給元件命好名、設(shè)置文本時使用簡單地函數(shù)。
本文由 @Nilz 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自 Unsplash ,基于 CC0 協(xié)議
評論
- 目前還沒評論,等你發(fā)揮!