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

匿名 (未验证) 提交于 2019-12-02 23:39:01

一、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,运行即可

文章来源: https://blog.csdn.net/Cuinted/article/details/91398990
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!