自适应需求
如下图所示:一个Grid下面有六个Button,它们需要在不同的分辨下拉伸适应(Horizontal)宽度,以保证填充满底部
要点分析
首先有这两个要点
1、UIGrid中的Cell Width是根据屏幕比例动态调整的
2、NGUI的UICamera有一个onScreenResize 委托
自适应方法
我的布局
1、首先Grid下有六个子Button,Grid的参数设置如下:Cell Width是根据我的图片的大小,这里设置个大概值就好,因为不同分辨率,我们需要动态调整这个值
2、每个子Child即Button都绑定上UIStretch脚本,并把Style设置为Horizontal(水平),其中的Relative Size=1/6 ~=0.16667
测试代码
3、绑定GridTest脚本在Grid上:
using UnityEngine; using System.Collections; public class GridTest : CUIBase { UIGrid btnsGrid; // Use this for initialization void Start() { btnsGrid = (UIGrid)GetControl<UIGrid>("BtnsGrid"); UIWidget _widget = GetControl<UIWidget>("BtnsGrid/Btn01HomeBtn"); btnsGrid.cellWidth = _widget.width; btnsGrid.Reposition(); UICamera.onScreenResize += ScreenSizeChanged; } // Update is called once per frame void Update() { } void ScreenSizeChanged() { UIWidget _widget = GetControl<UIWidget>("BtnsGrid/Btn01HomeBtn"); btnsGrid.cellWidth = _widget.width; btnsGrid.Reposition();//Grid重新进行排序 CBase.Log("size change"); } }
效果预览
4、点击Play,修改屏幕分辨率,我们可以看到在不同的分辨下,这六个Button都可以完全填充底部区域。
本文转自赵青青博客园博客,原文链接:http://www.cnblogs.com/zhaoqingqing/p/3891603.html,如需转载请自行联系原作者