如何用axure做出購物車數(shù)量加減,看了你就知道

(1)首先建立一個空白頁面,然后畫出一個大矩形,兩個數(shù)量加減的小矩形(分別命名為“+”“-”,可以填充一下顏色),最后畫一個實現(xiàn)數(shù)量加減的文本框,命名為“數(shù)量”.如圖所示。


(2)首先選中“-”號矩形,在屬性里給它添加事件,鼠標(biāo)單擊時,如圖所示。


(3)點擊設(shè)置文本,在窗口右邊選擇我們要實現(xiàn)效果的元件,也就是“數(shù)量”,如圖所示。


(4)點擊窗口右下方設(shè)置文本值里面的fx,插入函數(shù),如圖所示。


(5)點擊添加局部變量,為變量命名,我們?nèi)∶麨閚um(可自定義),第二個選擇元件文字,第三個選擇我們命名的“數(shù)量”,在插入變量與函數(shù)里輸入 [[num-1]],點擊確定。如圖所示。


(6)我們的“-”就做好了但是購物車數(shù)量可不能為負(fù)數(shù)哦,所以要給他設(shè)置條件,點擊添加條件,給它設(shè)置條件,點擊確定,如圖所示。


(7)“+”的效果,依照2-4步,(5)步在插入變量與函數(shù)里輸入 [[num+1]],點擊確定。如圖所示。


(8)這樣我們一個利用AXURE就做出了一個單擊“+”“-”按鈕,實現(xiàn)購物車數(shù)量加減的效果了。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容