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

这篇博客介绍了在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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值