- 设置UI分辨率Canvas
1920X1080 尺寸一定要调好,不然后面做得越多错的越多 - 命名规范:类型缩写+下划线+名字
- 各个Panel要拼好之后放入预制体
- 由几个拼成的建立个空物体来接
- 背景先按ALT键全铺再锚定到最中间
- Button锚定好后点选Transition为Sprite Swap,高亮图片拖入
- 缩放时可通过调整小圆圈位置来设置从哪里开始缩放,若拖不动,则是因为Center没有改为Pivot
- text添加OutLine组件可给字加边框
- 两个图片复制比例:选择要复制的那个,transform上右键,选择Copy component,克隆比例的transform上右键,选择Paste component Values即可
=============================================
动画控制
- 新建动画控制器AnimatorController
- 需要做动画的物体加 Animator组件
- 选中该物体按Ctrl+6
- Create一个动画保存进Animation中
- add一个需要控制的属性进行调整动画
- 点属性前边的小三角来调节属性
- 点当前动画名字来选新建动画
- 分配关系
========================================
滑块(Scroll View)处理
1. 添加UI-->Scroll View
2. (删掉Scrollbar Horizontal或Scrollbar Vertical)
3. 左右滑的话Vertical勾掉,上下滑勾掉Horizontal [或者删除这个子物体]
4. 调节大小 Scroll View,调节展框大小 Viewport全部归零,image透明度调节,Content框调节展框总长度,视具体图片多少来定
5. 要展示的UI图片放置在Scroll View-->Viewport-->Content下
6. 图片放置完成后加Grid Layout排版工具设置如下图
7. Viewport组件中有个Mask可以勾掉取消遮盖
8. 滑动条删除可通过删除子物体Scrollbar Horizontal或Scrollbar Vertical实现
9. 不要两个都删掉,容易出问题,UI不显示
=====
Scroll View
Scroll View好坑
把东西一删容易出问题,现在记录下比较稳妥的做法
- 创建一个Scroll View并调节它的大小,展示出来的部分
- 左右滑的话Vertical勾掉,上下滑勾掉Horizontal
- 调整Content的大小,这里边是放你要展示的图片的,具体大小已展示物体多少来定
- 在content下放好要展示的东西,如果左右滑就删掉上下滑的滑动条,上下滑反之
- 然后调节Scroll View的透明度,记住如果要做预制体的话,不要删Image
- 现在就可以使用了,apply没有问题