【unity 3D】 Scroll Bar配合Text实现文字滚动显示

本文通过实例展示了如何在Unity 3D中利用Scroll Bar和Text组件实现文字的垂直滚动显示。首先创建Image、Text和Scroll Bar对象,然后进行布局和组件配置,使Text作为Image的子部件,并通过Scroll Rect组件实现垂直滚动效果。
摘要由CSDN通过智能技术生成

我想最终实现一个unity的UI组件拼接成一个Table,并且能够连接数据库动态显示数据的效果。

就先做一个这样的简单例子来练手。

最终效果是这样:

下面直接放干货

首先新建三个UI物体,分别是Image、Text、Scorll Bar。整体布局是这样子:

Text文本框是Image的子部件。Image和ScorllBar是同级关系。

设置Image物体的Rect Transform组件的布局是居中状态,然后调整width和height都为400.

添加Mask组件和Scorll Rect组件。而且Scorll Rect组件的Horizontal属性的对勾去掉,因为不需要水平的滚动,只需要垂直滚动文本框。

Text的配置如下:

Scorll Bar配置如下:

最后,Image的Scorll Rect组件中的Content绑定上Text。Vertical Scrollbar绑定上我们的Scroll Bar组件。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值