- 最后登录
- 2014-10-23
- 注册时间
- 2011-7-19
- 阅读权限
- 90
- 积分
- 81303
- 纳金币
- -1
- 精华
- 11
|
接前一部分教程,下面开始具体的制作过程。
1、确定代码
主要有两个区域,上部的按钮,及下方的子菜单部分。此处的交互就是点击上部按钮,显示或隐藏下部子菜单,所以此处用了两段代码来实现,显示隐藏是通过禁用下方gui代码文件来实现的,当然,也可以写的一个代码文件里。
2、代码讲解
此文件为display.js,用来实现上部按钮功能
var Pcontrolcontrol;//声明脚本对象
var Pdisplay:int=0;//声明一变量,用来存储子菜单的显示状态
var PDbg:GUIStyle;//声明样式
function OnGUI () {
//实现Button代码,单击时切换显示状态变量
if (GUI.Button (Rect (10,0,279,30)," ",PDbg)) {
if(Pdisplay==0){
Pcontrol.enabled=false;
Pdisplay=1;
}else{
Pcontrol.enabled=true;
Pdisplay=0;
}
}
}
第二个脚本文件Pcontrol.js
//声明样式、背景图片、按钮列表、空数组
var customBox : GUIStyle;
var customButton:GUIStyle;
var bgImage : Texture2D;
var selectionGridInt : int = 0;
var selectionStrings : String[] = [" ", " ", " "];
//子菜单实现
function OnGUI () {
// Make a background box
GUI.Box (Rect (10,30,279,418)," ",customBox);
selectionGridInt = GUI.SelectionGrid (Rect (25, 54, 244, 134), selectionGridInt, selectionStrings, 1,customButton);
print(selectionGridInt);
}
代码完成后,附加到主摄像机上即可,然后设置各参数及变量
3、外观样式设置,共用到三个样式PDbg、customBox 、customButton,选择各样式,在属性面板中设置不同状态时的参数。
由 u8 于发表
本教程所用的源文件下载地址:
http://unity3d8.com/content/原创简单gui菜单资源包
|
|