二丶untiy基础 2UNITY的常用组件介绍(UI系列组件)

讲解组件:
1.UI 中的Text控件
二丶untiy基础 2UNITY的常用组件介绍(UI系列组件)
橙色:是设置以整个屏幕位置哪位方位为中心点
蓝色:蛇设置具体位置根据上方橙色的类型会变属性(整体来说就是设置位置但这位置中心点就是根据橙色来定的)
以上两个是公共的参数所有控件都有,下面提到修改位置和相对什么中心点呀,就要说不知道了
绿色:这部分就是针对给这个Text这个控件的
可以设置字体基本属性,从图中就可以看出来,比较有意思就是: 几何相对
这个可以设置针对控件大小设置字体匹配大小,可以设置最小值和最大值两个量,可以手动设置了解一下

  1. Image (图像)
    这个表面意思就是一张图片
    二丶untiy基础 2UNITY的常用组件介绍(UI系列组件)
    刚创建默认是这样的旁边有它专属的属性
    原图像:添加图片
    颜色:设置以后就会在图片上蒙上一层颜色(一般设置图片后不会设置颜色)
    材质:这个就是一般和设置图片一样,这个设置后可以可以当三D时候才会有材质这种说法
    以下三张图按照设置图片,设置颜色,材质出现变化图
    二丶untiy基础 2UNITY的常用组件介绍(UI系列组件)
    设置颜色就会把图片修改颜色这个很强
    二丶untiy基础 2UNITY的常用组件介绍(UI系列组件)
    说明材质和图片不能共存只会显示材质
    二丶untiy基础 2UNITY的常用组件介绍(UI系列组件)
    设置图片时候会在下面多出一些选项设置图片的,
    主要讲解一下填充的选择项,这个填充总数是一个百分比只有在填充情况下有这个值有效其他类型下无效
    这个我写过一个动画就是缓慢复原这个可以做到而且很简单
    二丶untiy基础 2UNITY的常用组件介绍(UI系列组件)

  2. Button
    二丶untiy基础 2UNITY的常用组件介绍(UI系列组件)
    创建按钮控件 ,下面自带一个Text 就不讲解了
    button :下面是属性配置 ,图像我久不在说一遍了
    二丶untiy基础 2UNITY的常用组件介绍(UI系列组件)
    按钮这个组件脚本:
    1.可交互这个选项一旦取消控件在屏幕也就点击不能生效了
    2.看上面图中应该也猜到一些属性使用了
    3.鼠标点击(这个重点讲)
    可以设置点击事件设置如下操作
    二丶untiy基础 2UNITY的常用组件介绍(UI系列组件)
    红框中的点击事件
    1.对象选择一定是对像控件不能直接放脚本使用
    2.选择是控件中已经配置的属性组件才能或者脚本才能调用

  3. Toggle(选择框架)
    二丶untiy基础 2UNITY的常用组件介绍(UI系列组件)
    这是控件解析图(下面图是Toggle这个控件)
    下面看如何实现这个效果切换 这个默认脚本
    会在点击这个控件本身时候会判断是否开启勾选要是开启就隐藏,要是关闭就开启(这个Toggle这脚本自带功能)
    二丶untiy基础 2UNITY的常用组件介绍(UI系列组件)

  4. Slider(进度条)
    二丶untiy基础 2UNITY的常用组件介绍(UI系列组件)
    这是滑动的脚本可以看出相对于滑动脚本在下面多出了一些配置
    1.填充矩形:就是已经加载的填充图控件(也是一张图)
    2.处理矩形:那个会动的圆就是了
    3.这是可以配置方向,最小值,最大值,以及初始参数