CocosCreator之微信小游戏的聊天/提示气泡制作

有时候，我们会遇到一些需要气泡的地方，比如一些提示，即需要背景随着文本长度过长而换行之后进行自适应的情况。我之前是直接设置文本框的行高是可变的，即Overflow属性为RESIZE，然后根据文本长度来算文本框的高度，再对背景的高度属性进行设置，但是，之后发现获取到的长度都是上次文本的高度，所以最后还是用这种方法处理。

一、将聊天气泡的背景图九宫格处理：

2、给上图添加组件Layout，并设置ResizeMode属性为CONTAINER，如下：

3、在图片节点下添加Label子节点，输入文字，即可发现背景框的高度会随着文本换行而变大，比如

这种效果明显不行，所以需要调整下layout组件里的Padding属性，调整下间距，就好了，

当然，文本框的内容可以代码动态设置，不影响实际效果。

如有不足，请多指教。

CocosCreator之微信小游戏的聊天/提示气泡制作相关推荐

解决CocosCreator 在微信小游戏中使用Socket.io 报错的问题
解决CocosCreator 在微信小游戏中使用Socket.io 报错的问题参考文章: (1)解决CocosCreator 在微信小游戏中使用Socket.io 报错的问题 (2)https:// ...
【微信小游戏实战】零基础制作《欢乐停车场》二、关卡设计
1.游戏立项微信小游戏中有一款<欢乐停车场Plus>的小游戏,大家可以搜索玩下.这是一款益智类的小游戏,游戏中有红.黄.绿.蓝.紫5辆豪车6个停车位,玩家通过可行走路线移动小车,最终让各 ...
【微信小游戏实战】零基础制作《欢乐停车场》三、游戏场景制作
1.游戏立项微信小游戏中有一款<欢乐停车场Plus>的小游戏,大家可以搜索玩下.这是一款益智类的小游戏,游戏中有红.黄.绿.蓝.紫5辆豪车6个停车位,玩家通过可行走路线移动小车,最终让各 ...
【微信小游戏实战】零基础制作《欢乐停车场》一、游戏设计
1.游戏立项微信小游戏中有一款<欢乐停车场>的小游戏,大家可以搜索玩下.这是一款益智类的小游戏,游戏中有红.黄.绿.蓝.紫5辆豪车6个停车位,玩家通过可行走路线移动小车,最终让各颜色的小 ...
CocosCreator接入微信小游戏
使用Creator接入微信小游戏流程介绍 1:下载cocosCreator http://www.cocos.com/download 2:去微信公众平台注册账号账号微信开发者平台和微信公众平台是 ...
申请微信小游戏流量主提示 “填写的姓名或身份证与公众号主体信息不一致”
最近在整微信小游戏,在开通流量主(个人主体)提交申请信息的时候,一直提示 "填写的姓名或身份证与公众号主体信息不一致",我核对了N次,就是没发现有不一致的. 折腾了很久,最后发现个 ...
CocosCreator 打包微信小游戏
1. 下载微信开发者工具并安装,申请小游戏ID,在ccc的文件-->设置-->原生环境中,指定路径 2.发布平台选择微信小游戏,填入appid,这里要注意,小程序的id 和小游戏的id不同 ...
CocosCreator之微信小游戏的抽奖转盘
许多小游戏里面都有涉及到抽奖环节,所以就可能会用到抽奖转盘的制作,今天分享一个自己左转盘的小小过程. 1.准备材料过程不多说,拼完界面之后大概是这样的: 2.给界面绑定脚本,在脚本的propertie ...
CocosCreator微信小游戏入门实战《小猫钓鱼》（十一）：总结以及源码分享
转载请保留原文链接:https://blog.csdn.net/zzx023/article/details/83068228 基本上到这里作为一个cocoscreator以及微信小游戏的开发者,我相 ...

CocosCreator之微信小游戏的聊天/提示气泡制作

CocosCreator之微信小游戏的聊天/提示气泡制作相关推荐

最新文章

热门文章