Unity UGUI 文本背景图片自适应文字内容大小

最新推荐文章于 2023-03-02 12:10:07 发布
最新推荐文章于 2023-03-02 12:10:07 发布
阅读量5.3k 收藏 8
点赞数 4
分类专栏： unity3d UGUI 文章标签： unity UGUI uGui Unity3D
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30585525/article/details/107211477
版权

 untiy 学习讨论群 184386599

先创建一个Image然后在Image下创建一个text

在Image上设置对应的组件 选择对应的设置。 只是宽度的话就不用选择Height

设置text组件

此时会发现文本只能从中间开始扩展变化还需要设置一下父物体ImageBg

unity 2019可以自动更新,有的版本可能最后还需要在代码赋值文本的时候手动更新一下

LayoutRebuilder.ForceRebuildLayoutImmediate(rect);  // rect是父物体RectTransform组件

 untiy 学习讨论群 184386599

 

做做游戏而已
关注
  • 4
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
【Unity实战篇 】| Unity实现 文本框可以自适应大小，到达最大宽度之后再缩小字体
努力前行，总会成为自己心中的那道光
05-27 1万+
Unity实现 Text文本框可以自适应大小，到达最大宽度之后再缩小字体 需求：在文本框可以自适应大小拉伸的前提下，增加一个最大限制宽度，使其到达最大宽度后 再启用 Best Fit 实现自适应改变文字大小以适应文本框的大小。 在Unity中经常会用到文本组件的自适应大小功能，一般使用HorizontalLayoutGroup和ContentSizeFitter组件配合即可实现文本自适应的效果。
Unity-实现聊天气泡，即字体区域背景自适应
最新发布
2401_84002803的博客
04-12 713
实现起来很简单，需要unity默认的Content Size Fitter 和Vertical Layout Group 组件即可，如图上面GameObject是对话框图片背景，第一个脚本有两个参数，是设置水平扩展还是垂直扩展，我选择的是垂直拉伸自适应，如文章开篇的效果图，第二个脚本是设置内边距的，这样让里面的文字看起来很好看。Text也要挂载Content Size Fitter脚本，是水平拉伸还是垂直拉伸就看需求了注，这也引申出一个问题，可以看到文字显示非常模糊，为了让字体清晰，我做了处理（
unity3d UGUI中底图自适应文本size
weixin_34088598的博客
04-19 412
支持多行文字，底图随着文字的长度变化而自适应大小，比如游戏中常见的聊天系统，信息中都会有一个信息的底图，底图会根据文字的长宽而发生变化，例如QQ聊天也是如此的功能，unity中UGUI实现完全不需要一句代码就可以实现，具体的看下面的截图，然后自己去做一下测试就好了 测试效果.gif 一：BG上面挂...
Unity——Text背景
weixin_43891047的博客
02-01 680
类似于文本下划线的实现方式，实现为Text增加等长背景，支持换行
UnityUGUIText根据内容自适应（滑动框、图标跟随）
weixin_44250118的博客
07-22 2213
一.icon图标跟随在文字前面随文本长短而移动位置 1.Text组件GameObject添加Content Size Fitter组件控制文本框大小随内容而变化 2.把图标放到子物体位置，Rect Transform 中的Pivot设置为1,0.5 调整好位置即可 3.上、下或者右边同理。文本扩展方向以及位置通过改变 和Rect Transform 中的Pivot设置 二.Scroll View滑动框大小随文字改变 比如竖直排列 1.文本框上添加Content Size Fitter..
[Unity实战] UGUI 背景框（图片）尺寸自适应内容（图片、按钮、文字等）
qq_21407523的博客
09-18 2361
第一次发布时间：2020-09-18 修改时间： UGUI 背景框尺寸自适应内容一、引言二、研究方法与过程2.1 关键技术2.2 功能模块2.3 数据结构2.4 关键代码三、研究结论和成果四、收获和体会 一、引言 在制作工会系统时，点击公会成员，会跳出管理按钮的窗口，根据成员在公会中不同的职位具有不同的权限，会长拥有所有权限，副会长拥有部分权限，普通成员只有少部分权限。直观的显示在UI界面上，是管理窗口的按钮数量不同，这时候就需要根据不同权限隐藏显示不同的按钮。 需要不适用代码来控制尺寸，完全使用UGUI自
UGUI自定义组件之Image根据Text大小自动调整
weixin_33719619的博客
07-06 512
需求分析 在之前的文章中，介绍到可以使用UGUI自带的ContentSizeFitter组件，进行Button根据Text的长度自适应， UGUI ContentSizeFitter之Button根据Text自适应 但它有个限制：Text需要作为Button（Image）的子节点 因为ContentSizeFitter的计算是根据Child的实际宽度进行动态调整的   今天我写的这个组件...
【UGUI】UGUI 文字背景根据文字大小自适应
阿黄的博客
09-13 8709
在使用UGUI 的时候经常会做文字的适配，就是当文字字数超出文本以后让文本随字体的数量增加而加长或加宽，当有背景去做适配的时候如何去做呢？ 道理是一样的 在text + contentSizeFitter 组件 然后根据文本最后的高度去对背景进行赋值，理论上 这很简单。 text.preferredHeight 但是 在项目中遇到了一个问题，就是当理想高度不准确的时候，怎么做？
Unity 文字背景的宽高适应文字内容
qq_41041725的博客
08-05 526
在游戏中经常要用到的ui功能，有一个Text文本，同时文本有一个背景，当文本变动时，背景的大小也会变动 首先transfrom的关系如下图 请添加图片描述 bg就是背景图image就是右下角的标签，line图中一条线，des就是text文本。 des的Insprctor结构 然后是bg的Insprctor结构 在unity编辑器中更改des的文本内容，背景也会改变。 细心的人会发现有时候改变des内容，bg框大小不会改变，我们点击一下Hierarchy视图中的bg就大小改变了，这是因为cintensi
【unity】基础交互入门（无代码实现自动文字背景）
灵境引路人
03-02 728
【unity】基础交互入门（无代码实现自动文字背景）
unity ugui图片自适应文字内容大小
没钱装电脑的程序猿
11-07 5202
本文转摘自博客园： 倾城之叹 1、（UI提示框与文字） Unity Text组件需要与Image组件自适应新建如图的UI物体 如图为Image的RectTransform中设置Pivot（中心点），如果需要向上向左适应，则将中心点设置在Image的右下方，并添加Content Size Fitter 组件（放在父物体上，可以根据子物体的大小来控制父物体的大小），添加Horizonta
TextMeshProUGUI自动宽度（达到最宽后自动换行）
06-06
TextMeshProUGUI自动宽度（达到最宽后自动换行） 1. 以父节点宽度为最大宽度，超出自动换行 2. 背景图也自动与text一同变化 3. 设置父节点Pivot控制换行方向 4. 设置Bg上的VerticalLayoutGroup Padding 微调背景图宽高 5.效果预览：https://blog.csdn.net/qq_26318597/article/details/131072058
Unity UGUI组件 InputField 根本文本内容自适应大小
03-26
下载完是一个C#脚本 直接挂到带有InputFeild组件的Obj上就行 Obj的RectTransform min.x max.x pivot.x 都 设置为0
Unity UGUI 性能优化 示例工程
02-24
Unity UGUI（Unity User Graphic Interface）是Unity引擎内置的图形用户界面系统，它为开发者提供了构建现代、高效的游戏和应用界面的工具。本示例工程专注于Unity UGUI的性能优化，帮助开发者在创建复杂的UI时避免...
Unity UGUI 滚动列表
02-14
通过组合使用其它UI元素，如RectTransform（RectTransform变形）和Content Size Fitter（内容大小适配器），我们可以实现自适应内容大小的滚动列表。 创建滚动列表时，首先要在场景中添加一个Canvas，它是所有UI...
Unity UGUI教程.rar
06-30
UGUI是Unity 4.6版本引入的新特性，它为开发者提供了一个强大、灵活且高性能的2D图形界面系统，用于构建游戏、应用和其他交互式内容的界面。 该教程可能包括以下几个方面的内容： 1. **UGUI基础知识**：讲解UGI的...
Unity_UGUI_无限循环列表_多功能版 ScrollView组件的多种用法
06-04
这些元素可以是图片、文本或其他UI元素，它们将在ScrollView中显示。 2. 创建预制体：为列表中的每个元素创建一个预制体，预制体中包含了一个完整的UI元素布局。这样，当需要添加新的元素时，可以直接克隆预制体。 ...
Unity UI 文字背景自适应
weixin_43842987的博客
07-06 690
（用于背景图片原始尺寸就过大的情况） 层级关系 1.PyImage上增加ContentSizeFitter组件（根据横向还是纵向扩展将对应的参数改为 MinSize），并且将锚点修改为（0，1），增加（纵向扩展）Vertical LayoutGroup组件，同时将imageType修改为Sliced格式 2.在文本组件中添加 Layout Element 组件，并调节最小高度（Min Height）为你需要的高度即可 ...
Unity基础：图片根据文字内容自适应大小（ContentSizeFitter的使用小技巧）
Fay_Fey'S Blog
03-13 3410
1、方案一PS：原理，父物体通过自适应文字内容来改变大小，Image图片根据父物体的大小改变自身大小，然后根据UI层级关系在最新层显示Text的文本内容，以达到背景图片根据文字内容自适应，并且文字显示在背景图片的上面2、方案二父物体为背景图，子物体为文本内容，最终效果：当文本内容增加时，改变Vertical Fit...
unity中ugui分辨率自适应
05-22
在Unity中，可以使用UGUI的Canvas Scaler组件来实现UI元素的自适应。Canvas Scaler组件提供了不同的模式来适应不同的屏幕分辨率。 首先，在Unity中创建一个Canvas对象，并将Canvas Scaler组件添加到该对象上。在Canvas Scaler组件中，可以选择以下三种模式之一： 1. Constant Pixel Size：这种模式下，UI元素的大小将保持不变，无论屏幕分辨率如何变化。 2. Scale With Screen Size：这种模式下，UI元素的大小将根据屏幕分辨率进行缩放。可以设置一个参考分辨率，例如1920x1080，然后根据当前屏幕分辨率的比例来缩放UI元素。 3. Constant Physical Size：这种模式下，UI元素的大小将根据屏幕的物理尺寸进行缩放。可以设置屏幕的物理尺寸和参考分辨率，然后根据当前屏幕的物理尺寸和分辨率来缩放UI元素。 可以根据项目的需求选择最合适的模式，实现UI元素的自适应。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值