UGUI 字体背景长度自适应

本文实现以下需求：

在UGUI中

Text为动态添加

要使Text字体背景随着Text的长度而变化

之前还在赞叹UGUI的强大

转念一想，UGUI中好像没有可以实现此功能的组件

也想出了一种办法

把背景作为字体的子物体

不过后来想了想

由于UGUI的渲染顺序

字体背景就会遮住字体

故此想法是否定的

仔细了解了一下后

UGUI确实可以实现此功能

首先

字体为子物体，背景图片为父物体是一定的

然后

要使得长度变化

就得在背景图片（父物体）添加组件

Content Size Fitter

Horizontal Fit 设置为Preferred Size

最后

再在背景图片添加组件

Horizontal Layout Group

Child Alignment设为Middle Center

并勾选组件上的Control Child Size的Width

完工

效果如下图：

时间： 2024-11-05 02:56:40

UGUI 字体背景长度自适应的相关文章

背景图片自适应分辨率浏览器大小自动拉伸全屏代码

<div id="web_bg" style="position:absolute; width:100%; height:100%; z-index:-1"> <img style="position:fixed;" src="http://a.lanyes.org/bg1.jpg" height="100%" width="100%" /> </div&

Android 前后两个textview 前面的一个长度自适应的解决方案

需求: 现在有水平的两个textView,前面的textView长度不固定,且要求后面的textView紧贴前面的,当前面的长度过长时显示省略号,后面的textView紧贴最右边且要全部显示. 解决: <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/ll_anniversary_tab_nam

基于html5背景图片自适应代码

基于html5背景图片自适应代码是一款背景不随滚动条滚动,会根据分辨率不同自动匹配对应的背景图片.效果图如下: 在线预览源码下载实现的代码. css代码: .jawbone-hero .jawbone-hero-image { position:absolute; background:transparent none no-repeat scroll 50% 0; background-size:cover; top:0; bottom:0; left:0; right:0; widt

div背景图片自适应

在为文莱的一个天气预报网站做页面,突然遇到一个问题,就是需要div的背景图片自适应屏幕大小,网上找了好久,chrome都无效,最后找到了一个,说要这么写 .product_wx { background:url('../images2/bgd_1.jpg'); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'); -moz-background-size:100% 100%; backgr

酷炫字体背景图的实现——神奇的background-clip: text

愉快的时光总是飞快,七天小长假已接近尾声,抓住假期的尾巴,再学个新知识点--css的background-clip: text属性...会不会有种陌生的感觉,毕竟在我们的印象里,background-clip只有padding-box.border-box.content-box三个属性,这个text是个什么鬼???没用过没关系,今天就来看看它用什么妙用... background-clip的定义:规定背景的绘制区域:简而言之,background-clip就是规定background-colo

改变静态编辑框static text背景色,字体设置及字体背景

IDC_ShowTime为编辑框ID m_showtime为静态编辑框的变量 1.dlg.h中 CBrush m_showtimeBrush; CFont m_editFont;//字体 2.OnInitDialog()中 m_showtimeBrush.CreateSolidBrush(RGB(204,0,204)); ///编辑框背景颜色 CEdit *m_EditAa=(CEdit *)GetDlgItem(IDC_ShowTime); //IDC_ShowTime为编辑框ID

代码字体&背景

[字体]14磅 Consolas(正在用),Menlo,Monaco [IDEA修改背景色] editor- colors&font -general- default text 把background勾上,然后设置喜欢的颜色就好了. 设置编辑器背景色:file > settings > Editor > General > Default text 对眼睛有益的RGB数值分别是(199,237,204) 色调(Hue)84.饱和度(Sat)91.亮度(Lum)205. 对

NGUI 背景图自适应

背景图UISprite组件调整如下: UIRoot设置: 不保持比例自适应: 保持宽与屏幕宽一致,高度随宽的缩放比例进行缩放:

关于unity3dGUI（uGUI）的一些自适应的收获，在这里跟大家分享一下

假设大家要转载这篇文章,请注明出处.本人名字叫赖张殷,博客地址为http://my.csdn.net/?c=674f97f953e5dbfdba9fefaa3d1fcbe1 //2017年5月12日改动.添加链接原文链接:mod=viewthread&tid=103675&pid=1433481&page=1&extra=page%3D1#pid1433481">http://www.manew.com/forum.php? mod=viewthread&