Unity项目进阶之保卫萝卜一.UI搭建

1. 设置UI分辨率Canvas
   
   1920X1080 尺寸一定要调好,不然后面做得越多错的越多
2. 命名规范:类型缩写+下划线+名字
3. 各个Panel要拼好之后放入预制体
4. 由几个拼成的建立个空物体来接
5. 背景先按ALT键全铺再锚定到最中间
6. Button锚定好后点选Transition为Sprite Swap,高亮图片拖入
7. 缩放时可通过调整小圆圈位置来设置从哪里开始缩放,若拖不动,则是因为Center没有改为Pivot
8. text添加OutLine组件可给字加边框
9. 两个图片复制比例:选择要复制的那个,transform上右键,选择Copy component,克隆比例的transform上右键,选择Paste component Values即可

=============================================

动画控制

1. 新建动画控制器AnimatorController
2. 需要做动画的物体加 Animator组件
3. 选中该物体按Ctrl+6
4. Create一个动画保存进Animation中
5. add一个需要控制的属性进行调整动画
6. 点属性前边的小三角来调节属性
7. 点当前动画名字来选新建动画
8. 分配关系
   ========================================

滑块(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好坑

把东西一删容易出问题,现在记录下比较稳妥的做法

1. 创建一个Scroll View并调节它的大小,展示出来的部分
2. 左右滑的话Vertical勾掉,上下滑勾掉Horizontal
3. 调整Content的大小,这里边是放你要展示的图片的,具体大小已展示物体多少来定
4. 在content下放好要展示的东西,如果左右滑就删掉上下滑的滑动条,上下滑反之
5. 然后调节Scroll View的透明度,记住如果要做预制体的话,不要删Image
6. 现在就可以使用了,apply没有问题