组件的认识及使用:Toggle(单选框)、Slider(滑动条)、Scrollbar(滑动块)、Dropdown(下拉框)、Panel(蒙版)

一、Toggle(单选框)
1,组件的子物体:
(1)Background:背景图片
(2)Checkmark:对号图片
(3)Label:文本,用来修改提示
2,Toggle(单选框)组件的属性
(1)Is On:是否选中
(2)Group:组合,添加带有Toggle Group的组件的物体
3,制作Toggle
(1)在画布上创建一个Empty(空物体),显示出来的是GameObject
(2)在空物体下创建两个Taggle(单选框)子物体,选其中一个,在右边检视视图上Is On(是否选中)去掉√
(3)选中空物体,检视视图-Add Component-Taggle Group
(4)选中空物体,分别给子物体-检视视图-Group-拖入空物体
(5)运行,只能选中其中一个物体即可
二、Slider:滑动条
1,子物体:
Background:背景图片
Fill Area:划过之后所变的颜色图片
Handle Slider Area :滑动块
2,Slider组件的属性:
Directeion:方向
Left to Right:从左向右
Right to Left:从右向左
Top to Bottom:从上到下
Bottom to Left:从下到上
Min Value:最小值的设置(默认为0)
Max Value:最大值的设置(默认为1) Value:值(在代码中会用到)
三、Scrollbar:滑动块
1,本身自带Image:代表的是背景图片
子物体:
Sliding Area:代表滑动块图片
Handle:滑块
2,Scrollbal组件属性:
Direction:方向
Value:值,滑动的长度
Size:滑动块的大小
Number Of Steps:可滑动的次数(0)代表任意位置停)
四、Dropdown:下拉框
1,子物体:
Label:Text组件,用来接收你所选择的内容
Arrow:用来显示下三角
2,Dropdown属性:
Options:用来修改内容,点击“+",添加新的内容

五、Panel:蒙版
检视视图-Image Type-Filled
1,属性:
Fill Method:旋转角度
Fill Origin:旋转开始的位置
Fill Amount:旋转的值(代码中会用到)
六、滑动框使用
1,Create(新建)-Panel(蒙版),添加组件Scroll Rect
2,创建Panel(蒙版)的子物体Panel1(蒙版1)-添加组件Grid Layout Group(布局组合),调节Spacing(间隔)内X、Y为10
3,在Panel1下创建Image(或者Button),将Image(图片)添加上图片,选中该图片,Ctrl+D复制粘贴
4,在Canvas下新建两个Scrollbar(滑动框),一个作为水平滑块,一个作为垂直滑块,将滑动框放到第一个Panel(蒙版)内,
5,选中第一个Panel(蒙版)-Content添加Panel1,在Horizontal Scrollbar上添加水平滑块,在Vertical Scrollbar上选择垂直滑块
6,选中Panel(蒙版),添加组件Mask(隐藏多余部分)
6,运行即可

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值