Unity 3D Box控件

2021年1月12日   |   by tgcode

Unity 3D Box 控件用于在屏幕上绘制一个图形化的盒子。

Box 控件中既可以显示文本内容,也可以绘制图片,或两者同时存在。

GUIContent 和 GUIStyle 对于 Box 控件同样适用,既可以用来修饰 Box 控件的文本颜色,也可以用来修饰文本大小、图片资源等,具体使用方法如下:

public static function Box(position:Rect, text:string):void;
public static function Box(position:Rect, image:Texture):void;
public static function Box(position:Rect, content:GUIContent):void;
public static function Box(position:Rect, text:string, style:GUIStyle):void;
public static function Box(position:Rect, image:Texture, style:GUIStyle):void;
public static function Box(position:Rect, content:GUIContent, style:GUIStyle):void;

其中,position 为矩形区域的位置,text 为显示的文本信息,texture 为纹理(即图片)显示。

Box 控件的具体属性参数如下表所示。

参 数 功 能 参 数 功 能
position 设置控件在屏幕上的位置及大小 text 设置控件上显示的文本
image 设置控件上显示的纹理图片 content 设置控件的文本、图片和提示
style 设置控件使用的样式    

下面是 Box 控件的使用案例。

步骤 1):创建项目,将其命名为 box,保存场景。

步骤 2):在 Unity 3D 菜单栏中执行 Assets→Create→JavaScript 命令,创建一个新的脚本文件。

步骤 3):在 Project 视图中双击该脚本文件,打开脚本编辑器,输入下列语句:

function OnGUI(){
    GUI.Box(Rect(0, 0, 100, 50), "Top-Left");
    GUI.Box(Rect(Screen.width-100, 0, 100, 50), "Top-Right");
    GUI.Box(Rect(0, Screen.height-50, 100, 50), "Buttom-Left");
    GUI.Box(Rect(Screen.width-100, Screen.height-50, 100, 50), "Buttom-Right");
}

步骤 4):按 Ctrl+S 键保存脚本。

步骤 5):在 Project 视图中选择脚本,将其连接到 Main Camera 上。

步骤 6):单击 Play 按钮进行测试,Game 视图的 4 个角出现了 4 个标题分别为 Top-Left、Top-Right、Bottom-Left、Bottom-Right 的按钮组件,如下图所示。

%title插图%num

相关推荐: ArtEngine高光处理教程:Pizza与ArtEngine的故事

这期要讲的是披萨,为什么不是西安肉夹馍、葱油饼呢?这里得解释下,故事还得从康小姐说起,秉着康小姐每次来上海出差我们都要宰她一顿好吃的理念,这次请我们吃的就是图中的Pizza。‍为了让手机先吃饱,我拍了十几张照片,结果发现辣椒与芝士区域的高光非常严重,刚好近期我…