【Unity学习】制作一个可滑动的公告栏
1.新建Image组件做公告底板(Note)
在Canvas组件(画布)中新建一个Image组件(图片)做公告底板,并在组件属性栏中设置合适的图片大小、颜色及透明度
2.制作公告图标(Title ,可选)
在1建的图片组件(Note)下新建一个image组件做公告标题底图,再在该底图下新建文本,拉伸拖到至合适位置
3.制作公告内容
与2同理,新建一个image组件做底图,再在该底图下新建文本,拉伸拖到至合适位置
4.设置文本滑动显示
将内容文本拉伸至显示所有文本,然后选择底图组件,打开组件属性面板,点击Add Component(添加组件)搜索Scroll Rect并选择
经过上面操作,可以看见底图属性栏新增了Scroll Rect属性,将内容文本组件拖动至Scroll Rect下的Content栏后,文本内容变为可拖动
Scroll Rect属性,因为只需要垂直拖动,所以把水平拖动勾选取消
因为文本内容长度大于底图长度,底图外部会显示文本内容, 需要隐藏。选择底图组件,打开组件属性面板,点击Add Component(添加组件)搜索Mask并选择即可,如果不需要显示底图,可取消勾选Show Mask Graphic属性
5.设置滑动条
在公告底板组件中新建ScrollBar组件,并在Direction属性中设置其滚动方式为Bottom To Top,然后点击打开内容底图组件属性面板,将新建的ScrollBar组件拖动绑定到Scroll Rect组件下的Vertical Scrollbar中
最终效果