柿饼UI入门课程第一周作业(基础+附加..)

发布于 2020-12-03 21:19:57 浏览：639 订阅该版

[tocm]

# 作业
## 基础题
![basic.gif](/uploads/20201203/7d16fce5a092f805ca363f4a135582d7.gif)
{{basic.rar(uploading...)}}
## 附加题
![image.png](/uploads/20201203/3f621009a10a4bf8a8c10175e23b1fcb.png)
{{01append.rar(uploading...)}}
文件好像上传错误，只能放两张图和视频链接了..
[基础题](https://www.bilibili.com/video/BV1ez4y1k7Pm):https://www.bilibili.com/video/BV1ez4y1k7Pm
[附加题](https://www.bilibili.com/video/BV1YA411x7yj):https://www.bilibili.com/video/BV1YA411x7yj
## 总结
基础题都是些基础控件的简单使用，使用到的代码也非常简单，跟着老师的视频非常快就可以做出来；
附加题用到的控件就比较多了，比如：
![image.png](/uploads/20201203/c227cba3c43b3ece6abf94dc5447be0d.png)
用到语法其实都不是特别难，但是需要对JavaScript语言有一些理解，比如this指针就比较麻烦，还有对定时器的使用需要记得清除。。
这次附加题作业我是仿照windows10的win开始界面的UI风格设置的，点击时的方框，选中的颜色，感觉做的还可以/狗头。
![image.png](/uploads/20201203/9539442cb8a1582388350cbd7e91fa69.png)
![app.gif](/uploads/20201203/fa0e2885e6479eb28018ed2593e753fe.gif)

## 问题
第一次使用Persimmon柿饼UI，对控件还是不够熟悉的，遇到的问题也比较多
1. MultiTextBox多行文本框，如果文字内容比较多的话，需要设置足够高的高度才能全部下滑查看，需要特别注意；
2. 颜色的问题，对每个控件的颜色进行设置时，需要设置透明度，默认的透明度是为0的，不修改的话设置了颜色仍然是透明的，无法看到颜色；
3. 颜色貌似会叠加，如果透明度没有设置到最大255，上一层控件的颜色跟当前的控件颜色会叠加；
4.按键等部分控件有默认的点击、选中的图片，对其颜色等进行修改需要先删除，不然也看不到效果；
## 小技巧
- 整体主题颜色风格确定后，可以设置最上层的page或一些容器控件的颜色作为底色，再page或容器控件上布局的子控件的颜色与主题风格一致时可以不用再设置子控件的颜色，直接设置透明度=0即可透出上层控件的颜色；
- 对一些控件的位置拖动设置不能完美对齐时，可以设置它的x、y坐标和高宽度完成；
- 对同一层次多个容器控件如多个panel1、2、3布局子控件时，可先将其他的panel2、3容勾选隐藏，只保留需要布局的panel1，在panel1布局好后再将panel1隐藏，然后同理设置panel2、3，其他容器控件的布局同理