创建滚动文本(可添加设计说明和注意事项)
1.创建文本的UI背景
Canvas→UI→Image
(根据需要命名,因为我想做一个建筑类的demo,命名为—
description of design设计说明 )
按住
Alt可以拖动界面大小(Rect Transform
(Width/Height))
在
image下Color调整颜色和透明度。
|
2.在Image(
description of design设计说
明)下→再创建一个
Image作为
标题块(命名为TitleBg)
→在TitleBg下在设置一个text输入内容(比如,设计说明
description of design
);
→在Image(
description of design设计说明)下→
在创建一个Text(用于输入具体内容有助于之后
设置滚动滑块)。
3
.设置滚动滑块
①在
Image(
description of design
)
下继续创建
Image(完全覆盖之前的字体Text模块大小一致);
②给
新建的
Image上
添加一个可以滚动的功能
Inspector→Add Component→
Scroll Rect (
这时他就拥有了一个滚动的功能
)
→把Text放到Image下边
③把Text拖入Image加载的
滚动模式下
(如图)
这时我们可以滑动文字,可现在滑动较乱(
Horizontal水平/
Vertical垂直(√)
→根据自己需要勾选√
)
Horizontal水平/Vertical垂直
④这时,滑动时不显示所有文字
我们需要把文字全部显示出来(脱出)
⑤实现滑动功能,(但存在露出的文字没有被隐藏)
在Image下再创建Mask→会发现余出的部分隐藏掉了
效果:
⑥给文字框
添加滑块
1.创建一个Scrollbar滑块
2.设置Scrollbar中的Direction→
√
Botton
To
Top
(上下滑动)
根据需要设置
3.绑定依托(
实现滑块控制滑动
)
4.
总体设计效果(具体替换按钮样式之后再深究)