UI组件与作用

一.

1.Text(文本控制显示的文字)文本控制显示给用户的非交互式文本片段。这可以用于为其他GUI控件提供字幕或标签,或显示说明或其他文本。

2.字符(Font):可以改变文字的个性化

3.字体(Font Style):改变文字的正常,粗体,斜体和粗斜体

4.字体大小(Font Size):改变文字的大小

5.行间距(Line Spacing):文本行之间的垂直分隔

6.富文本(Rich Text):文本中的标记元素是否应被解释为富文本样式

7.对准(Alignment):靠左,居中,靠右;往上,中间,往下。

8.顶格(Align By Geometr);是否应用顶格。

9.水平溢出(wrap):用于处理文本太宽以适应矩形的情况的方法。选项是wrap和overflow。、

垂直溢出(Overflow):用于处理包装文本太高而不是矩形的情况的方法。选项是截断和溢出。

10.最适合:unity应该忽略大小属性,只是尝试将文本适合控件的矩形。

11.颜色:改变文字的颜色。

12.材质(Material):用于呈现文本的材质。

二.Imape(图片)

1.源图像:表示要显示的图像的纹理。(必须作为sprite导入)

2.颜色:应用于图像的颜色,可以改透明度。

3.材料:用于渲染图像的材质。

4.雷达目标:这应该被认为是射线投射的目标吗?

5.保存方面:确保图像框的尺寸设置为纹理的原始像素大小。

6.设置本机大小:按钮将图像框的尺寸设置为纹理的原始像素大小。

三.Raw Image(原始图像)

1. 质地:表示要显示的图像的纹理。

2.颜色:要应用于·图像的颜色。

3.材料:用于图像的颜色。

4.UV矩形:图像的偏移和尺寸在控制矩形内,以标准坐标给出(范围为0.0到0.1)。图像的边缘被拉伸以填充UV矩形周围的空间。

四.按钮(Button)触发某一件事件

1.(Interactable)是否激活按钮

2.(Transition)按钮模式;

                  Color Tint,颜色色调

                  Target Graphic,目标图形。只能是UI的图形。

                  Normal Color,普通颜色。

                  Highlighted Color鼠标放上去的颜色。

                  Pressed Color点击显示的颜色。

                  Disabled Color单击之后消失的那个时间。

                  Color Multiplier单击速度。

                  Fade Duration单击颜色消失速度。

3.Sprite Swap,精灵交换:

                  Target Graphic,目标图形。只能是UI的图形。

                  Highlighted Sprite,鼠标放上去是显示导入的图片。

                  Pressed Sprite,单击时显示的图片。

                  Disabled Sprite,背景图片。

4.Animation,动画:

                  Normal Trigger,正常的动画触发使用。

                  Highlighted Sprite,突出显示时触发使用。

                  Pressed Sprite,按下时触发使用。

                  Disabled Sprite,默认触发使用。

                  Uto Generate Animation,保存。

5.Navigation,导航,导航选项是指如何控制播放模式中UI元素的导航。

             Horizontal,水平导航。

             Vertical,垂直导航。

             Automatic,自动导航。

             Explicit,在此模式下,您可以明确指定控件导航到不同箭头键的位置。

5.是否显示导航(Visualize)

6.On Click(点击触发方法里面的一件事件)

五,Toggle(副选框),允许用户打开或关闭的一个选项

1.(Interactable)是否启用副选框。

2.(Transition)按钮模式;

                  Tint,颜色色调

                  Target Graphic,目标图形。只能是UI的图形。

                  Normal Color,普通颜色。

                  Highlighted Color鼠标放上去的颜色。

                  Pressed Color点击显示的颜色。

                  Disabled Color单击之后消失的那个时间。

                  Color Multiplier单击速度。

                  Fade Duration单击颜色消失速度。

3.Sprite Swap,精灵交换:

                  Target Graphic,目标图形。只能是UI的图形。

                  Highlighted Sprite,鼠标放上去是显示导入的图片。

                  Pressed Sprite,单击时显示的图片。

                  Disabled Sprite,背景图片。

4.Animation,动画:

                  Normal Trigger,正常的动画触发使用。

                  Highlighted Sprite,突出显示时触发使用。

                  Pressed Sprite,按下时触发使用。

                  Disabled Sprite,默认触发使用。

                  Uto Generate Animation,保存。

5.Navigation,导航,导航选项是指如何控制播放模式中UI元素的导航。

             Horizontal,水平导航。

             Vertical,垂直导航。

             Automatic,自动导航。

             Explicit,在此模式下,您可以明确指定控件导航到不同箭头键的位置。

3.是否显示导航(Visualize)

4.. is0n(是否激活)

5.Toggle Transition,切换转换。

6.Graphic,图像。只能用UI界面更改单击触发。

7.Group,组。

六.Slider(滑动条)

1.(Interactable)是否启用滑动条

2.Transition,过渡。

                  None,没有。

                  Color Tint,颜色色调

                  Target Graphic,目标图形。只能是UI的图形。

                  Normal Color,普通颜色。

                  Highlighted Color鼠标放上去的颜色。

                  Pressed Color点击显示的颜色。

                  Disabled Color单击之后消失的那个时间。

                  Color Multiplier单击速度。

                  Fade Duration单击颜色消失速度

3. Sprite Swap,雪碧交换:

                  Target Graphic,目标图形。只能是UI的图形。

                  Highlighted Sprite,鼠标放上去是显示导入的图片。

                  Pressed Sprite,单击时显示的图片。

                  Disabled Sprite,背景图片。

4. Animation,动画:

                  Normal Trigger,正常的动画触发使用。

                  Highlighted Sprite,突出显示时触发使用。

                  Pressed Sprite,按下时触发使用。

                  Disabled Sprite,默认触发使用。

                  Uto Generate Animation,保存。

                  Navigation,导航,导航选项是指如何控制播放模式中UI元素的导航。

                  Horizontal,水平导航。 

                  Vertical,垂直导航。

                  Automatic,自动导航。

                  Explicit,在此模式下,您可以明确指定控件导航到不同箭头键的位置。

3.Fill Rect,选择一个组件,随着滑动条一起滑动

4..Handie Rect,用于滑动“把手”部分控件。

5..Direction,方向。

             Left To Right,从左到右。

             Right To Left,从右到左。

             Bottom To Top,从下到上。

             Top To Bottom,从上到下。

6.Min Value,最小值。

Max Value,最大值。

7.Whole Numbers,取整。

8.Value,滑动条进度,最小0最大1,应用时在代码应当除以100。

9.OnValueChanged(single)触发被拖进来脚本中的一件方法

七.(scrollbar)滚动条的滚动条控件允许用户滚动的图像或其它观点,即过大,无法看到完全。请注意,类似的滑块控件用于选择数值而不是滚动。熟悉的例子包括文本编辑器侧面的垂直滚动条和用于查看大图像或地图的一部分的垂直和水平对条形条

1.是否激活滚动条(scrollbar)

2.过渡(Transition);在可选组件中,根据当前可选择的状态,有几个转换选项。不同的状态是:正常,突出显示,按下和禁用

                 Target Graphic,目标图形。只能是UI的图形。

                  Normal Color,背景颜色。

                  Highlighted Color鼠标放上去的颜色。

                  Pressed Color点击显示的颜色。

                  Disabled Color单击之后消失的那个时间。

                  Color Multiplier单击速度。

                  Fade Duration单击颜色消失速度

3. Sprite Swap,雪碧交换:

                  Target Graphic,目标图形。只能是UI的图形。

                  Highlighted Sprite,鼠标放上去是显示导入的图片。

                  Pressed Sprite,单击时显示的图片。

                  Disabled Sprite,背景图片。

4. Animation,动画:

                  Normal Trigger,正常的动画触发使用。

                  Highlighted Sprite,突出显示时触发使用。

                  Pressed Sprite,按下时触发使用。

                  Disabled Sprite,默认触发使用。

                  Uto Generate Animation,保存。

5.Navigation,导航,导航选项是指如何控制播放模式中UI元素的导航。

             Horizontal,水平导航。

             Vertical,垂直导航。

             Automatic,自动导航。

             Explicit,在此模式下,您可以明确指定控件导航到不同箭头键的位置。

(visualize)启用导航线。

6.(HandleRect),用于滑动“把手”部分控件。

7.(Direction),方向。

             Left To Right,从左到右。

             Right To Left,从右到左。

             Bottom To Top,从下到上。

             Top To Bottom,从上到下。

8.(Value)滚动条进度与滑动条一样都是从0~1的值,用时都除以100;

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值