unity 聊天系统的文字背景自适应伸缩解决方案

最新推荐文章于 2024-09-23 17:45:58 发布
最新推荐文章于 2024-09-23 17:45:58 发布
阅读量2.7k 收藏 7
点赞数 2
分类专栏： Unity3D
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36304697/article/details/83755747
版权

大家在功能模块开发过程中早晚会接到聊天模块的开发，关于聊天文字背景的自适应问题，这里提供一个解决方案！下面看下实际效果：

在这个需求实现过程中，零代码实现，只需要在父物体（背景Img）上加上Vertical Layout Group  和Content Size Fitter 两个UGUI组件，背景图片就会根据text 的伸缩进行拉伸自适应。修改父物体的Pivot，来改变Image 的伸缩方向！

马虎熊
关注
专栏目录
Unity 3D 中的专业“术语表”。
缘&&缘 的博客
11-29 3513
这是unity手册中的内容。具体可以参考此链接：Unity 用户手册 (2019.4 LTS) - Unity 手册 目录 2D 术语 2D 物理术语 AI 术语 Analytics 术语 动画术语 资源术语 音频术语 核心术语 Editor 术语 一般术语 图形术语 光照术语 多人游戏术语 Package Manager 术语 物理术语 平台术语 脚本术语 服务术语 UI 术语 2D 术语 2D 对象 (2D Object)*： 2D 游戏对象，例如瓦片.
聊天气泡背景自适应内容宽度高度
09-07
聊天气泡背景自适应文字宽度，和高度， 随文字内容适应显示背景，简单简单简单简单的简单简单简单的的小demo
Unity 聊天列表文本内容自适应
xjm1018的博客
02-10 433
Unity 聊天列表文本内容自适应
Unity 中实现左右气泡的聊天效果
最新发布
nbspzs的专栏
09-23 655
在 Unity 中实现左右气泡的聊天效果，通常用于消息列表或聊天框界面，类似于微信、WhatsApp 等聊天应用的视觉风格。通过使用 ScrollView、Vertical Layout Group 以及动态生成的预制体，你可以轻松实现聊天气泡的左右布局效果。类似右侧的气泡预制体，创建另一个 UI Panel，设置 Text 为左对齐，并使用不同的背景图片（通常颜色不同以区分消息的发送者和接收者）。你可以为不同的消息类型创建不同的预制体，并通过条件判断生成不同的聊天气泡。// 右侧气泡预制体。
Unity TMPro实现文本框自动随文本内容伸缩
m0_73117967的博客
07-25 1647
主要用于给会变化的文本做一个背景板
【Unity3d每日一记】背景图随文本内容拉伸
PEACE
09-20 3550
Unity TextMeshPro文本存在背景框的问题研究
分享即学习
04-28 3254
在使用TextMeshPro的时候遇到了字体黑底的问题，类似下图这样当字体较大的时候表现正常，当缩小到一定程度就会出现黑底。这个情况让人第一时间就是怀疑SDF计算缩放的时候存在问题。在我们重新导出字体，调整图集字体大小以及Padding后，让SP/PD值差不多大于3%就能解决这个问题这个SP/PD就是Padding值/Samping Point SizeSP/PDby theincreasetheordecreasethePadding。
NGUI v3.12.0 Unity3D2017~2018
09-09
这意味着开发者可以充分利用这个时期的Unity引擎的性能和特性，同时享受到NGUI提供的专业UI解决方案。 2. **UI组件**： - **Widget**：NGUI的基础构建块，包括按钮、文本、图片等，这些都可以通过简单拖放操作进行...
unity3D GUI插件（NGUI+iGUI+EZGUI）
05-06
NGUI是Unity3D早期流行的一款GUI解决方案，由吴亚峰开发。它提供了一个基于图层的UI系统，允许开发者创建复杂的交互式用户界面。NGUI的主要特点包括： - **图层管理**：界面元素可以分配到不同的图层，便于控制...
Unity网络游戏的伺服端架构设计
随着Unity网络游戏的兴起，伺服端架构的设计变得异常重要。一个良好的伺服端架构能够提供可靠的性能和稳定性，保证玩家在游戏中的体验。同时，伺服端架构的设计也关系到游戏的发展和扩展能力，决定了游戏能否适应...
NGUI官方详解
02-07
### NGUI官方详解知识点 #### 一、NGUI概述及基础使用 **知识点1：NGUI简介** ...此外，针对特定问题（如中文显示），本指南也提供了解决方案和建议，帮助开发者克服实际开发过程中可能遇到的技术难题。
Unity中TextMeshPro的使用
Wu_0526的博客
01-11 5473
在Unity中有自带的Text组件，这个组件已经能够满足我们日常开发中绝大多数的开发字体显示需求了，我们为什么还要使用这个TextMeshPro组件呢？这是因为Text使用的是基于位图的渲染技术而TextMeshPro基于的则是SDF算法即基于网格的文本渲染技术，并且TextMeshPro相比于Text拥有更强的抗锯齿效果。并且TextMeshPro相比于Text组件来说能够支持更加丰富的显示类型，例如：超链接、富文本、文本描边、图文混排等等。
关于TextMeshPro(UI)的文本框自适应问题——个人菜鸟笔记
WinDivI的博客
09-28 2936
通过组件控制文本的文本框自适应文本大小，分为高度控制，宽度控制，垂直显示三种需求的制作方法
Unity 背景自适应文本内容
qq_52406653的博客
06-15 627
因为百度到的一些效果大部分都是用ContentSizeFitter和LayoutGroup实现的，效果是文本不换行它的宽度就会一直延长下去，或者是宽度不做自适应，而我是希望文本到达一定宽度就自动换行，效果像qq聊天消息那样。
Unity -UGUI中Text文本框的自动调整，字体大小的自适应调节
热门推荐
mo_qi_qi的博客
08-18 2万+
一.UGUI text框大小固定，里面字体大小随着文字增多逐渐变小的设置（很简单） 1.找到Text组件的Parageraph（段落）组件，在Horizontal Overflow和Vertical Overflow调整你想变化的轴 2.Best Fit的选项卡打开，默认是关闭的，设置最大和最小变化的字体大小。 以上即可完成固定输入框大小，字体变多，字体随着不断变小的情况了。 二.UGUI text框大小不固定，text框随着字数增加逐渐拉长但是字体的大小不变,无背景（需要用到Content S
UGUI对话框自适应
赖张殷-Eagle
12-29 2275
using UnityEngine; using System.Collections; public class WinAdaptiveComponent : MonoBehaviour { private float mReferenceWidth = 1334f; private float mReferenceHeight = 750f; /// ///
Unity聊天对话框内容自适应宽高（无需代码辅助布局，不添加冗余组件）
capricorn1245的博客
09-10 4093
Unity聊天对话框内容自适应宽高（无需代码辅助布局，不添加冗余组件）
Unity中根据字体的长度修改字体框和背景图width的大小
weixin_46122665的博客
08-20 1213
字体框的宽和背景图的宽自适应字体的长 即：改变字体的长度，显示字体的字体框的宽和背景图的宽也会跟着改变 注：脚本挂载在canvas的image下，字体Text是image的子物体 代码如下： using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; /// <summary> /// 根据字体的长度，背景图片的宽度和显示字体的宽度也会相...
Unity添加可拉伸的图片
newchenxf的专栏
07-29 2687
创建 首先，把图片放到Assets目录下（可以是Assets下的子目录）。 然后打开Unity，发现它非常敏捷的发现了图片，并在同一个生成了meta文件，但这我们不用关心，只要知道Unity发现了你的图片了。 这时候，在Project面板，选中刚才加的图片： 这时候，Inspector面板会显示图片信息。[Texture Type]从Default改为Sprite(2D and UI)。这代表图片可以作为2D UI切图了。 然后点击Sprite Editor，可以编辑图片。 出来的窗口如下： 共有四个
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值