Unity自学之路(2)——UGUI

UGUI

Rect Transform:
这里写图片描述

  1. Anchors 锚点

    Min控制左锚点 Max 控制右锚点

    使UI组件带磁性的附着在锚点形成的矩形边上,便于操作

  2. Pivot 中心点

    X,Y 取值范围为[ 0,1 ],用来描述UI组件中空心蓝圆的位置. 对UI 进行的一系列缩放旋转都是以蓝圆为中心的.

    (当父物体进行缩放时,子物体不会改变它的Scale,而是始终保持自己的Pivot到父物体的Pivot距离不变,即它自己的Anchors 和Pivot距离不变. 若Anchors为矩形,则子物体的四个角与其对应的Anchors的四个角距离不变)

UI TEXT

这里写图片描述

  1. Text
    用于显示文本

  2. Character
    Font: 字体
    Font Size:字体大小
    Font Style: Normal 为正常, Bold 为加粗, Italic 为斜体, Bold and Italic 粗加斜
    Line Spacing: 行间距
    Rich Text: Use emotions and colors

  3. Paragraph
    Alignment:对齐方式
    Align By Geometry: 几何对齐(一般图文并排的时候用)
    Horizontal Overflow: Wrap(不显示), Overflow(溢出)
    Vertical Overflow: Wrap , Overflow
    Best Fit:文字自适应,勾选后Font Size 自动生成
    Color: 颜色
    Material: 材质
    Raycast Target: 是否可被点击到

UI Image

这里写图片描述

  1. Source Image: 选择要显示的图片
  2. Color: 叠加的颜色
  3. Material: 材质
  4. Raycast Target: 是否可被点击到

UI Raw Image(不可交互的Image)

这里写图片描述

  1. Texture: 选择要显示的任何类型图片,不仅是Sprite
  2. Color: 叠加颜色
  3. Raycast Target: 是否可被点击到
  4. UV Rect: 指定图片的做下脚坐标点,可以控制图片的部分显示

UI Button

这里写图片描述

  1. Interactable: 就是判断能否交互(点击)
  2. Transition:过度方法

    Color Tin: 颜色过渡
    Target Graphic: 确定目标
    Normal Color: 正常情况下的颜色
    Highlighted Color: 鼠标经过时的颜色
    Pressed Color: 点击时的颜色
    Disable Color: 按钮不能交互时的颜色(Interactable 的值为false)
    Color Multiplier: 颜色倍增器
    Fade Duration: 切换颜色(颜色过渡)时的间隔
    Navigation: (The Navigation options refers to how the navigation of UI elements in play mode will be controlled.)就是用键盘来切换UI
    Visualize: 用于在Scene 视图中显示导航线
    

    Sprite Swap: 图片过渡
    就是改变按钮几个状态下的图片

    Animation: 动画过渡

  3. On Click()
    点击按钮后的触发事件,选择某个脚本中的On Click()函数

UI Toggle切换按钮
跟Button差不多,就是只有两个value,is on

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值