typescript+cocos creator label设置文本string后获取实际渲染宽高

已于 2023-07-17 11:04:33 修改
阅读量1.1k 收藏
点赞数
分类专栏： typescript 文章标签： typescript CocosCreator cocos creator label 实际宽度
于 2020-08-10 18:43:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mccreecaptain/article/details/107919506
版权 
let node = new cc.Node();
node.addComponent(cc.Label);
let label = node.getComponent(cc.Label);
label.string = singleStr;
//_forceUpdateRenderData(); 2.2及后的版本
//_updateRenderData(true); 2.1及之前版本用的
(<any>label)._forceUpdateRenderData();
let width = label.node.getContentSize().width;
MccreeCaptain
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
从零开始的小游戏开发之第二篇
pipiyabumaimeng的博客
08-20 190
前一篇日志讲了开始准备开发一个小的游戏我所做的准备,这篇总结一下开始使用cocos遇到的一些对新手不太友好的问题和解决办法吧 稍微录了一下自己游戏的视频,里面好多东东可能还需要改.开头的漫画是因为有人反馈进去就打怪太突然了我花两天画的用来过渡的 https://www.bilibili.com/video/BV1j5411h7ZY 我做的第一个小游戏 我的qq群：1142732961 .
TypeScript+Cocos creator连连看案例
03-25
自己做的小Demo，大家不嫌弃的话可以看看.
cocos creator 刷新字体大小
t59651090t的博客
01-04 486
文本string 写入文本后 不会立马刷新 大小 需要调用下函数 node.getComponent(cc.Label)._forceUpdateRenderData(true);
【cocos creator】【TS】多语言插件，支持文字和图片,可在编辑器和代码里动态切换语言，含demo
烧仙草奶茶的博客
04-16 1416
挂载节点需要有label或图片 /** * 多语言翻译组件 * 可在编辑器立即显示翻译 * 支持label、sprite */ const { ccclass, property, menu, executeInEditMode } = cc._decorator; /**语言类型 */ var LANG = { /**中文 */ ZH: "ZH", /**英文 */ EN: "EN", } var LANG_ID = cc.Enum({ [
【CocosCreator入门】CocosCreator组件 | Label（文本）组件
看世界，也找自己
03-30 3413
Cocos Creator 是一款流行的游戏开发引擎，具有丰富的组件和工具，其中Label组件是最常用的之一。Label 组件是一个用于显示文本的 UI 组件。在本文中，我们将探讨 Label 组件的一些技术方面，包括如何创建、配置和使用它。
forceUpdate()触发react的render渲染
YMX2020的博客
06-07 1388
forceUpdate()触发react的render渲染 ​ 使用过react的小伙伴都知道，默认情况下当组件的state或者props改变的时候，组件将被重新渲染，但是是否遇到过一些非state或者props的数据驱动组件render的情况 ​ 最近由于在学习react的源码，看到其中有一个forceupdate的方法，发现他和setState一样会导致组件重新渲染，但是不同的是他会跳过生命周期shouldComponentUpdate，直接进入render ​ 所以有些变量不在state上，当你
文本与富文本及时刷新
qq_39766982的博客
03-05 518
文本与富文本强制立即刷新
cocosCreater中动态获取组建label节点宽度和高度
星期一的博客
04-06 3536
要想在代码中动态获取label节点的宽度和高度有两种办法： 1.遍历label中的字符串然后*字体的高度或宽度，这种比较麻烦。 2.使用更新渲染 label.getComponent(cc.Label)._forceUpdateRenderData(true);//动态更新label渲染，获取当前帧的宽度 原因：由于label在开时候只渲染一次，当我们重新赋值后需要手动更新一下渲染，这样当前帧才...
CocosCreator2.x 开发笔记
程序员的博客
07-10 1571
CocosCreator2.x 开发整理
cocosCreator动态获取Label宽度 适用3.6以上
最新发布
qiou2719的专栏
06-29 898
cocosCreator动态获取Label宽度 适用3.6以上
cocos-game-framework:cocos-creator游戏框架，typescript版本
05-02
cocos 轻量级游戏框架说明以个人实践为主，有些方案并非是最佳实践。适用于轻量级游戏，单一场景，界面使用 prefab 进行管理。适用于新手，仅包含一些基础的游戏模块。为什么需要游戏框架？使用方法拷贝 release ...
Cocos Creator 2.0 + 弹窗面板管理
07-16
弹窗面板管理
vue3+typescript+ElementUI后台管理DEMO
02-27
Vue3+TypeScript实战项目，使用 ElementUI 搭建页面，完成登录、商品列表、用户列表、角色列表、退出登录。通过页面展示、搜索、分页、编辑等功能的实现练习怎么在vue3中使用TypeScript。...
nhwc-client:2018毕业设计，多人房间匹配你画我猜。Cocos Creator + TypeScript + Go + WebSocket + MongoDB。客户端
05-14
nhwc-client 2018毕业设计，多人房间匹配你画我猜。Cocos Creator + TypeScript + Go + WebSocket + MongoDB。客户端。 服务端： 截图
cocos creator label修改文字获取新size
hi_kong的专栏
07-11 1918
cocos creator 修改label显示内容后直接获取大小是不对的，还是之前的大小，需要用 lbl._forceUpdateRenderData() 强制刷新下，再获取label大小就可以了。
cocos label html文本,Cocos Creator Label 设置文本后立即获取高度(示例代码)
weixin_32915575的博客
06-15 648
引擎版本: 2.3.3引擎源码版本: 2.4.2引擎源码hash值: fa81ab2cbac8190163656b2f1de0f8119f961909我用看的是master分支.在给文本赋值之后不会立即刷新文本内容,而是在下一帧进行渲染, 导致你不能立即获取文本的高度,解决问题的思路,1.首先查看官方提供的api2.没有的话可以去论坛搜索一下相关问题3.其次就是看一下引擎的源码,这里有两种解决方案...
Cocos Creator 字符串（名字长度）处理
apple_58054055的博客
07-16 1058
废话不多说，直接上代码。 export{StringUtil}; classStringUtil{ /** *限制字符串长度 *@paramnickname *@paramlen英文字符长度 */ publicstaticsubNameString(nickname:string,len:number=10){ // if(!nickname||typeofnickname!="...
CocosCreator3.0.0 修复 pr 整理
onlykoei的博客
04-20 215
mask 穿透：https://github.com/cocos-creator/engine/pull/8313 label 获取实时长度无效（.updateRenderData(true)）：https://github.com/cocos-creator/engine/pull/8316 widget 编辑器上的勾选去掉无效：https://github.com/cocos-creator/engine/pull/8337 mask 组件 undo 后功能失效: https://github..
CocosCreator -- 根据字体样式获取Label宽高
LANGZI7758521的专栏
09-20 957
游戏中我们会用到很多的提示小窗口，同时根据不同文本配置和字体大小要求适配出最合适的框大小，在CocosCreator中怎么实现对应效果呢。 先看下面效果：在这里插入图片描述，更改文字内容，变成了这个样式：在这里插入图片描述 实现核心代码如下： export class LabelUtil { static lable: cc.Label; /** * @param...
基于TypeScript的Cocos Creator倒计时代码
05-19
以下是基于 TypeScript 的 Cocos Creator 倒计时代码示例： ```typescript const {ccclass, property} = cc._decorator; @ccclass export default class Countdown extends cc.Component { @property(cc.Label) label: cc.Label = null; @property duration: number = 60; // 倒计时时长 private remainingTime: number = 0; // 剩余时间 private timer: number = null; // 计时器 start() { this.startCountdown(); } private startCountdown() { this.remainingTime = this.duration; this.updateLabel(); this.timer = setInterval(() => { this.remainingTime--; if (this.remainingTime < 0) { this.remainingTime = 0; clearInterval(this.timer); this.timer = null; // 倒计时结束后执行的操作 console.log("倒计时结束！"); } this.updateLabel(); }, 1000); } private updateLabel() { this.label.string = `剩余时间：${this.remainingTime}秒`; } } ``` 在组件上挂载 Label 组件，并将 Countdown 组件的 label 属性设置为该 Label 组件。 使用时，可以通过设置 Countdown 组件的 duration 属性来指定倒计时的时长，然后在 startCountdown 方法中启动计时器，并在计时器回调函数中更新剩余时间，直到倒计时结束为止。在倒计时结束后，可以执行相应的操作，例如弹出提示框或发送请求等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值