COCOS CREATOR(TS)之SrollView的基本修改

客官°小女子只卖身不卖艺 2021-09-20 02:00 331阅读 0赞

# 一 : 前言 #

初始化的ScrollBar如下:  
![COCOS CREATOR(TS)之SrollView的基本修改][COCOS CREATOR_TS_SrollView]  
看到这个的时候 , 我有几点一下感悟 :  
*① -> 我觉得scrollBar(滚动条)很丑 , 而且我不需要滚动条  
② -> 我我的背景不错 , but我还是希望是透明的 , 以看到底层的棕色背景*  
这就是需要修改原(官方)ScrollBar的地方,之所以作出如上的修改需求,是因为在Game中,大部分这样的界面,都不需要滚动条和背景 . 当然特殊的除外(比如聊天,可能需要一个)

# 二 : 修改 #

**Ⅰ ,移除滚动条**  
① -> 选择ScrollView节点(Node , 含有scrollview组件的) , 并找到ScrollView组件 , 删除ScrollBar的参数 , 如下:  
![COCOS CREATOR(TS)之SrollView的基本修改][COCOS CREATOR_TS_SrollView 1]  
② -> 删除节点ScrollBar(Node , 含有scrollbar组件的)  
![COCOS CREATOR(TS)之SrollView的基本修改][COCOS CREATOR_TS_SrollView 2]  
**Ⅱ, 关闭白色背景(目的 : 是背景透明 , 显示底色棕色)**  
① -> 选择ScrollView节点(Node , 含有scrollview组件的) , 在属性面板中 "关闭/移除" 掉节点的Sprite组件  
![COCOS CREATOR(TS)之SrollView的基本修改][COCOS CREATOR_TS_SrollView 3]

--------------------

注意 : 不要移除ScrollView组件 , 虽然我们不需要滚动条 , 但是我们还是希望它能滚动  
![COCOS CREATOR(TS)之SrollView的基本修改][COCOS CREATOR_TS_SrollView 4]

# 三 : 结果 #

![COCOS CREATOR(TS)之SrollView的基本修改][COCOS CREATOR_TS_SrollView 5]

转载于:https://blog.51cto.com/aonaufly/2352983

[COCOS CREATOR_TS_SrollView]: https://s1.51cto.com/images/blog/201902/21/dd0efd47089b7270b22a5eb947238781.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[COCOS CREATOR_TS_SrollView 1]: https://s1.51cto.com/images/blog/201902/21/de7f5848471130d47c051d73f1c7e008.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[COCOS CREATOR_TS_SrollView 2]: https://s1.51cto.com/images/blog/201902/21/6d26aa373c6774d3d7d18ac57266d70b.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[COCOS CREATOR_TS_SrollView 3]: https://s1.51cto.com/images/blog/201902/21/48096c205c83c354ebea50824de66c8d.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[COCOS CREATOR_TS_SrollView 4]: https://s1.51cto.com/images/blog/201902/21/3e348bcac0a7117ec4e05de2e7815103.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=
[COCOS CREATOR_TS_SrollView 5]: https://s1.51cto.com/images/blog/201902/21/7684e8d22be8276c9bb976ac694a68bc.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=