UGUI自定义组件之Image根据Text大小自动调整
2017-07-06 10:07
204 查看
需求分析
在之前的文章中,介绍到可以使用UGUI自带的ContentSizeFitter组件,进行Button根据Text的长度自适应, UGUI ContentSizeFitter之Button根据Text自适应但它有个限制:Text需要作为Button(Image)的子节点
因为ContentSizeFitter的计算是根据Child的实际宽度进行动态调整的
今天我写的这个组件原理是一样的,不过它不需要Text作为Image的子节点
实现效果
搭建步骤
1、创建一个Image和Text,他们可以是平级的,如下所示:2、给Image添加ImageFitterText组件
TargetText:要根据Text的大小自动适应,这里把上面的Text赋值给TargetText
Size Offset:x表示左右 ,y表示上下 ,值表示空白值,就是说图片比Text大多少A
Adjuest Text Setting:对Text使用建议的设置,主要是修改Text的TextAlign为水平上下居中
Exceute:在Editor下修改完组件属性值时,点击它可以及时看到效果
3、修改Text的值,就可以实时查看到效果
组件源码
组件:https://github.com/zhaoqingqing/UGUIDemo/blob/master/Assets/Components/ImageFitterText.csDemo:https://github.com/zhaoqingqing/UGUIDemo/tree/master/Assets/Components/Demo/ImageFitterText
相关文章推荐
- android 字符串根据textview宽度 自动调整自身大小
- Android自定义控件之自定义Text,令控件中的字根据控件高度自动调整大小-FenGKun
- android开发 textview根据字数长度自动调整字体大小
- Android自定义控件之自定义EditText,令控件中的字根据控件高度自动调整大小-FenGKun
- AutoFitTextView-根据文本内容自动调整字体大小的TextView
- showModalDialog根据内容自动调整窗口大小
- 根据内容自动调整弹出窗口大小的JS解决方案
- 根据控件大小自动调整字体大小方法(C#)
- 根据窗口大小自动调整元素大小
- 根据内容自动调整弹出窗口大小的JS解决方案
- 窗口根据屏幕分辨率自动调整大小
- powerbuilder 中使用flash,flash无法根据窗口的大小自动调整
- 窗口根据屏幕分辨率自动调整大小
- 根据内容自动调整弹出窗口大小的JS解决方案
- textbox控件会根据里面显示的文字行数自动调整自己的大小
- 笔记:把界面上静态文本控件的尺寸根据文本的内容自动调整大小
- COM组件开发实践(七)---多线程ActiveX控件和自动调整ActiveX控件大小(上)
- 根据内容自动调整弹出窗口大小的JS解决方案
- HTML Image Auto Resize, HTML图片大小自动调整
- 根据内容自动调整弹出窗口大小的JS解决方案 选择自 WeekZero 的 Blog