zoukankan      html  css  js  c++  java
  • UIGrid+UIStretch的自适应

    http://www.cnblogs.com/zhaoqingqing/p/3891603.html

    如下图所示:一个Grid下面有六个Button,它们需要在不同的分辨下拉伸适应(Horizontal)宽度,以保证填充满底部

    image

    首先有这两个要点:

    1、UIGrid中的Cell Width是根据屏幕比例动态调整的

    2、NGUI的UICamera有一个onScreenResize 委托

    我的布局如下:

    1、首先Grid下有六个子Button,Grid的参数设置如下:Cell Width是根据我的图片的大小,这里设置个大概值就好,因为不同分辨率,我们需要动态调整这个值

    image image

    2、每个子Child即Button都绑定上UIStretch脚本,并把Style设置为Horizontal(水平),其中的Relative Size=1/6 ~=0.16667

    image

    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都可以完全填充底部区域。

    image image

  • 相关阅读:
    你喜欢使用eclipse+tomcat编程吗?!
    "ERR_GFX_D3D_INIT", GTA5-报错解决办法
    这样写JS的方式对吗?
    webui layout like desktop rich client
    2014年12月23日00:42:54——PS4
    2014年12月20日00:33:14-遮罩+进度条-extjs form.isvalid
    十分钟部署智能合约
    idea clion编译器
    parity 注记词
    go语言学习笔记
  • 原文地址:https://www.cnblogs.com/123ing/p/4037185.html
Copyright © 2011-2022 走看看