Egret入门学习日记 --- 第十五篇(书中 6.1~6.9节 内容)
第十五篇(书中 6.1~6.9节 内容)
好的,昨天完成了第五章。
今天来看第六章。


总结重点:
1、如何对组件进行分组?
跟着做:
重点1:如何对组件进行分组?
首先,选中你想要组合的组件。

然后点击 合组 按钮。

可以看到变成一个组合了。

这样你就可以按照组的方式,整体移动他们。

至此,6.1节 内容结束。
接着 6.2节 开始。

总结一下:
1、什么是锚点?
2、锚点有什么用?
跟着做:
重点1:什么是锚点?
作为组件 旋转的 中心点。


或者你可以鼠标放置在锚点上,也可以直接移动锚点。

重点2:锚点有什么用?
组件旋转时要用到。
将鼠标放置到图片旁边,鼠标变成一个旋转的形状。

这样,就可以根据锚点来选择组件。

至此,6.2节 内容结束。
开始 6.3节 内容。

这个。。讲真,太简单了。就不操作了。之前都操作过了。
至此,6.3节 内容完毕。
6.4节 开始。

总结一下:
1、如何让某个组件快速的在图层移动?
跟着做:
1、如何让某个组件快速的在图层移动?
讲真,看书有点迷,实际操作之后,真的是 贼爽的功能。
来看。
我先把 dmc-nero 放在最上面,dmc-nero1放在中间,dmc-nero2 放在最下面。

如图中所写到的,这四个排列按钮,真的很实用。
意思简单明了,相信你也知道是什么意思了。
我现在选中的是 dmc-nero ,我点击移到底层。

dmc-nero 就会跑到最底层去了。
同理,点击移到顶层,他又跑最上面去了。

向上移动一层 或者 向下移动一层 就不说了,很简单了。
其实 也就是 this.addChildAt()第二个参数,增加1 ,或者 减少1 。
至此,6.4节 内容结束。
开始 6.5节。

简单说,就是给组件 起ID名,标签名。
这个。。早在做登录页面的时候就试过了,这里就不说了,太简单了。
至于看到的 启用。

其实就是按钮独有的属性。
至此,6.5节 内容结束。
开始 6.6节。

这个之前就有讲过了。突然发现,书中好多以前讲过的。。。
至此,6.6节 内容结束。
开始 6.7节 内容。

这个就有点意思了。来看看吧。


我没有写的,都是我不知道的。。。
(
来自 2019-7-25 21:32 的我:
群里朋友问了一个需求,使得我对遮罩 mask 有了一定了解。





上图QQ聊天中我发的图:


上图QQ聊天中我发的图:



上图QQ聊天中我发的图:



上图QQ聊天中我发的图:



)
至此,6.7节 内容结束。
开始 6.8节 内容。

额。。。这个也一样。讲过了。当回顾。
至此,6.8节 内容结束。
开始 6.9节 内容。


总结一下:
1、利用拖动组件,实现组件层级的变化。
2、利用锁按钮,锁定组件,使组件不可编辑。
3、利用眼睛按钮,使组件是否显示。
4、利用定义复制,实现在TS文件里快速声明定义。
跟着做:
1、利用拖动组件,实现组件层级的变化。
把 nero1 拖到 nero3 下面。


立马可以看到,层级发生了变化。
2、利用锁按钮,锁定组件,使组件不可编辑。
只要锁定之后,该组件就不可被选中、编辑。
在组件很多的情况下,害怕误操作时,该功能就显得很实用。

3、利用眼睛按钮,使组件是否显示。
利用眼睛按钮,显示和隐藏指定组件,在多组件情况下也非常实用。


4、利用定义复制,实现在TS文件里快速声明定义。
这个功能是最屌的。
点击复制定义。

我直接可以在ts文件里,粘贴刚刚复制的定义。

是不是很爽?根本不用自己去敲了,效率啊。
不想一次性复制所有定义?想单独只复制一个定义?
可以啊!
选择你想复制的组件,右键。

照样可以单独复制一个。

想复制指定个数的组件?
可以啊!
按住shift,从头至尾多选。

照样复制。

按住ctrl,单点连选。

一样可以复制。

至此,6.9节 内容结束。
今天就到这里吧。
Egret入门学习日记 --- 第十五篇(书中 6.1~6.9节 内容)的更多相关文章
- Egret入门学习日记 --- 第十八篇(书中 8.5~8.7 节 内容)
第十八篇(书中 8.5~8.7 节 内容) 其实语法篇,我感觉没必要写录入到日记里. 我也犹豫了好久,到底要不要录入. 这样,我先读一遍语法篇的所有内容,我觉得值得留下的,我就录入日记里. 不然像昨天 ...
- Egret入门学习日记 --- 第十六篇(书中 6.10~7.3节 内容)
第十六篇(书中 6.10~7.3节 内容) 昨天搞定了6.9节,今天就从6.10节开始. 其实这个蛮简单的. 这是程序员模式. 这是设计师模式. 至此,6.10节 完毕. 开始 6.11节. 有点没营 ...
- Egret入门学习日记 --- 第十九篇(书中 8.8~8.10 节 内容)
第十九篇(书中 8.8~8.10 节 内容) 开始 8.8节. 重点: 1.类型推断. 2.类型强制转换,使其拥有代码提示功能. 3.除了TS自带的类型判断,Egret官方也提供了类型判断的方法. 操 ...
- Egret入门学习日记 --- 第十四篇(书中 5.4~5.6节 内容)
第十四篇(书中 5.4~5.6节 内容) 书中内容: 总结 5.4节 内容重点: 1.如何编写自定义组件? 跟着做: 重点1:如何编写自定义组件? 文中提到了重要的两点. 好,我们来试试看. 第一步, ...
- Egret入门学习日记 --- 第十二篇(书中 5.1节 内容)
第十二篇(书中 5.1节 内容) 昨天把 第4章完成了. 今天来看第5章. 接下来是 5.1节 的内容. 总结一下 5.1节 的重点: 1.如何制作一个公用按钮皮肤. 跟着做: 重点1:如何制作一个公 ...
- Egret入门学习日记 --- 第十篇(书中 2.9~2.13节 内容)
第十篇(书中 2.9~2.13节 内容) 好的 2.9节 开始! 总结一下重点: 1.之前通过 ImageLoader 类加载图片的方式,改成了 RES.getResByUrl 的方式. 跟着做: 重 ...
- Egret入门学习日记 --- 第二十篇(书中 9.1~9.3 节 内容 组件篇)
第二十篇(书中 9.1~9.3 节 内容 组件篇) 第八章中的内容. 以上都是基本的Js知识,我就不录入了. 直接来看 第9章. 开始 9.1节. 以上内容告诉你,Egret官方舍弃了GUI,使用了E ...
- Egret入门学习日记 --- 第十三篇(书中 5.2~5.3节 内容)
第十三篇(书中 5.2~5.3节 内容) 写日记已经十天多了,我发现越到后面,我书写的方式越来越程序化. 感觉渐渐失去了人类所谓的感情似的. 不过,没想到的是,书中的内容,很少出现了错误,我一路过来到 ...
- Egret入门学习日记 --- 第十七篇(书中 7.4~8.2节 内容)
第十七篇(书中 7.4~8.2节 内容) 昨天看到 7.3 节,那么今天. 开始 7.4节. 好吧,这些其他的服务器运行知识,就不搞了... 至此,7.4节 内容结束. 开始 7.5节 内容. ...
随机推荐
- POJ-2478-Farey Sequence(欧拉函数)
链接: https://vjudge.net/problem/POJ-2478 题意: The Farey Sequence Fn for any integer n with n >= 2 i ...
- Java Executor框架使用
Java Executor框架是Jdk1.5之后推出的,是为了更加方便的开发多线程应用而封装的框架: 相比传统的Thread类,Java Executor使用方便,性能更好,更易于管理,而且支持线程池 ...
- php MySQL 选择数据库
在你连接到 MySQL 数据库后,可能有多个可以操作的数据库,所以你需要选择你要操作的数据库. 从命令提示窗口中选择MySQL数据库 在 mysql> 提示窗口中可以很简单的选择特定的数据库.你 ...
- mybatis-传多个参数
第一种方案:下标传参 DAO层的函数方法 Public User selectUser(String name, String area); 对应的Mapper.xml <select id=& ...
- hive优化,并行查询
1.hive中控制并行执行的参数有如下几个: $ bin/hive -e set | grep parall hive.exec.parallel=false hive.exec.parallel.t ...
- SQL Server全文检索
SQL Server 全文索引的硬伤 http://www.cnblogs.com/gaizai/archive/2010/05/13/1733857.html SQLSERVER全文搜索 http: ...
- qt 在windows 以及android 运用资源时的路径使用用限制
qt中存在以下几种路径的使用方式. 1.qrc内置资源在应用程序中属于只读的资源,作为应用程序的一部分,而不是在一个文件夹中与app分离.资源文件在.qrc文件中的路径如 <file>i ...
- ROS理解参数服务器param demo
param 是一个字典,存储一些变量 param_demo.cpp #include<ros/ros.h> int main(int argc, char **argv){ ros::in ...
- php cookie 操作
创建 cookie <?php setcookie(); ?> 取回 Cookie 的值 <?php // Print a cookie echo $_COOKIE["us ...
- ElasticSearch及其插件安装配置
elasticsearch安装使用 .安装步骤: 1.下载elasticsearch的rpm包: wget https://artifacts.elastic.co/downloads/elastic ...