中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

在做購物APP時，商品的增加、減少，以及點擊增加或者減少時，商品總價的變化，今天這里來講一下是怎么操作的~

在開始之前，我們先把購物APP的原型畫出來，然后下面講具體的操作流程（如下圖）

一、元件命名

給畫好的原型圖中的各個元件進行命名，方便后邊的交互操作，首先給商品001的第一個文本框命名，命名為num_01，商品002命名為num_02，商品003命名為num_03

然后給對象的商品價格命名，商品001的價格命名為rmb_01，商品002的價格命名為rmb_02，商品003的價格命名為rmb_03

總價格命名為all。

設置交互事件

為商品001的加號（加號上面增加了一個熱區，增加點擊范圍，方便點擊）元件上的熱區添加用例，當[鼠標單擊時]，設置動作為[設置文本]，配置動作勾選num_01（文本框），勾選文本之后，設置參數，局部變量用f來表示，目標值選擇對應的第一個文本框num_01，則上面的變量函數為[[f+1]]。

為商品001的減號元件上的熱區添加用例，當[鼠標單擊時]，設置動作為[設置文本]，配置動作勾選num_01（文本框），勾選文本之后，設置參數，局部變量用f來表示，目標值選擇對應的第一個文本框num_01，則上面的變量函數為[[f-1]]。這里跟加號有所區別的是，當商品數量減到1的時候，要有條件設置，大于1的時候可以往下減。

商品002和商品003跟商品001同樣的設置。最后設置總價格，商品增加價格增加，商品減少時，價格減少。

為價格添加用例，當[載入時]，設置動作為[設置文本]，配置動作勾選all,設置函數（fx）,商品的價格為，商品數量*商品價格。用a表示num_01，b表示rnb_01，則商品001的總價格就為a*b。以此類推，則商品的總價格就是：商品001總價+商品002的總價+商品003的總價，即a*b+c*d+e*f。

最后我們在設置，如果點擊增加數量時，商品的總價格也是變化的，上面同樣的方法設置商品001的加號減號，商品002的加號減號，商品003的減號減號，全都要設置一遍。

希望大家能夠嘗試多練習幾次，幾次嘗試后就會理解其中的關鍵點，也希望大家能夠養成一種習慣，在進行練習前對任務流程進行梳理，這樣對理解邏輯更有幫助。

本文由 @葛園園 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議