Unity实战笔记_1.创建一个登陆界面

今天开始制作自己的Unity项目。


导入资源及图集打包

先创建工程导入NGUI,建立文件夹。
将资源导入并更改图片设置
Unity实战笔记_1.创建一个登陆界面_第1张图片
打包成图集。
打包图集的两种方法:
1.直接用NGUI的Atlas Maker打包即可。
Unity实战笔记_1.创建一个登陆界面_第2张图片
2.通过Texture Packer进行打包,生成一个PNG图片文件和一个TXT配置文件。
创建一个材质球(Material),将Shader改为Unlit/Transparent Colored,并将打包好的PNG拖入材质球。
Unity实战笔记_1.创建一个登陆界面_第3张图片
创建一个空物体,重命名,添加Atlas组件,将材质球拖入即可。
Unity实战笔记_1.创建一个登陆界面_第4张图片
将物体拖入project视图中,变为预制体,图集即创建完成。


搭建界面

点击NGUI,建立一个2DUI。
创建一个空对象,重命名为LoginScene。
这里写图片描述
创建一个Texture重命名为BackGround,并将背景图片拖入Texture属性中,调整图片大小到适当的值。
这里写图片描述
Unity实战笔记_1.创建一个登陆界面_第5张图片
制作一个复选框

建立一个penel作为父节点,在父节点下创建两个Toggle,并为这两个标签添加ToggleObjects脚本。在建立两个Panel作为对应这两个标签的面板。将ToggleObject中的activite的size设置为1,将对应的panel拖入,即可。
Unity实战笔记_1.创建一个登陆界面_第6张图片
Unity实战笔记_1.创建一个登陆界面_第7张图片
具体点击此处为详细的方法

之后在对应的panel下加入输入的文本框按钮。界面即搭载好了。
Unity实战笔记_1.创建一个登陆界面_第8张图片

你可能感兴趣的:(Unity笔记)