Egret入门学习日记 --- 第二十四篇（书中 9.12~9.15 节 内容）

Posted 2022-06-06 dmc-nero

第二十四篇（书中 9.12~9.15 节 内容）

　　开始 9.12节 内容。

　　

　　

　　

　　

 　　重点：

　　　　1、TextInput的使用，以及如何设置加密属性。

　　操作：

　　　　1、TextInput的使用，以及如何设置加密属性。

　　　　　　创建exml文件，拖入组件，设置好id。

　　　　　　

　　　　　　这是显示密码星号处理的属性。

　　　　　　

　　　　　　创建绑定类。

　　　　　　

　　　　　　实例化，并运行。

　　　　　　

　　　　　　但是焦点在密码输入框时，密码是显示的。

　　　　　　

　　　　　　暂时不知道怎么设置 “焦点在密码框上时，还是显示为 * 号” 的方法。

　　至此，9.12节 内容结束。

　　

　　开始 9.13节 。

　　

　　

　　

　　

　　

　　

　　

　　　　这个，和TextInput的使用方式也是大同小异。

　　　　只是 EditableText 和 TextInput 相比，EditableText 是透明的，并没有白色的背景。

 

　　　　

　　　　由于设置了 displayAsPassword = true ，所以，失去焦点后，也是显示 * 号。

　　　　

　　至此，9.13节 内容结束。

　　

　　开始 9.14节 。

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　重点：

　　　　1、用Exml的方式创建 Group ，并且 熟悉 Group 的布局方式。

　　　　2、用代码创建 Group ，并设置Group 的布局方式。

　　操作：

　　　　1、用Exml的方式创建 Group ，并且 熟悉 Group 的布局方式。

　　　　　　水平布局方式。

　　　　　　　　

　　　　　　垂直布局方式。

　　　　　　　　

　　　　　　我认为最难的应该是这个 tileLayout 布局方式：

　　　　　　　　

　　　　　　　　因为 ，有太多的参数可以选了。。。

　　　　　　　　

　　　　　　　　

　　　　　　　　所以。。。现在我还是懵逼的。。。

　　　　2、用代码创建 Group ，并设置Group 的布局方式。

　　　　　　

　　至此，9.14节 内容结束。

 

　　开始 9.15节 。

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　哇，这个滚动条内容真够多的。而且作者 9.15.4 写成了 9.11.4 ，搞得我以为我截图错了。

　　重点：

　　　　1、垂直滚动条的使用。

　　　　2、水平滚动条的使用。

　　　　3、封装一个滚动条和List的组合类。（List组件还没学到，暂时先当做了解）

　　　　4、使用封装好的组合类。

　　操作：

　　　　1、垂直滚动条的使用。

　　　　　　首先，想要有滚动效果。那么，可视区域，必须小于内容长度。

　　　　　　

　　　　2、水平滚动条的使用。

　　　　　　其实和垂直滚动条一样，只要把 竖着的 改成 横着的 就行了。

　　　　　　

　　　　3、封装一个滚动条和List的组合类。（List组件还没学到，暂时先当做了解）

　　　　　　这个就麻烦点了，因为List组件还没有学习过，所以就当成做一个List的包装类。

　　　　　　List提供的接口，包装类也提供就好了。

　　　　　　那么包装类的主要作用，就是在List上，多加一个滚动条。

　　　　　　好了，接下来将是有史以来最长的代码，我来慢慢分析。

　　　　　　呼~~~经过了半个小时。我按照我个人理解，写好了注释。

　　　　　　

　　　　　　

　　　　　　这里有一部分没有写注释，因为太简单了，只不过是 获取和设置 List 的属性而已。

　　　　　　

　　　　4、使用封装好的组合类。

　　　　　　既然，我们封装好了类，就开始来使用这个类吧。

　　　　　　

　　　　　　好的。。。运行后，我并不知道怎么设置List要显示的内容。所以。。。没什么用。

　　　　　　为什么这本书不能先把List讲清楚，再来讲Scroller呢？真是坑！！！

　　　　　　算了，要等待List学习了之后，才能回头来纠正这里的问题。

 

　　至此，9.15节 内容结束。

 

　　今天太晚了，哎。。。。。。没想到弄这个玩意这么费时。

　　洗澡去了，撤了。