图片匹配字体长度及左右延伸的教程 VR资源

仅为年时 2017-09-15 15:18:02
UGUI真的很好用。


有一个物体显示UI气泡的需求,气泡里字的数目不定,又不能够遮挡标记的flag图标,所以只能向右自动延伸。


然后有了这个需求,但是怎么做呢?


瞎搞了好久,网上查到UGUI有一个组件可用,所以就记录下来。


首先是建两个image,一个text,如图的排列格式:


 



然后在两个Image的详细面板上添加组件,一个叫做ContentSizeFitter的组件,如图,并设置HorizontalFit为PreferredSize


 



然后再添加一个HorizontalLayoutGroup的组件,如图


 



现在大家可以在Text中输入字体测试一下,会发现图片可以自动适应字的长度了。


但是我们的需求是自动向右延伸


所以我们就需要来设置我们的锚点,也就是这个中心点,如图:


 



图中圈出的两个地方,首先切换到上面的Pivot的模式,然后就可以拖动下面的那个小圈圈了,把它拖到图片的最左边就可以了。


UGUI小技巧。
99VR视界二维码
热门推荐
Hot Recommended
在线客服