Unity GUILayout（界面布局）_unity guilayout.button 设置位置

作者：从前慢现在也慢 | 2024-02-21 09:15:06

踩

unity guilayout.button 设置位置

学习资料：《Unity 3D游戏开发》宣雨松

在跨平台游戏界面设定的时候，最麻烦的估计就是得匹配个个游戏平台的分辨率。甚至相同的平台也会有不同的分辨率。这无疑很浪费时间和精力。因此，在设计游戏界面的时候，千万不要使用绝对坐标。不然当分辨率发生变化后，就得重新计算坐标。

为此GUI提出一个游戏布局的概念，并且在布局中的所有坐标都是相对坐标。这有利于跨平台实现。

GUI与GUILayout的区别：

在GUI中，控件的显示区域是通过rect（）方法来实现，这样设置非常不灵活，因为这样的坐标大小就固定死了，如果控件中的显示内容发生改变，就会影响显示效果。

是用GUILayout无需设定显示区域，系统会自动帮我们计算控件显示区域，并保证不重叠和影响里面的显示效果。在前面几篇博文介绍的控件都是可以用GUILayout来实现的。

为了更好的区别这两种布局，接下来，分别用GUILayout和GUI来实现两个按钮。代码如下：

[javascript]view plaincopy 
   
 var addStr :String = "添加测试字符串";  
   
 function OnGUI ()   
 {  
     //普通GUI按钮  
    if(GUI.Button (Rect (50,50,120,40), addStr))  
    {  
         addStr +=addStr;  
     }   
     //界面布局按钮  
    if(GUILayout.Button (addStr))  
    {  
         addStr +=addStr;  
     }   
       
 }  

点击按钮，里面的文字会增加，GUI的很快就超出边框，GUILayout随着文字的增加而自增。

既然GUILayout不需要使用rect（）方法设定控件的显示区域，那它是怎么设定控件的显示区域咧？

那就是用GUILayoutOption，它可以直接设置某控件的宽度和高度等相关的参数，在使用GUILayoutOption设置布局时，无须考虑控件与控件的坐标是否会重叠。GUILayout会自动帮我们把所有控件以线性的排列方式显示在屏幕中，GUILyaoutOption是以一个数组的形式存储设置信息的。

GUILayout.Width():设置布局宽度

GUILayout.Heigth():设置布局高度

GUILayout.MinWidth():设置布局最小宽度

GUILayout.MinHeigth():设置布局最小高度

GUILayout.MaxWidth():设置布局最大宽度

GUILayout.MaxHeigth():设置布局最大高度

GUILayout.ExpandWidth():设置布局整体宽度

GUILayout.ExpandHeight():设置布局整体高度

例子：

[javascript]view plaincopy 
   
 function OnGUI ()   
 {  
       
     GUILayout.Button ("设置布局按钮宽度为300，高度为30",GUILayout.Width(300),GUILayout.Height(30));  
     GUILayout.Button ("设置布局按钮最小宽度为100，最小高度为20",GUILayout.MinWidth(100),GUILayout.MinHeight(20));  
     GUILayout.Button ("设置布局按钮最大宽度为400，最大高度为40",GUILayout.MaxWidth(400),GUILayout.MaxHeight(40));  
     GUILayout.Button("设置宽度不等于最宽按钮",GUILayout.ExpandWidth(false));  
     GUILayout.Button("设置宽度等于最宽按钮", GUILayout.ExpandWidth(true));  
   
 }  

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/122419