第二十一篇(书中 9.4~9.6 节 内容)
昨天 9.3节 第四重点 的问题:
我还是看不懂。而且 9.3节 4重点中,并没提起 exml 和 ts 关联的问题。导致我以为还有别的自定义组件方式。
但是 自定义组件 ,起码在前面是有接触过的。可以根据我之前所学的知识,来做一个自定义组件。
1、创建好相关联的 MyButton.ts 文件。
2、遗憾的是,用代码的方式来创建自定义按钮,是没有label属性的。
然后我把MyButton类 改了一下继承 。
正常了。
所以,解决问题的方式,就是:
1、以EUI为原型的组件,就继承EUI原型组件的类。
至此,昨天 9.3节 4重点的问题 得到了解决。
开始 9.4节 内容。
重点:
1、通过代码控制ToggleButton的状态。
2、通过代码控制ToggleSwitch,并监听状态的切换。
3、查看ToggleSwitch的状态。
操作:
1、通过代码控制ToggleButton的状态。
2、通过代码控制ToggleSwitch,并监听状态的切换。
代码相对比较简单。
3、查看ToggleSwitch的状态。
有6个状态。
可以根据自己的需要,调整每个状态展示的皮肤。至于怎么调整,相信都会了。毕竟是前面的知识点。
至此,9.4节内容结束。
开始 9.5节 内容。
重点:
1、CheckBox的创建、监听、勾选、启用 设置。
2、CheckBox皮肤设置。
操作:
1、CheckBox的创建、监听、勾选、启用 设置。
2、CheckBox皮肤设置。
皮肤设置就简单了,和之前的Button什么的都一样。
当然,如果状态有别的需求,别忘了也要改状态哦。
至此,9.5节 内容结束。
开始 9.6节 内容。
重点:
1、RadioButton 的创建。
2、RadioButton 的几个重要属性。
3、RadioButtonGroup 的优化使用。
操作:
1、RadioButton 的创建。
先拖入组件。
改好组件的名字后,还要再给每个组件都依次改好组名。
我直接在源码里改,这样快点。
别忘记起好id名。
新建好关联代码类。
运行后。
2、RadioButton 的几个重要属性。
那么来看看重要的属性吧。
可以看到,value是没有的。
设置一下value。
可以看到,value就有了。
3、RadioButtonGroup 的优化使用。
代码中,这种监听方式太麻烦了。
来优化一下。
这样写后,直接相当于省了 RadioButtonUser.exml 和 RadioButtonUserTs.ts 文件。
至此,9.6节 内容结束。
哇今天又是好晚了,都21点了。