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

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

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

最终效果是这样:

【unity 3D】 Scroll Bar配合Text实现文字滚动显示_第1张图片

下面直接放干货

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

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

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

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

【unity 3D】 Scroll Bar配合Text实现文字滚动显示_第2张图片

Text的配置如下:

【unity 3D】 Scroll Bar配合Text实现文字滚动显示_第3张图片

Scorll Bar配置如下:

【unity 3D】 Scroll Bar配合Text实现文字滚动显示_第4张图片

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

你可能感兴趣的:(Unity)