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

一 : 前言

初始化的ScrollBar如下:

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

二 : 修改

Ⅰ ,移除滚动条
① -> 选择ScrollView节点(Node , 含有scrollview组件的) , 并找到ScrollView组件 , 删除ScrollBar的参数 , 如下:

② -> 删除节点ScrollBar(Node , 含有scrollbar组件的)

Ⅱ, 关闭白色背景(目的 : 是背景透明 , 显示底色棕色)
① -> 选择ScrollView节点(Node , 含有scrollview组件的) , 在属性面板中 "关闭/移除" 掉节点的Sprite组件


注意 : 不要移除ScrollView组件 , 虽然我们不需要滚动条 , 但是我们还是希望它能滚动

三 : 结果

原文地址：https://blog.51cto.com/aonaufly/2352983

时间： 2024-08-02 00:33:25

COCOS CREATOR(TS)之SrollBar的基本修改的相关文章

COCOS CREATOR(TS)之setTimeOut

一 : 前景 有很多前端可能觉得setTimeOut不值得一讲,But,在不同的平台setTimeOut的执行是有一定的规则需要遵守,有时也叫迫于无奈.比如,前几日的开发中发现一个非常奇怪的现象 , 就是setOutTime在Web / 微信IDE端都是可以起作用的 , 但是一旦到了手机微信中运行,好似就不那么灵光了.今日抽了点时间好好测试了一番 , 内容如下: 二 : 测试 Ⅰ,测试环境如下(使用TS代码)Ⅱ,代码1,测试思想分别给出有参数(setTimeOut自带传参和setTimeOut不

COCOS CREATOR(TS)之节点鼠标事件

一 : 前景 以官方的Demo为例子(HelloWorld)①-> UI层级结构②-> Canvas的属性 二 : 编码(Helloworld.ts) const {ccclass, property} = cc._decorator; @ccclass export default class Helloworld extends cc.Component { @property(cc.Label) label: cc.Label = null; @property text: string

COCOS CREATOR(TS) 之HTTP通信

一 : XMLHttpRequest的封装 export class HttpCell{ private _xhr : XMLHttpRequest = null; private _server_url : string = null; private _callback : ( $isSucc : boolean , _http : HttpCell ,$data : any ) => void = null; private _timeout : number = null; privat

COCOS CREATOR(TS)之按钮事件

一 : 前景介绍 为cc.Button添加事件的方法有很多种 , 本篇只讲解使用cc.Component.EventHandler的方法.因为此方案有一个最大的有点 : 可以获得cc.Event.EventTouch.但是此方案,相比如控件拖动方案要复杂一些,所以给出此Blog予以详解 二 : 详解 Ⅰ: 构建cc.Component.EventHandler对象 export class ClickEvent2CreatTool{ private static _instance : Clic

Cocos Creator 初探：修改Engine来调整FPS信息显示

Cocos Creator 刚用上,感觉这不就是Unity的孪生兄弟嘛,简单看完example,然后翻了翻手册,开始上手第一个小项目. 创建了一个TypeScript项目,刚画了个背景,调整了一下大小为1920*1080(为了适应手机屏),选择长宽自适应,然后选择在Chrome内预览: 发现左下角的FPS调试信息小的看不清,看了半天文档也没发现哪里能调整FPS字体的大小,在QQ群里咨询半天也没人鸟我,终于有人来了一句:改引擎啊. 为了这点小事就改引擎,那日子还过不过了? 求人不如求己,按F12启

Cocos Creator 脚本模板

1.由于新建Cocos Creator脚本带有很多注释,并且有时候需要增加定制的默认注释,所以需要修改脚本生成模板. 2.在CocosCreator\resources\static\template目录下,找到new-script.js/new-script.ts并进行修改.

在 Cocos Creator 中使用 Protobufjs（一）

一. 环境准备 我一直在探索Cocos H5正确的开发姿势,目前做javascript项目已经离不开 nodejs.npm或grunt等脚手架工具了. 1.初始化package.json文件 npm init 当新建好cocos-js或creator项目,在项目根目录使用npm init命令,一路回车,将在当前目录创建package.json文件用于nodejs三方模块的管理.关于npm的使用细节网络上有很多教程,在此不用细说. 2. protobufjs模块 本人最早在cocos2dx 2.x

【COCOS CREATOR 系列教程之二】脚本开发篇&事件监听、常用函数等示例整合

[Cocos Creator ](千人群):  432818031 上一篇,介绍了Himi在使用过cc所有组件后的一篇总结,没有具体介绍每个组件的原因在于官方文档很齐全,而且也有视频的介绍. 所以希望童鞋们可以把我这两篇博文当成对组件.脚本两部分开发的整理与总结. 后续的文章,Himi应该主要更新一些官方还未补充或者还没有的教程.避免无用功. 下面直接放出代码,因为不是很难理解.所以不再一一赘述,都是常用的函数.事件监听.动作回调.定时器等开发过程中必接触的. 大致内容如下: cc 属性介绍 获

Cocos Creator—定制H5游戏首页loading界面

Cocos Creator从1.0版本发布到现在也有一年多了,按理说一些常见的问题网上都有解决方案,例如"如何自定义首页加载进度条界面"这种普遍需求,应该所有人都会遇到的,因此也有完善的解决方案才对.我在网上搜了一些文章,虽然也有讨论的帖子,但是方案都不尽人意.因此只能再次自己动手丰衣足食了,在此我总结一下我的思路和策略,分享给大家,希望后来的人少走弯路,另外这里的方案只针对H5游戏发布,其他平台可以借鉴思路自己实现. 首页加载的loading界面,官网的文档并没有提及,我是通过构建发