猫史档案馆


[Unity3D] PTG教程 21

用户:HFYHTVSHFYHTVS查看:0 回复:0 评论:0 创建时间:2020-02-13T21:59:36


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

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

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

  1. public static function Box(position:Rect, text:string):void;
  2. public static function Box(position:Rect, image:Texture):void;
  3. public static function Box(position:Rect, content:GUIContent):void;
  4. public static function Box(position:Rect, text:string, style:GUIStyle):void;
  5. public static function Box(position:Rect, image:Texture, style:GUIStyle):void;
  6. 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 视图中双击该脚本文件,打开脚本编辑器,输入下列语句:

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

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

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

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

测试效果


回复

上一页1 页 / 共 0下一页