unity 文字滚动显示_Unity ScrollRect 实现垂直滚动文字

看了一些网上的其他文章，看的比较晕，自己摸索着做了一遍，把几个要点列出来，方便遇到相同问题的人。

1-列出控件，按照下图的方式组织所有的控件，注意不要从GameObject菜单创建ScrollView，而是应该创建一个空的Panel添加ScrollRect组件

注意：Panel与ScrollBar同级，Text在Panel的子层级。

2-为Panel要添加两个组件

ScrollRect：他是实现滚动效果的。

注意要将Content字段，设置为Text，这表示，将Text作为滚动内容显示区

注意将Horizaontal取消勾选，只保留Vertical。

Mask：他的作用是，提供一个遮罩，让你只看到视口里面的内容，而看不到其他内容。

3-为Text添加一个Content Size Filter组件

这个组件是用来适配控件大小的，因为是垂直滚动，所以可以不要管第一个选项，只将Vertical Fit 设置为 perfect size.

4-注意设置Text的RectTransform里面的Povit为(0.5f,1)这样才能保证文字长度无论怎样变化，控件都是针对顶端对齐的。

这个就不截图了。

5-至此，基础功能已经做完了，拖动文字，就可以滑动整个文字区域了。一般来讲，滚动条对于手机而言，多为显示作用，很少有人真正去拖动滚动条去控制文字上下滑动，因为太难点到他了，如果一定要有滚动条，那么继续往下看。

6-设置滚动条：

HandleRect和ColorTint里面的TargetGraphic一定都填写，ScrollBar下面的Handle物件。

方向填写BottomToTop，注意不要填反了。其他选项看心情随意调

7-回到Panel物件，上面的ScrollRect，将Vertical ScrollBar设置为你创建的ScrollBar

OK大功告成。

http://www.cnblogs.com/zhaoqingqing/p/3973167.html?utm_source=tuicool

看了这两篇帖子，还是他妈的不知道怎么做，但第一个帖子的作法我已经实现了帖子内容，第二个帖子完全实现不了，于是把第一帖和第二帖的内容结合起来搞定了，我就操了，一个带垂直滚动条的文本框都这么难做，能不能提供现成的？

一、在Canvas新建一个Panel，add scroll Rect和mask组件，Rect Transform设成 middle-center，因为这样才能设置大小和text控件相同大小

二、Panel下新建一个Text，Vertical Overflow设置成Overflow，然后add Content Size Fitter这个Layout，该Layout的Vertical Fit设置为Perferred Size，然后调整大小和在Panel中的位置

三、新建一个ScrollBar，不在Panel之下，和Panel并列，Direction设置成Bottan to Top。设置成Panel同样的高度，并挨在一起，这样看起来就是一个文本框右边带着一个垂直滚动条

四、Panel的Scroll Rect组件的Content指定Text，Vertical Scrollbar指定上面新建的ScrollBar。

没了。

如果使用代码修改Text的值，Scrollbar的大小也会变化。

unity 文字滚动显示_Unity ScrollRect 实现垂直滚动文字相关推荐

css文字怎么显示在一起,css如何让文字成排显示
css让文字成排显示的方法:1.使用[writing-mode]属性,语法为[writing-mode:lr-tb或writing-mode:tb-rl]:2.对文字对象宽度设置只能排下一个文字的宽度 ...
前端：实现div等块元素添加X轴滚动显示（Y轴不滚动）
一.建立外盒子与内盒子原生态代码: <div class="tol_dev"><div class="dev_li"></div ...
51单片机八位数码管1到F动态滚动显示仿真及程序
51单片机八位数码管1到F动态滚动显示仿真及程序动态滚动显示仿真及程序 #include<reg51.h> #define uchar unsigned char #define uin ...
Android HorizontalScrollView和ScrollView 水平滚动垂直滚动
Android SDK有两个滚动组件,HorizontalScrollView和ScrollView.一个是水平滚动,另一个是垂直滚动.两个嵌套使用,可实现水平和垂直滚动. 本文转自:http://h ...
html中label如何居中,怎么让label标签中的文字居中显示
label标签如何使用 html页码中的 label标签使用方法: 其实很多人都一样,喜欢的不是学校,不是班级,而是坐在教室的那群人请点击文本标记之一,就可以触发相关控件: HTML代码中的labe ...
word页面顺序倒过来_Word文字倒过来将每一个文字颠倒显示即更改文字显示方向...
Word文字倒过来将每一个文字颠倒显示即更改文字显示方向时间:2014-08-20 作者:snow 来源:互联网文字倒过来显示,有两层含义,一是文字颠倒显示,二是前面的文字显示到后面,后面 ...
iphone的图书iBooks如何设置垂直滚动看书
首先只有升级到了ios14以上的机型的ibook才会有这个功能.iphone6和以下的机型只能升级到ios12,它们的ibook是没有这个功能了. iphone6s以上的机型升级到了ios14,自带的 ...
android滚动广告图片素材,安卓手机宣传视频制作软件如何在视频底部添加一行滚动的广告语？视频加滚动水印...
窝是帮助用户解决问题提供教程解决方案在这个过程中有我们.... 『安卓手机端教程方案』上周,小编介绍了手机视频片尾滚动字幕制作的方法,今天要介绍的是在视频底部加一行滚动水印的方法,适合到不限于制作 ...
php中滚动显示文字,HTML如何实现文字的滚动效果
在HTML中,可以通过HTML的标签来实现文字的滚动效果,通过设置标签里的不同属性来实现不同的文字的滚动效果. 在HTML中实现文字的滚动效果其实很简单,本篇文章就给大家介绍HTML 标签实现文字的滚 ...

unity 文字滚动显示_Unity ScrollRect 实现垂直滚动文字

unity 文字滚动显示_Unity ScrollRect 实现垂直滚动文字相关推荐

最新文章

热门文章