unity 多个背景图随文本宽度自适应，且各背景图间距不变

最新推荐文章于 2022-08-02 15:44:49 发布
最新推荐文章于 2022-08-02 15:44:49 发布
阅读量652 收藏 1
点赞数
分类专栏： unity UI 文章标签： unity3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37898899/article/details/109615067
版权

问题出现原因：文本本地化时，通常会出现各种语言溢出背景的现象。

解决办法：

1⃣️三个button公用一个空物体为父物体，并在父物体上挂Horizontal Layout Group，设置间距。

2⃣️在每个Button上再挂一个Horizontal Layout Group，设置子物体Text的左右间距。

 

以下是官方的Horizontal Layout Group的解释：

Horizontal Layout Group

The Horizontal Layout Group component places its child layout elements next to each other, side by side. Their widths are de

最低0.47元/天 解锁文章
呆呆绒
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
阴影背景随着文字的宽度自适应
CherryTchen的专栏
09-04 1626
要求：如下图所示，阴影背景随着文字的宽度自适应
Unity中怎么使背景自适应文本UGUI
最新发布
ljw0723的博客
06-15 238
3.给背景图片添加ContentSizeFitter和HorizontalLayoutGroup组件并设置参数。2.给这个背景image添加子物体Text。1.创建一个背景Image。
Unity3d 解决文字超出文本框范围
无涯
12-19 1万+
有时文本框中的文字过多会超出文本框的显示范围，影响显示效果。曾经尝试改变字体大小，倒是差强人意。但是，跟整体的风格就不一致了！百度了一下没有找到结果，还是google给力，一个链接就搞定了！ Unity3d本身就已经为我们考虑到了这个问题，并且提供了两种解决方案。http://docs.unity3d.com/Documentation/ScriptReference/GUIStyle-clip
Unity聊天框功能，背景图片随文字大小而改变
cuijiahao的专栏
04-08 4282
一、创建UI物体 新建一个Canvas，然后创建一个 Image，再在 Image 里面添加一个子物体 Text 如图 场景中效果 此时并没有设置任何参数。 二、添加组件 给 Image 添加两个组件 horizontal layout group，content size fitter 注意图中的设置参数，如下图：. 这时候，场景中的布局自动就变成了这样 三、运行 此时还没有写任何的代码，效果已经实现了，运行后，在编辑器中我们改变 Text 的文本的内容，可以看到，场景
随笔-UGUI中LayoutGroup来自适应长度图片长度
zhangchong5522的博客
08-02 267
文字外框自适应长度
Unity基础篇：Unity2D图集（1）：Unity自动裁剪（Slice）图片无效的解决办法。
热门推荐
设计师养成记
07-15 1万+
在设计2D游戏的时候，我们往往需要对一个图集进行剪裁来制作动画，但是，有时候Unity的Automatic Slice不能剪裁，得到的仍然是一张图片，而不是我们想要的一个个分割好的图集。 举个例子。 我想把这张图裁成一个个的小图，首先要把Inspector面板的Sprite模式选为Multiple，然后点击Sprite Editor 我们点击Slice，可是他还是一张整图，我重装...
Unity3D 图集分割
孤鸢的分享之旅
09-07 6070
转载请注明出处：http://blog.csdn.net/hongyouwei/article/details/45011315）在我们找资源的时候，有时候会遇到那种把一堆图片放进一张png图片里面的情况，在做2D游戏的时候，我们往往需要将里面的一块块小图片切割出来使用，那么问题就来了，怎么切割呢，现在我们提供一张小图片（注意了，一般Unity里面要求的图片宽高最好是4的整数倍比如128*128），
Unity 做一个提示框，背景图片随文字改变大小
熊思雨的博客
03-24 7138
实现这个功能并不是特别难，我这里主要用了两个布局组件：horizontal layout group，content size fitter，下面是这两个组件的介绍。Unity 的 Horizontal Layout Group（水平布局组）是 Unity 引擎中的一个 UI 布局组件。它用于在水平方向上自动排列其子对象，使它们按照一定的规则进行对齐和布局。Horizontal Layout Group 可以通过 Unity 的编辑器界面进行配置，也可以通过脚本进行动态设置。
关于Unity中OnGUI()的简单使用
weixin_30797027的博客
09-10 2559
有时候想要输出一些数据到屏幕上方便查看，新建一个UI对象又挺麻烦，用OnGUI()在屏幕上直接绘制UI比较方便。 GUI.Label(new Rect(100, 100, 200, 80), “aaa", style); 这条语句在屏幕中绘制了一个Label，第一个参数给出了位置和大小，第二个参数是要显示的内容，第三个参数可以省略，是所绘制Label的样式。 GUI.Label(...
unity Image 自适应 Text 大小
u012338130的专栏
12-04 1232
新建一个 Image , 新建一个 Text 作为 Image 的子节点
Unity的自动布局
Hunger's Blog
09-15 1917
Unity的自动布局系统（Auto Layout）基于布局元素（Layout Element）和布局控制器（Layout Controller）来实现，布局元素的大小由布局控制器决定。 Layout Element 一个布局元素定义了以下的属性： （Minimum）最小宽/高 （Preferred）首选宽/高 （Flexible）可选宽/高 ...
unity3d UGUI中底图自适应文本size
weixin_34088598的博客
04-19 419
支持多行文字，底图随着文字的长度变化而自适应大小，比如游戏中常见的聊天系统，信息中都会有一个信息的底图，底图会根据文字的长宽而发生变化，例如QQ聊天也是如此的功能，unity中UGUI实现完全不需要一句代码就可以实现，具体的看下面的截图，然后自己去做一下测试就好了 测试效果.gif 一：BG上面挂...
Unity-自适应弹窗（根据文字长度改变Toast）
Le_Sam的博客
11-16 1729
 方式一： IEnumerator DelayHideToast(Text text) { CharacterInfo info = new CharacterInfo(); text.font.RequestCharactersInTexture(text.text, 30); int allTextWidth = 0; ...
UGUI 的text根据文本内容自适应显示宽度
R873112的博客
08-09 1041
可以加个content size fitter组件，那他就会自己适应长度了，其他锚点之类的设置好就不用自己算大小了 转载于:https://www.cnblogs.com/feiyanstudio/articles/7326343.html...
Unity UGUI（十三）Vertical Layout Group与Horizontal Layout Group
JPF29
03-05 1万+
Vertical Layout Group 垂直布局 游戏物体层级如图： 初始效果如图： 为Image添加组件Vertical Layout Group： 效果为： Padding 填充 控制上下左右间距 Spacing 间距 子物体之间间距 Child Alignment 子级对齐 子物体对其方式 Child Con...
unity中全屏背景图缩放
07-15 384
1 using UnityEngine; 2 using System.Collections; 3 4 public class BgPicScript : MonoBehaviour { 5 6 // Use this for initialization 7 public UITexture bg; 8 void Sta...
UGUI的image跟随text长度自适应
qq_41794226的博客
03-21 3506
效果如下，图片会根据text的长度来改变 图片上的组件如下。 1、添加HorizontalLayoutGroup，并设置Padding，就是左右两边的空白，因为我们是想让Button的长度（水平方向）做变化，所以我们添加Horizontal组件。 2、添加 ContentSizeFitter，这个组件的Horizontal Fit（水平适配）设置了PreferredSize(优先尺寸)，当Text...
HorizontalLayoutGroup用法
qq_39642486的博客
03-07 1486
HorizontalLayoutGroup用法 1.Padding: 这个参数不用多说，Left/Right/Top/Bottom 参数值大于0，向内收缩，展示内容区域变小；参数值小于0，向外扩展，展示内容区域变大。变大变小多少由参数控制。 2.Spacing: 排列的两个item之间的距离。 3.Child Alignment: 对齐方式。 4.Control Child Size: 通常与Child Force Expand 配合使用，单独勾选这个参数的Width或者Height而不勾选Child Fo
Unity Online Maps v3.7：多功能地图解决方案
"Online Maps v3.7 是一个适用于Unity的多平台地图解决方案，支持2D、3D、AR/VR和移动应用，提供全面的自定义选项和强大的功能。它兼容Unity 2017.4 LTS及更高版本，并适应各种渲染管线，如标准RP、URP和HDRP。此...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值