Unity聊天框功能，背景图片随文字大小而改变

最新推荐文章于 2024-08-13 18:43:20 发布
最新推荐文章于 2024-08-13 18:43:20 发布
阅读量4.2k 收藏 10
点赞数 1
分类专栏： Unity功能 文章标签： 聊天气泡 聊天框
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cuijiahao/article/details/124041263
版权

一、创建UI物体

新建一个Canvas，然后创建一个 Image，再在 Image 里面添加一个子物体 Text

如图

场景中效果

此时并没有设置任何参数。

二、添加组件

给 Image 添加两个组件 horizontal layout group，content size fitter

注意图中的设置参数，如下图：.

这时候，场景中的布局自动就变成了这样

三、运行

此时还没有写任何的代码，效果已经实现了，运行后，在编辑器中我们改变 Text 的文本的内容，可以看到，场景中，背景图片自动适应了文字的大小

 

Cuijiahao
关注
专栏目录
【Unity实战篇 】| Unity实现 文本框可以自适应大小，到达最大宽度之后再缩小字体
努力前行，总会成为自己心中的那道光
05-27 2万+
Unity实现 Text文本框可以自适应大小，到达最大宽度之后再缩小字体 需求：在文本框可以自适应大小拉伸的前提下，增加一个最大限制宽度，使其到达最大宽度后 再启用 Best Fit 实现自适应改变文字大小以适应文本框的大小。 在Unity中经常会用到文本组件的自适应大小功能，一般使用HorizontalLayoutGroup和ContentSizeFitter组件配合即可实现文本自适应的效果。
Photon Unity Networking 实时多人在线游戏开发解决方案
程序员光剑
08-08 1920
2019年，由英特尔、Facebook等公司联合举办的GDC大会上宣布了Unity Technologies将推出一个新品牌——Unity Game Development Platform(UGDP)。这个平台将包括对虚幻引擎4、Unreal Engine 4和原生Unity引擎的支持。支持Windows/Mac/Linux/IOS/Android完全免费，无论项目规模大小可扩展性强，可以支持百万级并发用户支持WebGL/HTML5/PWA可以快速部署到云端或本地服务器。
unity UI随着文字长度改变UGUI text的长度 C#获取字符串的英文长度。
qq_23154467的博客
12-13 1548
本文会为大家介绍关于UGUI的使用中，经常会用到的UI框的长度要随着文本长度变化的功能。 首先说下我的做法：  我制作了一个带有底色背景的文本框，类似途中这样的结构。 info是一个image infotext是一个文本框 将infotext的stretch固定。为四个点做锚点是为了上下左右都会改变的情况 下文只会介绍左右的例子，上下框改变同理计算即可得到。   下面贴出代码字段。...
Unity3d 制作聊天框
王广帅--游戏开发技术
11-04 3171
在使用Unity3d开发一个简易的聊天程序时，需要在客户端显示聊天记录列表，做为一个初学者，开发这个功能具然快用了两天了。最后通过调一个参数解决了。这里记录一下，希望对新手有所帮助。 最终的显示效果是这样的： 项目结构如图所示： 项目中的StartPanel是用来输入昵称和连接服务器用的，这里先不用管它。ChatPanel中实现了聊天历史列表记录和聊天消息的发送。 开发步骤如下所示： 添加Ch...
unity VR项目3DUI：人物头部旁“说话框”，功能：1.永远朝向相机 2.打字效果 3.UI不会被模型遮挡 4.切换位置 5.文字自动根据内容扩充
qq_37524903的博客
08-06 1287
仅适用于VRAR项目！需求：人物说话时：头旁边出现说话内容，且根据内容长短，以打字效果的方式，进行向下自动扩充，并且UI复用，可以多人物使用。功能：1.永远朝向相机2.打字效果3.UI不会被模型遮挡4.切换位置5.文字自动根据内容扩充好记性不如烂笔头！
Unity聊天对话框内容自适应宽高（无需代码辅助布局，不添加冗余组件）
capricorn1245的博客
09-10 3747
Unity聊天对话框内容自适应宽高（无需代码辅助布局，不添加冗余组件）
Unity中对话聊天界面
qq_43089545的博客
04-22 790
unity中对话界面
unity制作对话框
weixin_44302602的博客
01-15 4100
最近在准备计算机设计大赛的游戏方向的比赛，研究一些游戏中的游戏效果的实现 在我们平时玩的角色扮演的游戏中比如GTA等 其中少不了故事情节 不少是用对话框来表达的 这篇博客给大家介绍一下 简单的故事情节的讲述模式 一般的都时按下鼠标左键继续的 我的这个也一样 然后检测到鼠标左键的按下 进行下一步 而且用到打字机的效果实现 如果不清楚的可以去前面我的博客查看 因为添加了打字的效果 代码稍微麻烦一点 ...
unity自制对话框
m0_62556296的博客
02-10 1205
unity自制对话框（.png文件转化）
Unity中计算字体宽度及Text组件的自适应
Miss伊的博客
01-18 1820
【Unity】_【C#】_计算文字大小以动态改变Text的大小，示例为聊天形式
[Unity&UI&NGU][UGUI]如何新建一个像《守望先锋》消息的信息框
BuladeMian的博客，菜得抠脚，菜得真实
04-16 2198
使用Unity的NGUI，就必须用到UI 中的图片自己适应 文本的大小。 也就是说调整 文本的大小，或者是文本内的文字的行数，改变 对应的背景图片，使其填充。 新建 NGUI - Label，为1 新建 NGUI - Texture，为2。使得2为1的子对象。 调整Label 和 Texture 的大小，使其为自己期望的大小。 设置如下所示
unity3d游戏开发之聊天窗口
04-04
unity3d游戏开发之聊天窗口
Unity与C++网络游戏开发实战：基于VR、AI与分布式架构 【3.6】
qq_43416206的博客
05-06 1037
比如，一个300像素的物体，占用了1920分辨率屏幕的25％的百分之宽度，当把分辨率降低或者放大的时候，它所占用的宽度比依然相同，它会随着屏幕分辨率的改换而进行放大和缩小。（3）在Hierarchy中将刚才创建的对象添加到聊天ScrollView下面，成为子对象，并且调整相对的位置和UIPanel的显示效果，就可以完成静态功能的编辑了。UIButton是按钮组件，这是NGUI里面最重要，也是使用最多的一个控件，它处理了大部分的UI的单击事件，并且为系统的功能反应提供了最基本的入口。
Unity - Socket通信（多人聊天框）
最新发布
weixin_54859751的博客
08-13 504
1、新建C#项目，项目模板用WPF应用(.NET Framework)2、1）Button1——用来启动服务器2）Button2——用来刷新界面3）Lable——用来显示接收消息3、添加类——wangluo.cs。用于 1）创建服务器2）启动服务器3）接收访问4）接收信息4、添加信息协议类——MessageProtocol.cs，用于处理信息。
Unity微信聊天框界面制作
enternalstar的博客
10-13 9227
【原理】 一个聊天界面主要由三个部分组成：内容区、可见区、滑动条 可见区在内容区上边，内容区会随着聊天内容变得非常长，但只有位于可见区的部分才能被看见，其他区域的看不见。通过滑动条上下移动内容区，看见的内容发生变化。 【步骤】 新建一个UI->Panel，重命名为ChatPanel，添加Scroll Rect组件 在ChatPanel下新建一个UI->Panel，重命名为ViewPort,添加Mask组件 在ChatPanel下新建一个UI->Scrollbar，Directi
Unity3D的UGUI实现聊天背景长度自适应
Tel17610887670的博客
05-17 627
在游戏聊天框中，由于文字长度不同，导致聊天背景框的长度也会随之变化。为了实现背景长度的自适应，可以分为以下两步： 1，首先，对背景图片进行九宫格处理，防止拉伸的时候b
Unity3D-----聊天框的实现
Studious_S的博客
06-13 1604
NGUI实现聊天框一、功能二、实现三、注意 一、功能 用户输入信息并发送，上方聊天窗口显示信息。 二、实现 1、分别创建两个精灵Sprite和两个Label，Label各一个作为一个精灵的子类。 SpriteArea作为信息的输出域，SpriteInput作为信息的输入域。 2、分别给SpriteArea和SpriteInput添加Input Field Script组件，并将Label类型设置为各自的子类。 3、给SpriteArea加上Text list组件，并给SpriteInput加上Chat I
Unity 聊天室内容自适应
菜菜ANY的博客
01-26 2776
效果如下： using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class Chat02 : MonoBehaviour { public InputField chatInput; //消息输入框 public GameObject ChatTextArea; //消息预制体 public..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值