cc.Lable组件,RichText组件,AudioSouce组件的使用
一、cc.Lable组件的使用
1、创建Label的方法
a、通过菜单直接创建Label组件;b、先创建节点,然后在节点上绑定Label组件即可。
2、Label 面板上的属性
String => 文本显示的内容;
Horiznotal => 水平对齐的方式: 左 右 居中;
Vertial => 上, 下, 居中, 字与行的排版
Font Size => 字体大小;
LineHeight => 每行的高度;
OverFlow => 文字排版:
None: 没有任何特性; Clamp: 截断;
Shank:自动缩放到节点大小; Resize Height: 根据宽度自动折行;
Font => ttf字库文件, 位图字体字库文件;
Font Family => 字体家族,使用系统的哪种字库;
Use System Font => 是否使用系统字体;
注意:cc.Label节点所在的锚点的修改决定差文件伸展性的方向
3、在代码中使用cc.Label
cc.Class({
extends: cc.Component,
properties: {
text: {
type: cc.Label,
default: null
}
},
onLoad() {
//获得文字组件的方法一
// let item = this.text;
//获得文字组件的方法二
let item = this.node.getChildByName('test').getComponent(cc.Label);
//修改字符
item.string = 'today is good day';
//也可以修改其他的属性
},
});
二、cc.RichText组件的使用
1、cc.RichText组件的创建分两种方法,具体方法同上。
2、cc.RichText组件可以给文本指定多种颜色,具体的方法见下图:
注意:相对于Label不一样的地方是在String的地方可以指定各种标签,列举如下
<color=#0fffff>Text</color> 指定文字的颜色;
<img src='cow1_1'/> img标签,文本插入图片,图片要在指定的图集里面(即 Image Atlas里面)
u: 给文本加下划线
i: 用斜体来渲染
b: 用粗体来渲染
size: 指定字体渲染大小,大小值必须是一个整数 <size=30>enlarge me</size>
outline: 设置文本的描边颜色和描边宽度 <outline color=red width=4>A label with outline</outline>
描边的效果如下图
三、AudioSource组件的使用(本接口需要用节点做为载体,第四点无需添加节点)
添加AudioSource组件的方法:1、建立空节点,再在空节点上绑定AudioSource组件;2、通过代码建立;
Clip => 表示声音资源,可以把声音资源拖动到此处(注意:在代码里面绑定资源要用audioClip来设定资源)
Volume => 表示声音,值为0-1
Mute => 表示是否静音
Loop => 表示是否循环播放
Play On Load => 表示是否在加载的时候播放
Preload => 表示是否预加载
AudioSource组件的JS接口
play() => 播放音频(从头播放)
stop() => 停止播放音频
pause() => 暂停播放音频
resume() => 继续播放音频
rewind() => 重新开始播放音频
AudioSource组件的其他重要属性
isPlaying => 是否正在播放
loop => 是否循环播放
cc.Class({
extends: cc.Component,
properties: {
act: '',
voice: {
type: cc.AudioClip,
default: null
}
},
onLoad() {
//获取声音节点
let item = this.node.getChildByName('voice');
//获取按钮组件
let btn = this.node.getChildByName('btn').getComponent(cc.Button);
//绑定事件
let click_events = new cc.Component.EventHandler();
click_events.target = this.node;
click_events.component = 'test_scene';
click_events.handler = 'click_audio';
btn.clickEvents.push(click_events);
//添加声音组件
let v = item.addComponent(cc.AudioSource);
//把组件赋值给公共属性
this.act = v;
//指定声音文件
v.clip = this.voice;
//循环播放
v.loop = true;
//加载的时候播放
// v.playOnLoad = true;
v.play();
},
click_audio() {
//是否在播放
if (this.act.isPlaying) {
//暂停
this.act.pause();
} else {
//继续播放
this.act.resume();
}
}
});
四、audioEngine 直接在代码中播放声音(无需添加节点作为载体)
cc.audioEngine.play(sound,loop,volume),clip表示声音文件audioClip,loop表示是否循环,volume表示音量
cc.audioEngine.playEffect(clip,loop),clip表示声音文件audioClip,loop表示是否循环,表示播放音效
cc.audioEngine.playMusic(clip,loop),clip表示声音文件audioClip,loop表示是否循环,表示播放背景音乐
cc.Class({
extends: cc.Component,
properties: {
sound: {
type: cc.AudioClip,
default: null
}
},
start() {
cc.audioEngine.play(this.sound, true, 1);
}
});
其他的接口请参看官方文档
cc.Lable组件,RichText组件,AudioSouce组件的使用的更多相关文章
- rich-text 副文本组件 text文本组件
rich-text 副文本组件 要知道我们小程序常用的标签是view 但是我们想使用div span h1 i 标签等等,这种带特性的标签,怎么办的,我们就可以使用我们的 rich-text组件 ...
- 免费高效实用的.NET操作Excel组件NPOI(.NET组件介绍之六)
很多的软件项目几乎都包含着对文档的操作,前面已经介绍过两款操作文档的组件,现在介绍一款文档操作的组件NPOI. NPOI可以生成没有安装在您的服务器上的Microsoft Office套件的Excel ...
- YxdIocp包含有支持大并发的TCP服务组件、HTTP服务组件、UDP服务组件、WebSocket服务组件
Delphi Windows IOCP 通讯模型封装,基于DIOCP.YxdIocp包含有支持大并发的TCP服务组件.HTTP服务组件.UDP服务组件.WebSocket服务组件,和TCP.UDP等基 ...
- Django---FORM组件.FORM组件的字段,FORM组件校验流程,FORM组件的全局和局部钩子,FORM和Model的组合
Django---FORM组件.FORM组件的字段,FORM组件校验流程,FORM组件的全局和局部钩子,FORM和Model的组合 一丶FORM的介绍 1.生成页面可用的HTML标签 2.对用户提交的 ...
- 开源免费且稳定实用的.NET PDF打印组件itextSharp(.NET组件介绍之八)
在这个.NET组件的介绍系列中,受到了很多园友的支持,一些园友(如:数据之巅. [秦时明月]等等这些大神 )也给我提出了对应的建议,我正在努力去改正,有不足之处还望大家多多包涵.在传播一些简单的知识的 ...
- 免费开源的.NET多类型文件解压缩组件SharpZipLib(.NET组件介绍之七)
前面介绍了六种.NET组件,其中有一种组件是写文件的压缩和解压,现在介绍另一种文件的解压缩组件SharpZipLib.在这个组件介绍系列中,只为简单的介绍组件的背景和简单的应用,读者在阅读时可以结合官 ...
- 高效而稳定的企业级.NET Office 组件Spire(.NET组件介绍之二)
在项目开发中,尤其是企业的业务系统中,对文档的操作是非常多的,有时几乎给人一种错觉的是”这个系统似乎就是专门操作文档的“.毕竟现在的很多办公中大都是在PC端操作文档等软件,在这些庞大而繁重的业务中,单 ...
- 一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)
在目前的软件项目中,都会较多的使用到对文档的操作,用于记录和统计相关业务信息.由于系统自身提供了对文档的相关操作,所以在一定程度上极大的简化了软件使用者的工作量. 在.NET项目中如果用户提出了相关文 ...
- KnockoutJS 3.X API 第六章 组件(5) 高级应用组件加载器
无论何时使用组件绑定或自定义元素注入组件,Knockout都将使用一个或多个组件装载器获取该组件的模板和视图模型. 组件加载器的任务是异步提供任何给定组件名称的模板/视图模型对. 本节目录 默认组件加 ...
随机推荐
- [题解]小X的液体混合
版权说明:来自 石门ss学校 Guohao OJ ,禁止转载 题目描述 虽然小X不喜欢化学原理,但他特别喜欢把一大堆液体倒在一起. 现在小X有n种液体,其中m对会发生反应.现在他想把这n种液体按某种顺 ...
- 【SEERC2018A】【XSY3319】Numbers
给你一个数 \(n\),求有多少种方案能把 \(n\) 分成两个非零回文数 \((a,b)\) 之和. 两个方案不同当且仅当 \(a_1\neq a_2\). \(n\leq {10}^{18}\) ...
- centos7环境搭建命令List
npm -ivh jdk-8u191-linux-x64.rpm adduser sai passwd sai whereis sudoers vim /etc/sudoers rpm -qa | g ...
- django 3.post接口开发
如果有了一个项目,还想创建一个项目,那么就是进入项目的路径下,运行命令,比如: cd /Users/newcomer/PycharmProjects/djangoProject python3 man ...
- python爬虫学习笔记
爬虫的分类 1.通用爬虫:通用爬虫是搜索引擎(Baidu.Google.Yahoo等)“抓取系统”的重要组成部分.主要目的是将互联网上的网页下载到本地,形成一个互联网内容的镜像备份. 简单来讲就是尽可 ...
- SSM框架中,controller的action返回参数给vue.js
在SSM框架中,controller的action中,返回的是视图,即jsp页面或是ModelAndView,若是通过axios给vue传值的话,需要转换为字符串或是user实体类对象. 使用@Res ...
- com.alibaba.druid数据源工具类
Druid是阿里巴巴推出的国产数据库连接池,据网上测试对比,比目前的DBCP或C3P0数据库连接池性能更好.它不仅仅是一个数据库连接池,它还包含一个ProxyDriver,一系列内置的JDBC组件库, ...
- Linux ip配置
ifconfig 查看ip ifconfig eth0 192.168.100.10 netmask 255.255.255.0 或者 ifconfig eth0 192.168.100.1 ...
- 【AGC 002F】Leftmost Ball
Description Snuke loves colorful balls. He has a total of N*K balls, K in each of his favorite N col ...
- TP5框架,开源小程序商城源码,前端+后台完整版
CRMEB微信公众号商城小程序商城数据同步,带积分.优惠券.秒杀.砍价.分销等功能,更是一套方便二次开发的框架 开源地址:https://github.crmeb.net/u/crmeb 商城演示后台 ...