數(shù)字加減交互效果在Axure案例中很常用，在移動端最常見的形式就是購買商品時選擇添加數(shù)量，下面就按照移動端購買商品時添加或減少來做案例。
這是實際案例
? ? ? ? ? ? ?
? ? 首先我們要實現(xiàn)的交互效果是當點擊“+”時，文本框內(nèi)數(shù)字加1，當點擊“-”號時文本框內(nèi)數(shù)字減1。
這里我們可以用三種方法來實現(xiàn)這個效果，每種方法都有不同的使用場景
第一種方法
打開Axure9新建一個文件需要的組件就是兩個圓形，一個文本框。
設(shè)置圓形尺寸為30*30，兩個圓形分別命名為加和減，文本尺寸為80*32，命名為數(shù)量。?
?
?
在文本框內(nèi)輸入數(shù)字0，可調(diào)整邊距使文字居中
?
?選擇Axure導航欄中項目列表中的全局變量，新增全局變量 num ? 默認值填為 0。
?
?然后設(shè)置圓形“加”的交互效果，選中圓形“加”新建交互>選擇單擊時>設(shè)置文本>選擇原件為數(shù)量，點擊fx設(shè)置變量值，清空原有的數(shù)據(jù)點擊插入變量和函數(shù)，選擇全局變量“num”點擊確定。然后再添加動作設(shè)置變量值，選擇變量“num”點擊fx設(shè)置變量值，清空原有的數(shù)據(jù)點擊插入變量和函數(shù)，選擇全局變量“num”，手動在雙括號內(nèi)輸入+1點擊確認，在交互效果頁面讓設(shè)置變量值在設(shè)置文本前。
交互邏輯是當鼠標點擊“加號”時，使文本框的內(nèi)容等于全局變量“num”的值（之前默認全局變量的值為0）因為要讓文本框的數(shù)值增加，所以還要設(shè)定變量“num”的值加1 ? [[num+1]]?，但是要先讓變量“num”+1，再使變量“num”?賦值于文本框，所以交換兩個交互效果的位置。
?
?
?同理可得點擊“—”號時，使文本框的數(shù)值減1，可以根據(jù)“加號”的設(shè)置方法來設(shè)置“減號”。
演示效果?
但是還會出現(xiàn)一個問題就是當文本框內(nèi)數(shù)值為0時，再點擊“減號”會出現(xiàn)負數(shù)
?
這就需要添加判斷條件，?判斷當就是文本框的內(nèi)容大于0時才能使文本框數(shù)值減1，因為文本框的數(shù)值是變量“num”賦予的所以選擇變量值
這樣完整的交互效果就完成了。但是這第一種方式存在一個弊端就是使用的全局變量，當把組件復制到其他的文件中使用時，如果沒有設(shè)置全局變量，這個組件就沒有效果，接下來看第二個方法。
第二種方法
第二種方法和第一種方法類似，剛才使用的是全局變量，現(xiàn)在我們使用局部變量，使用局部變量的好處是當我們在其他文件中使用這個組件時，直接粘貼復制就行效果不會丟失。
同樣新建一個文件還設(shè)置跟“方法一”一樣的原件兩個圓形，一個文本框。這時我們點擊加號新建交互>單擊時>設(shè)置文本，選擇數(shù)量文本框點擊fx設(shè)置變量值，添加局部變量選擇數(shù)量，再插入變量或函數(shù)選擇局部變量[[LVAR1]]，在變量內(nèi)設(shè)置+1 [[LVAR1+1]]。然后同理再設(shè)置“減號”的交互效果，再給減號設(shè)置判斷條件。
?
這里判斷條件值選擇局部變量
第三種方法
第三種方法在第一種方法的基礎(chǔ)上進行更改，把文本框取消掉換成文本標簽，命名為文本，把文本標簽內(nèi)容改成0個，使數(shù)值后面增加單位。這時只需要把設(shè)置文本后面函數(shù)添加單位，只能添加到雙括號外面。
?
?
?
以上是三種正確的案例如果是直接是使用第二種方法在函數(shù)外面增加單位，會出現(xiàn)錯誤，所以只能根據(jù)方法一進行更改，錯誤如下：
?
?文章來源：http://www.zghlxwxcb.cn/news/detail-786717.html
總結(jié)：案列的三種方法能實現(xiàn)Axure中增加或減少的效果文章來源地址http://www.zghlxwxcb.cn/news/detail-786717.html
到了這里，關(guān)于Axure9數(shù)字加減交互案例的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
