Egret入门学习日记 --- 第四篇
第四篇(学习篇)
好了,今天继续把昨天的问题解决了。
今天见鬼了。

现在界面又出来了。唯一我动过的地方,应该就是这里:

是的,我点了一下刷新。之后,不管我怎么创建新的EXML文件,放在src目录,还是resource目录,界面都会出来了。
甚至复制MainSkin.exml文件,然后改名,界面照样还是出来了。

既然如此,我们昨天的问题就解决了。接下来往下看:

那么接下来,就要对MainSkin.exml文件里的UI界面,进行输入框非空判断了。
不过,在操作之前,需要补充一些前面的知识点,因为3.5节这个知识点,需要 3.1节 3.2节、3.3节 知识点做铺垫。
开始回顾 3.1节 知识点:


跟着做:

接着是书中 3.1节 内容:


跟着做:


接着是书中 3.1节 内容:


书中提到了2个重点:
1、给控件起一个ID名
2、可以在图层里,看到起好的ID名
跟着做:
第一点:

第二点:

Egret这方面还是挺贴心的。
接着是书中 3.1 节 内容:

跟着做:


至此,3.1节 内容完毕。该节内容有以下重点:
1、怎么创建EXML文件
2、怎么组织UI界面
3、怎么给控件起ID名
4、怎么控制控件的布局位置
开始回顾 3.2节 知识点:


书中内容提到四个重点:
1、我们创建好的 MainSkin.exml 文件,虽然有了界面,但是没有功能,所以
要用编码将 MainSkin.exml 文件关联起来。
2、创建一个 MainView.ts 文件
3、MainView.ts 中,要将当前类继承eui.Component基础类
4、this.skinName 这个属性的值,要和MainSkin.exml文件源码中的class类名
一致。这样就表示你想让 MainView.ts 和 MainSkin.exml 关联起来。
this.skinName就是两个文件关联的桥梁。
好,接下来,我跟着做:
第一点和第二点连着一起:

第三点:

第四点:

都跟着做好了,那么现在还需要往下看,还是 3.2节 的内容:



书中提到了2个重点:
1、设置和控件一样ID的变量名。
2、在点击按钮时,如何安全的获取到点击事件?childrenCreated()可以提供帮助。
好,跟着做:
第一点:

第二点:


好的。。。。。。没反应,这个问题。。。我真是。。额,又要我去解决了。。。
开始回顾 3.3节 知识点:


3.3节的重点:
1、在Main.ts入口文件的startCreateScene方法里,实例化关联MainSkin.exml文件的MainView类。
跟着做:


在写了今天的日记之后,我发现我写日记的方式,还是分好类,这样方便阅读,以及快速上手。
比如 3.1节 书中内容,有3段:
我之前的写法模式是:
--------------------------------------------------------------
3.1节 书中内容1段:
总结1段内容
我跟着做。
3.1节 书中内容2段:
总结2段内容
我跟着做。
3.1节 书中内容3段:
总结3段内容
我跟着做。
--------------------------------------------------------------
这种书写方式,有以下坏处:
1、看该节内某片段时,只能看到一小段,并不是完整的内容,还得自己拼凑。麻烦。
2、看该节某片段总结时,不方便知道该节内容的所有重点,还要自己总结一边。麻烦。
3、看该节某片段跟着做时,不能有一个完整的操作体验,断断续续,不爽。就像尿尿时,尿一下,断一下的感觉。很不爽。
所以,我打算下篇日记改成这种书写模式:
--------------------------------------------------------------
3.1节 书中内容1-3段:
我规划好 3.1节 所有的重点:
1、重点
2、重点
跟着做:
第一点:
说明和截图
第二点:
说明和截图
--------------------------------------------------------------
如果用这种书写方式的话,有以下好处:
1、一次性截图该节书中所有内容,速度更快。
2、一次性总结该节书中所有内容重点,方便一眼看出该节所有的重点。
3、一次性跟着做,方便一次性就完成该节的所有操作。
今日也6点了

总结一些今天写日记的问题:
1、书中3.2节,第2个重点跟着做出现问题,明天要解决。
2、从写日记第一篇开始前,我就已经看到了第三章,所以第三章之前的知识点没有记录,是一个败笔。我只能在今天的日记里,追加了3.1、3.2、3.2的知识点。
3、书写模式有了新的设想,这回应该在往后的日记书写中,有更好的体验。
Egret入门学习日记 --- 第四篇的更多相关文章
- Egret入门学习日记 --- 第十篇(书中 2.9~2.13节 内容)
第十篇(书中 2.9~2.13节 内容) 好的 2.9节 开始! 总结一下重点: 1.之前通过 ImageLoader 类加载图片的方式,改成了 RES.getResByUrl 的方式. 跟着做: 重 ...
- Egret入门学习日记 --- 第十七篇(书中 7.4~8.2节 内容)
第十七篇(书中 7.4~8.2节 内容) 昨天看到 7.3 节,那么今天. 开始 7.4节. 好吧,这些其他的服务器运行知识,就不搞了... 至此,7.4节 内容结束. 开始 7.5节 内容. ...
- Egret入门学习日记 --- 第十三篇(书中 5.2~5.3节 内容)
第十三篇(书中 5.2~5.3节 内容) 写日记已经十天多了,我发现越到后面,我书写的方式越来越程序化. 感觉渐渐失去了人类所谓的感情似的. 不过,没想到的是,书中的内容,很少出现了错误,我一路过来到 ...
- Egret入门学习日记 --- 第十一篇(书中 4.1~4.6节 内容)
第十一篇(书中 4.1~4.6节 内容) 好了,到了这篇开始,前三章都记录完了. 接下来就是到第四章了. 4.1节 的内容总结一下重点: 1.resource目录下default.res.json文件 ...
- Egret入门学习日记 --- 第八篇(书中 2.0~2.6节 内容)
第八篇(书中 2.0~2.6节 内容) 好!开始把前三章的内容录入进来. 但是!由于第一章说的内容都是在介绍白鹭引擎的背景信息,我就不在日记中写了. 直接开始从第二章写起. 2.0节 中提到了IDE( ...
- Egret入门学习日记 --- 第五篇(书中 3.5节 内容)
第五篇(书中 3.5节 内容) 今天得把昨天的问题解决了才行. 去了Q群,碰到一位大大,他给我解惑了.Thanks♪(・ω・)ノ 这是我之前按照书上写的方式写的,并没有效果. 然后大大给我解答了: 后 ...
- Egret入门学习日记 --- 第二十篇(书中 9.1~9.3 节 内容 组件篇)
第二十篇(书中 9.1~9.3 节 内容 组件篇) 第八章中的内容. 以上都是基本的Js知识,我就不录入了. 直接来看 第9章. 开始 9.1节. 以上内容告诉你,Egret官方舍弃了GUI,使用了E ...
- Egret入门学习日记 --- 第三篇 (书中 3.4 内容)
第三篇 (书中 3.4 内容) 今天还是要把昨天项目运行后,EXML文件里的界面没有出现的问题解决了才行. 去了群里,没人回.去了官网看文档,看不懂. 不过倒是看到了一个好东西: 还挺便宜啊,一个月要 ...
- Egret入门学习日记 --- 第六篇(书中 3.6~3.9节 内容)
第六篇(书中 3.6~3.9节 内容) 在本篇写之前,还是要为昨天写的日记道歉才行,差点就误人子弟了. 没想到在程序员界最低级的错误 “单词拼写错误” 还是会经常犯. childrenCreated ...
随机推荐
- 基于IdentityServer4的单点登录——IdentityServer
1.新建项目并添加引用 新建一个asp .net core 2.0的项目引用IdentityServer4.AspNetIdentity 2.定义资源 新建Config.cs文件,定义Api资源与Id ...
- jquery 显示图片
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content=&q ...
- js 点击超链接,执行js脚本,而不进行url跳转
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ...
- nprogress.js 头部进度条使用方法
nprogress.js 头部进度条 引入CSS\JS <link rel="stylesheet" type="text/css" href=" ...
- php将两个数组相同的key合并到一个数组
$arr = array( array( 'id' => 1, 'user_name'=>'test1' ), array( 'id' =& ...
- 浅谈.NET编译时注入(C#-->IL)
原文:浅谈.NET编译时注入(C#-->IL) .NET是一门多语言平台,这是我们所众所周知的,其实现原理在于因为了MSIL(微软中间语言)的一种代码指令平台.所以.NET语言的编译就分为了两部 ...
- WPF 添加外部ResourceDirectory
如果Resource资源文件在程序集中,可直接如下将资源文件添加当当前运行时 Application.Current.Resources.MergedDictionaries.Add(new Reso ...
- EasyUI 实现编辑功能,给Combobox 赋值
1: <input id="RequestType" name="RequestType" class="easyui-combobox&quo ...
- Windows 10预装应用太多?一个命令删除!
Windows 10预装了很多应用软件,虽然有些其实也不难用,但是使用率可能比较低,很多人也不喜欢预装的东西,而且还占空间,那么这些预装的如何彻底清除呢? 其实微软是自带了命令可以执行这样的操作,用它 ...
- 声谱预测网络(Tacotron2)
整个特征预测网络是一个带有注意力机制(attention)的seq2seq网络. 编码器-解码器(Encoder-Decoder)结构 在原始的编码器-解码器结构中,编码器(encoder)输入一个序 ...