第二十一篇(书中 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点了。

内容来源于网络如有侵权请私信删除
你还没有登录,请先登录注册
  • 还没有人评论,欢迎说说您的想法!