熬夜干Unity从学习到赚钱系列-聊天气泡及字体模糊

举报
芝麻粒儿 发表于 2021/11/30 19:43:41 2021/11/30
【摘要】 👉关于作者众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)👉即将学会用UGUI实现聊天气泡,背景自适应放大缩小不用Text Mesh Pro解决其中字体模糊问题...

👉关于作者

众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!
专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)

👉即将学会

用UGUI实现聊天气泡,背景自适应放大缩小

不用Text Mesh Pro解决其中字体模糊问题

👉实践过程

😜聊天气泡

遇事不决,先看一盘效果图:


当你输入的内容字体多了他的背景就会变化,和社交软件聊天一样

实现起来很简单,需要Unity默认的Content Size Fitter 组件和Vertical Layout Group 组件即可,如图

上面GameObject是对话框图片背景,给她增加Content Size Fitter 组件和Vertical Layout Group 组件。

Content Size Fitter脚本有两个参数,是设置水平扩展还是垂直扩展,我选择的是垂直拉伸自适应,如文章开篇的效果图。

Vertical Layout Group 脚本是设置内边距的,这样让里面的文字看起来有边距,UI很好看。

Text也要挂载增加Content Size Fitter脚本,是水平拉伸还是垂直拉伸就看项目的实际需求了。

​但是看到实现的效果明显的字体模糊了,所以我们就要解决字体模糊。

😜字体模糊

其实显示文本相信很多人现在都在用Text Mesh Pro了,基本不会有字体模糊的问题。她可以做到无损放大,以及实现各种好看的美术精灵文字。

但我们讲的不是这个方式,而是一个小技巧

​​为了防止自己的项目没有影响,前提是:新创建个场景,进行试验。

你可以修改Text的宽高和Scale 来实现字体清晰(宽高扩大2倍,Scale缩小2倍,字体放大2倍)

解决之后,你还虚吗?

但是,又但是了,这个不适用于上面的聊天气泡,因为这个改变了字体组件的缩放,而聊天气泡自适应大小也会动态修改字体缩放,这就会导致互相冲突了,效果是乱的(字越多边缘越大)。

所以还是推荐TextMeshPro。

👉其他

📢作者:小空和小芝中的小空
📢转载说明:务必注明来源:https://zhima.blog.csdn.net/   https://juejin.cn/user/426576084
📢欢迎点赞👍收藏🌟留言📝

【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。