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

  • 相关阅读:
    四十一.redis主从复制 RDB/AOF持久化 数据类型
    四十.创建Redis集群 管理集群
    三十九.NoSQL概述 部署Redis服务 、 部署LNMP+Redis
    三十八. 分库分表概述 配置mycat
    520D
    442C
    LA4788
    LA3276
    LA4122
    zoj3478
  • 原文地址:https://www.cnblogs.com/123ing/p/4037185.html
Copyright © 2011-2022 走看看