Unity-实现聊天气泡，即字体区域背景自适应

先上一盘效果图

字体多了他就会变化

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

上面GameObject是对话框图片背景，第一个脚本有两个参数，是设置水平扩展还是垂直扩展，我选择的是垂直拉伸自适应，如文章开篇的效果图，第二个脚本是设置内边距的，这样让里面的文字看起来很好看。

Text也要挂载Content Size Fitter脚本，是水平拉伸还是垂直拉伸就看需求了

注，这也引申出一个问题，可以看到文字显示非常模糊，为了让字体清晰，我做了处理（Unity-Ugui Text字体模糊），但是这也带来了问题，会导致边缘每添加一行字就不断扩大。

字是清晰了，但是又不美感了；

解决方法就是使用Text Mesh Pro

Unity-实现聊天气泡，即字体区域背景自适应相关推荐

swing 聊天气泡背景_Java Swing中的聊天气泡
swing 聊天气泡背景本文将向您解释"如何在Java swing应用程序中绘制聊天气泡?" 聊天气泡与呼出或提示气泡相同. 今天,大多数聊天应用程序都以这种格式显示转换,因此本 ...
android 聊天气泡背景图片,聊天气泡背景图片拉伸设置
以前一直对类似聊天气泡背景图片拉伸的设置纠结,不管如何设置UIEdgeInsets属性都不能正常设置,今天对以下几种情况进行了总结,如有需要的同学可进行参考: 说明: /** 1.UIEdgeInse ...
android气泡组件,Android 聊天气泡
网上搜到的只有一篇是自定义的TextView,其使用比较麻烦,所以采用大众化的方法--使用9.png来实现. 这里主要介绍sdk tool的draw9patch.bat的使用. 这个bat执行文件打开 ...
聊天气泡图片的动态拉伸、适配与镜像
聊天气泡图片的动态拉伸.适配与镜像前情提要创建.9.png格式的图片从资源文件夹加载.9.png图片从本地文件加载".9.png"图片项目痛点进阶探索 iOS中的方式 ...
在Android Studio如何制作聊天气泡
在Android Studio如何制作一个聊天气泡最近在学习移动编程开发,利用Android Studio编写代码.作为初学者,多多少少会有点难. 在开发的过程中,遇到了很多的困难,而 ...
Android点9图机制及在聊天气泡中的应用
点九图简介 Android为了使用同一张图作为不同数量文字的背景,设计了一种可以指定区域拉伸的图片格式".9.png",这种图片格式就是点九图. 注意:这种图片格式只能被使用于An ...
Android 点九图机制讲解及在聊天气泡中的应用
点九图简介 Android为了使用同一张图作为不同数量文字的背景,设计了一种可以指定区域拉伸的图片格式".9.png",这种图片格式就是点九图. 注意:这种图片格式只能被使用于An ...
CSS3实现自适应的聊天气泡
边框图片功能:将图片规定为包围 div 元素的边框 a) 定义和用法: border-image 属性是一个简写属性,用于设置以下属性 border-image-source border-imag ...
android .9图片在代码中的设置,Android点九图总结以及在聊天气泡中的使用
编辑推荐: 本文来自于腾讯云,介绍了点九图的本质,聊天气泡中使用点九图,其它问题等. 1. 点九图介绍这一块是对点九图的简单介绍,如果对这块已经有了解的话,可以直接跳到2,看看聊天气泡中如何使用点九 ...

Unity-实现聊天气泡，即字体区域背景自适应

Unity-实现聊天气泡，即字体区域背景自适应相关推荐

最新文章

热门文章