
場(chǎng)景:畫圖應(yīng)用需選擇畫筆顏色,有4種顏色按鈕可供選擇,用戶點(diǎn)擊任意按鈕進(jìn)行顏色切換。
思路:通過curColorIndex變量保存當(dāng)前選中的顏色下標(biāo),選中后添加額外的選中樣式
一,canvas.wxss文件:這個(gè)文件用于定義按鈕正常態(tài)和選中態(tài)的樣式,以及Flex
布局的約束

二,canvas.wxml文件:這個(gè)文件是Demo的布局界面,通過使用js的data數(shù)據(jù)和wxss的class樣式進(jìn)行頁面布局

這里通過wx:for實(shí)現(xiàn)循環(huán)打印顏色數(shù)組,通過curColorIndex值控制選中的樣式,index值進(jìn)行參數(shù)傳遞
三,canvas.js文件:提供數(shù)據(jù),以及處理xwml的控件響應(yīng),并通過設(shè)置this.setData的值來更新xwml的顯示

原文地址:http://m.itdecent.cn/p/657e3b2a8aa4http://m.itdecent.cn/p/657e3b2a8aa4