纳金网

标题: 原创简单gui教程下 [打印本页]

作者: 会飞的鱼 时间: 2011-12-6 13:47
标题: 原创简单gui教程下
接前一部分教程，下面开始具体的制作过程。
1、确定代码
主要有两个区域，上部的按钮，及下方的子菜单部分。此处的交互就是点击上部按钮，显示或隐藏下部子菜单，所以此处用了两段代码来实现，显示隐藏是通过禁用下方gui代码文件来实现的，当然，也可以写的一个代码文件里。
２、代码讲解
此文件为display.js，用来实现上部按钮功能

var Pcontrol

control;//声明脚本对象
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);
}
代码完成后，附加到主摄像机上即可，然后设置各参数及变量
３、外观样式设置，共用到三个样式PDbg、customBox 、customButton，选择各样式，在属性面板中设置不同状态时的参数。
由 u8 于发表

本教程所用的源文件下载地址：
http://unity3d8.com/content/原创简单gui菜单资源包

作者: tc 时间: 2012-1-30 23:29
2012不需誓言，只要相守无言；不需烛光晚餐，只要一桌淡饭；不需别墅，只要小屋一间；不需玫瑰，只要一个肩。爱平淡幸福，简单快乐。新年开心哦！

作者: tc 时间: 2012-1-30 23:30
一帆风顺，双龙戏珠；三阳开泰，四季发财；五福临门，六六大顺；七星捧月，八面春风；九运当头，十全十美，花好月圆，合家欢乐，乐在其中，恭喜发财，财源滚滚！

作者: 奇 时间: 2012-2-9 23:31
真是不错啊

作者: 晃晃 时间: 2012-2-14 23:20
人过留名!

作者: 菜刀吻电线 时间: 2012-3-22 23:31
好，真棒！！

作者: 奇 时间: 2012-4-3 23:23
路过……

作者: C.R.CAN 时间: 2012-4-5 23:21
呵呵，很漂亮啊

作者: 浩劫 时间: 2012-4-6 19:34

作者: 奇 时间: 2012-10-3 23:20
俺是新人,这厢有礼了!

作者: 奇 时间: 2012-10-19 23:27
提醒猪猪，千万不能让你看见

作者: 奇 时间: 2013-2-2 23:29
不错哦,谢谢楼主

作者: 奇 时间: 2013-2-15 23:34
百度的叫度娘，网易的叫易娘，新浪内部还在为是叫新娘还是浪娘而争论不休！……不管你们是企鹅的额娘，豆瓣的伴娘，还是华为的伪娘，都要记得，淘宝才是你们的亲娘啊！亲！！

作者: 晃晃 时间: 2013-3-8 23:42
都闪开，介个帖子，偶来顶

欢迎光临纳金网 (http://old.narkii.com/club/)