Content Size Fitter组件
Paste_Image.png
这个组件的Rect Transform会适应Text内容的变化,会随着Text内容的变大而增大。这个是用来设置大小适应的，这两个参数表示这个物体的大小会随着内容横向和纵向变更而变更。
Canvas Group
可以通过Canvas Group影响该组UI元素的部分性质，而不需要费力的对该组UI下的每个元素逐个调整。Canvas Group是同时作用于该组UI下的全部元素。
Paste_Image.png
参数：
Alpha：UI元素的透明度。需要注意，每个UI最终的透明度是由此值和自身的alpha数值相乘得到。
Interactable：是否需要交互(勾选则可交互)，同时作用于该组全部UI元素
Blcok Raycasts：如果需要图形射线(GraphicRaycaster)检测。勾选后，可将此组件作为一个射线碰撞盒。注意，不适用于Physics.Raycast。
Ignore Parent Groups：是否需要忽略父级对象中的CanvasGroup的设置。(勾选则忽略)
CanvasGroup的典型应用方式：
1.通过调整CanvasGroup的Alpha可以控制改组UI的淡入淡出
2.不勾选Interactable，可设置某个UI对象的所有子对象都不参与交互
3.通过设置Blcok Raycasts为false，可以使UI不阻挡鼠标(点击)事件
Horizontal Layout Group
Paste_Image.png
Padding 就是偏移
Spacing 表示 cell之间的距离。
Child Alignment 表示对齐方式。
Child Force Expand 表示 自适应 宽 和高
Layout Element
Paste_Image.png
属性： 功能：
最小宽度: 该布局元素应具有的最小宽度。
最小高度: 该布局元素应具有的最小高度。
首选宽度: 该布局元素在额外的可用宽度之前应该具有的首选宽度被分配。
首选身高: 此布局元素在额外可用高度之前应具有的首选高度被分配。
弹性宽度: 此布局元素相对于其兄弟姐妹填写的额外可用宽度的相对数量。
弹性高度: 此布局元素相对于其兄弟姐妹填写的额外可用高度的相对数量。
实现ScrollView下Item的自适应功能以及Item中文字的自适应
结构如下
image.png
image.png
image.png
实现效果后ScrollView下Content会随内容扩展大小并且也会随Content下的文字内容的多少扩展
image.png
网友评论