UGUI ContentSizeFitter之Button根据Text自适应

简介:



环境

Unity3D 5.3.6f1

练习地址:https://github.com/zhaoqingqing/UGUIDemo  布局放在Layout文件夹

文档:https://docs.unity3d.com/Manual/script-ContentSizeFitter.html

button根据Text自适应

效果如下:Button的长度会根据Text的长度自动变化

button根据Text做适应

 

Button的设置如下:

image

1、添加HorizontalLayoutGroup,并设置Padding,就是左右两边的空白,因为我们是想让Button的长度(水平方向)做变化,所以我们添加Horizontal组件。

2、添加 ContentSizeFitter,这个组件的Horizontal Fit(水平适配)设置了PreferredSize(优先尺寸),当Text的PreferrdWidth发生改变之后,它就会改变Button的长度。

ContentSizeFitter

ContentSizeFitter的描述:The size is determined by the minimum or preferred sizes provided by layout element components on the Game Object. Such layout elements can be Image or Text components, layout groups, or a Layout Element component.

 

需要和Layout系列的组件结合使用


本文出自赵青青,原文链接:http://www.cnblogs.com/zhaoqingqing/p/6272502.html,如需转载请自行联系原作者

http://www.cnblogs.com/zhaoqingqing/p/6272502.html
相关文章
uni-app实现swiper滑动放大缩小、实现scroll-view与swiper双向联动
uni-app实现swiper滑动放大缩小、实现scroll-view与swiper双向联动
1499 0
|
4月前
|
小程序 容器
微信小程序常用组件的简单使用 view,scroll-view,swiper,swiper-item,text,rich-text,button,image
本文介绍了微信小程序中常用组件的使用方法,包括view、scroll-view、swiper与swiper-item、text与rich-text、button以及image组件。详细解释了各组件的功能、属性以及如何在小程序页面中进行使用。
微信小程序常用组件的简单使用 view,scroll-view,swiper,swiper-item,text,rich-text,button,image
|
8月前
el-dialog中内容自定义滚动条
el-dialog中内容自定义滚动条
229 0
|
8月前
|
JSON JavaScript 数据格式
【经验分享】如何使用scroll-view + swiper制作tabs导航条组件。
【经验分享】如何使用scroll-view + swiper制作tabs导航条组件。
83 6
|
8月前
el-carousel和el-image组合实现swiper左右滑动图片,点击某张图片放大预览的效果
el-carousel和el-image组合实现swiper左右滑动图片,点击某张图片放大预览的效果
element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住
element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住
481 1
layui设置textarea高度几种方式
layui设置textarea高度几种方式
388 0
element-ui框架的el-dialog弹出框被遮罩层遮挡问题
element-ui框架的el-dialog弹出框被遮罩层遮挡问题
593 0
|
前端开发 容器
layui框架实战案例(22):layui-tab-title的宽度自适应的解决方案
layui框架实战案例(22):layui-tab-title的宽度自适应的解决方案
492 0
|
小程序 前端开发 容器
【微信小程序】常用组件基本使用(view/scroll-view/swiper、text/rich-text、button/image)
【微信小程序】常用组件基本使用(view/scroll-view/swiper、text/rich-text、button/image)
259 0