如何在Unity中用UI制作滑动视图

最新推荐文章于 2024-09-13 22:45:00 发布

原创

最新推荐文章于 2024-09-13 22:45:00 发布 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

这篇博客介绍了在Unity中制作滑动视图的方法，包括UI组件的使用，如Image、Text、Input Field、Button、Toggle、Slider、Scrollbar和Dropdown等。详细讲解了如何设置图片格式、实现屏幕适配，以及如何添加点击事件和创建滑动条。此外，还阐述了创建滑动视图的步骤，包括添加Scroll Rect、Grid Layout Group、复制内容以及设置水平和垂直滑块。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先简单介绍一下UI中的各个组件：
如何创建UI？
1.在层级视图上-Create-UI-Image图片
2.选中图片，在检视视图上选择Image组件，属性如下：
source Image：图片来源
Color：颜色
Material：材质
Image Type：图片类型
Set Native Size：设置图片为原来大小
（1）如何改图片格式：
选中图片，在检视视图上，Textrue Type-Sprite（2D and UI）-Apply
3.如何实现屏幕适配？
以背景为例
选中Image，在场景视图中有锚点（花瓣）拉动锚点到画布的四个边上，这时在检视视图上-rest
Transform-Left左做设置为0，Bottom底设置为0即可，这时背景图片占满整个画布
4.Text：文本
Font：字体
Font Style：字体样式
Normal：无样式
Bold：加粗
Italic：倾斜
Bold and Italic：加粗并倾斜
Font Size：字体大小
Line Spacing ：行间距
Alignment：对齐方式
Horizontal Overflow：水平溢出
Vertical Overflow：垂直溢出
Color：字体颜色

Input Filed输入框
再输入框里边有Placeholder是提示输入的、Text是将输入的内容存放在里面
Input Filed里的属性
Normal Color：正常颜色
Highlighted Color：鼠标放上去的颜色
Pressed Color：按压的颜色
Disabled Color：禁用时的颜色
Character Limit：字符限制
Content Type：输入类型
Standard：标准可以输入数字，字母，汉字
Integer Number：整数
Decimal Number：高精度的数（小数）
Name：名字
Email Address：邮箱地址
Pas