unity -- 关于文字text和图片image等组件一起居中解决方案
2017-11-13 09:50
1001 查看
在实际的应用中,策划提到了一个要求,图片和文本一起居中,在unity中文本简单的居中很容易实现,但是文字加图片确实让我不知所措,在经过大神的指导后,做出了以下的解决方案。
将图片和文字放在一个节点下,在节点上加上组件Content Size Fitter和组件Horizontal
Layout Group,这两个组件,原理就是让文字的文本框随着字数增加而增加长度,父节点的宽度是根据所有子节点的宽度之和来决定的,这样就实现了文字和图片居中的要求。具体参数设置如下,参数意义看官方文档
将图片和文字放在一个节点下,在节点上加上组件Content Size Fitter和组件Horizontal
Layout Group,这两个组件,原理就是让文字的文本框随着字数增加而增加长度,父节点的宽度是根据所有子节点的宽度之和来决定的,这样就实现了文字和图片居中的要求。具体参数设置如下,参数意义看官方文档
相关文章推荐
- 带行间距的TextView,让文字和ImageSpan中的图片居中显示
- Android自定义控件TextView---之实现drawableLeft图片和文字一起居中
- Android TextView的drawLeft无法与文字一起居中解决方案
- android圆形图片,圆形背景文字的CircleTextImageView开源组件
- 让TextView中的图片和文字一起水平居中显示
- 图片文字的控件ImageTextControl
- Android控件之ImageSwitcher_图片切换和TextSwitcher_文字切换
- 自定义属性之LinearLayout ImageView TextView模拟图片文字按钮
- 自定义组件---图片和文字实现ImageButton效果
- CSS-同一个li下,图片和文字一起,如何使得全部垂直居中
- Generative Adversarial Text to Image Synthesis --- 根据文字描述生成对应的图片
- 【css】多行文字图片混排容器内垂直居中解决方案
- 关于 Unity UGUI 中修改 Mask 组件下 Image 等子节点组件的材质无效的问题
- Android自定义TextView实现文字图片居中显示
- TextView中的drawableleft图标不和文字一起居中
- CSS-同一个li下,图片和文字一起,如何使得全部垂直居中
- 重写Button实现图片drawableTop和文字一起居中
- 换行文字、图片水平垂直居中完美解决方案
- Android EditText组件drawableLeft属性设置的图片和hint设置的文字之间的距离
- 【UnityShader】设置Image组件图片透明四个方向透明渐变(Sprite原理相同)