码迷,mamicode.com
首页 > 其他好文 > 详细

UGUI 字体背景长度自适应

时间:2017-07-07 18:15:07      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:技术分享   blog   自适应   添加   png   设置   lin   .com   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

技术分享

完工

 

效果如下图:

技术分享

技术分享

UGUI 字体背景长度自适应

标签:技术分享   blog   自适应   添加   png   设置   lin   .com   ugui   

原文地址:http://www.cnblogs.com/fws94/p/7133425.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!