unity3d UGUI中底图自适应文本size

简介: 支持多行文字,底图随着文字的长度变化而自适应大小,比如游戏中常见的聊天系统,信息中都会有一个信息的底图,底图会根据文字的长宽而发生变化,例如QQ聊天也是如此的功能,unity中UGUI实现完全不需要一句代码就可以实现,具体的看下面的截图,然后自己去做一下测试就好了测试效果.

支持多行文字,底图随着文字的长度变化而自适应大小,比如游戏中常见的聊天系统,信息中都会有一个信息的底图,底图会根据文字的长宽而发生变化,例如QQ聊天也是如此的功能,unity中UGUI实现完全不需要一句代码就可以实现,具体的看下面的截图,然后自己去做一下测试就好了

img_ae1cf7c0dcfce91d8121f22399bdc8de.gif
测试效果.gif

一:BG上面挂载下图相对应组件,设置即可,具体根据图的比例设置


img_ac2b66ee05f9ea99bd13d92e16c61b73.png
第一步.png

二:填充text内容,换行都可以自动适应


img_c5416ff6518fcd2e62f08483391c9dd2.png
第二部.png

背景随着item增加而增加与减少


img_ee54c6001fe5b9309755b574ff6b9b0d.png
图片.png

img_5926700b70d0e17970b604ffd4c07f32.png
图片.png

img_8d7c0394d7aee9581f04076e4cbf0e4b.png
图片.png

img_1ef6b5f29553ee53dd69b50c0e1c7072.png
图片.png
相关文章
|
9天前
|
图形学
Unity UGUI拖拽移动
本文介绍了两种UI拖拽实现方式:精准拖拽和克隆拖拽。精准拖拽通过计算鼠标点击点与UI中心的偏移量,使UI跟随鼠标移动,适用于需要精确控制的场景。代码中通过`IBeginDragHandler`、`IDragHandler`和`IEndDragHandler`接口实现拖拽逻辑。克隆拖拽则在拖拽时克隆一个UI对象,使其跟随鼠标移动,适合视觉效果需求较高的场景。代码中同样使用上述接口,并在拖拽结束时销毁克隆对象。具体实现可参考提供的代码示例。
|
9天前
|
图形学
Unity 获取鼠标位置下的UGUI或3D物体
本文总结了两种检测方法,分别用于UGUI和3D物体的检测。第一种方法`GetOverUIobj`专门用于检测鼠标悬停的UGUI元素,通过`GraphicRaycaster`实现。第二种方法`GetOverWordGameObject`则同时适用于UI和3D物体检测,利用`PhysicsRaycaster`进行射线检测。两者均返回悬停对象或null。
|
9天前
|
前端开发 图形学
unity UGUI跟随3D物体的坐标转换
在 Unity 中实现 UGUI 元素跟随 3D 物体,关键是将 3D 物体的世界坐标转换为屏幕或画布坐标。通过 Camera.WorldToScreenPoint 方法,可将 3D 物体位置映射到屏幕上,再更新 UGUI 元素的位置。代码示例展示了如何使用该方法,使 UGUI 图像跟随 3D 模型,并提供文字显示、图像和线条的显示/隐藏功能。
|
10天前
|
图形学
Unity UGUI实现鼠标拖动图片
在 Unity UGUI 中实现鼠标拖动图片功能,主要涉及事件检测、坐标转换和物体位置更新。根据鼠标移动量更新图片位置。代码示例展示了如何通过这些步骤实现拖动效果。
|
6月前
|
图形学
小功能⭐️Unity自动更改文本框高度,以显示全部文本
小功能⭐️Unity自动更改文本框高度,以显示全部文本
|
8月前
|
图形学
【unity小技巧】实现FPS武器的瞄准放大效果(UGUI实现反向遮罩,全屏遮挡,局部镂空效果)
【unity小技巧】实现FPS武器的瞄准放大效果(UGUI实现反向遮罩,全屏遮挡,局部镂空效果)
158 1
|
8月前
|
数据可视化 大数据 API
【推荐100个unity插件之22】基于UGUI的功能强大的简单易用的Unity数据可视化图表插件——XCharts3.0插件的使用
【推荐100个unity插件之22】基于UGUI的功能强大的简单易用的Unity数据可视化图表插件——XCharts3.0插件的使用
355 0
|
8月前
|
图形学
【unity小技巧】unity读excel配置表操作,excel转txt文本,并读取txt文本内容,实例说明
【unity小技巧】unity读excel配置表操作,excel转txt文本,并读取txt文本内容,实例说明
312 0
|
8月前
|
编解码 前端开发 Java
【推荐100个unity插件之12】UGUI的粒子效果(UI粒子)—— Particle Effect For UGUI (UI Particle)
【推荐100个unity插件之12】UGUI的粒子效果(UI粒子)—— Particle Effect For UGUI (UI Particle)
625 0
|
8月前
|
开发工具 图形学
【推荐100个unity插件之11】Shader实现UGUI的特效——UIEffect为 Unity UI 提供视觉效果组件
【推荐100个unity插件之11】Shader实现UGUI的特效——UIEffect为 Unity UI 提供视觉效果组件
644 0