場景:畫圖應(yīng)用需選擇畫筆顏色西傀,有4種顏色按鈕可供選擇绪氛,用戶點擊任意按鈕進行顏色切換闻书。
思路:通過curColorIndex變量保存當前選中的顏色下標名斟,選中后添加額外的選中樣式
一,canvas.wxss文件:這個文件用于定義按鈕正常態(tài)和選中態(tài)的樣式魄眉,以及Flex
布局的約束
二砰盐,canvas.wxml文件:這個文件是Demo的布局界面,通過使用js的data數(shù)據(jù)和wxss的class樣式進行頁面布局
這里通過wx:for實現(xiàn)循環(huán)打印顏色數(shù)組坑律,通過curColorIndex值控制選中的樣式岩梳,index值進行參數(shù)傳遞
三,canvas.js文件:提供數(shù)據(jù)晃择,以及處理xwml的控件響應(yīng)冀值,并通過設(shè)置this.setData的值來更新xwml的顯示
原文地址:http://www.reibang.com/p/657e3b2a8aa4http://www.reibang.com/p/657e3b2a8aa4