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节 内容. ...
随机推荐
- javax.persistence.TransactionRequiredException: Executing an update/delete query
最近在springboot中整合jpa的时候碰到一个异常,异常如下 javax.persistence.TransactionRequiredException: Executing an updat ...
- JDBC_MySQL8.0.13_连接测试
前言 手贱把MySQL升级到了8.0.13,在IntelliJ IDEA中测试连接不上.因此记录一下,供个人以后参考. 系统环境 win10x64 jkd11 IDEA MySQL 8.10.13 C ...
- @ResponseBody 中文乱码 问题
这篇博文针对的是以下的情形: 当@ResponseBody 的对象是个蕴含中文的实体对象时,一切正常,当@ResponseBody 的对象是个中文String时,接收到乱码. (如果连前半句话的情况都 ...
- Cubic-bezier 曲线
cubic-bezier又称三次贝塞尔,主要是为animation生成速度曲线函数. cubic-bezier(x1,y1,x2,y2) 此图中: P0:(0,0) P1:(x1,y1) P2:(x2 ...
- Spring —— @Async注解的使用
参考文档 Spring Boot使用@Async实现异步调用:自定义线程池 Spring Boot使用@Async实现异步调用:ThreadPoolTaskScheduler线程池的优雅关闭
- chrome-添加JSON-handler插件
1.访问http://jsonhandle.sinaapp.com/下载 2.谷歌访问 chrome://extensions/ 然后找到你下载的JSON-handle_0.5.2.crx文件,直 ...
- 导入项目后,http://schemas.android.com/apk/res/android报错
1.复制出现红色字体的路径 2.File - Settings - Language & Frameworks - schemas and DtDs - 粘贴显红路径
- IDEA使用(03)_git撤回(已经commit未push的)操作
1.问题来源 日常工作中会遇到 commit 到本地仓库的代码,因为一些原因,需要撤销后再提交到本地,或者需要整合多次 commit,然后 push 到远程仓库. 2.IDEA解决方案 I.在idea ...
- sql server 使用SqlBulkCopy批量插入数据库
sql server sqlbulkcopy 批量数据插入数据库使用的是System.Data.SqlClient中的 SqlBulkCopy批量数据插入数据库 sql server 使用SqlBul ...
- 用vscode编辑代码
本教程只适用于用vs code编辑代码,并不是用vs code调试,调试还是老实用keil吧,干货开始.... 废话不多说 第一步:去微软下载一个vs code,顺带百度了解一下vs code强大的功 ...