Unity 3D中ToLua-UGUI使用说明、导入Unity流程、制作登陆界面

简介: ToLua制作登录界面本文提供全流程,中文翻译。Chinar坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 —— 高分辨率用户请根据需求调整网页缩放比例)请支持大神开发者:骏擎CP,蒙哥等奔赴在前线的开发前辈们到官方网站下载,或Unity商店购买:ToLua官方网站 —— 下载资源1英文好的朋友,可直接看官方文档。
+关注继续查看

ToLua制作登录界面


本文提供全流程,中文翻译。

Chinar坚持将简单的生活方式,带给世人!

(拥有更好的阅读体验 —— 高分辨率用户请根据需求调整网页缩放比例)

请支持大神开发者:骏擎CP,蒙哥等奔赴在前线的开发前辈们

到官方网站下载,或Unity商店购买:

ToLua官方网站 —— 下载资源



1

英文好的朋友,可直接看官方文档。里边详细的介绍了所有功能,以及用法!


创建Unity Project/项目 Test

LuaFrameWork_UGUI_master 文件夹中 Assets 目录下的

LuaFramework Plugins文件夹拖至 Unity Project/项目 Test Assets 资源目录中

这里写图片描述


2

找到 LuaFramework 下的 Scenes 目录中的 main 场景 —— 双击打开

插图


3

LuaFramework 文件夹中创建 UI 文件夹

UI 文件夹中创建 Builds 、Textures 文件夹

Builds 文件夹中创建 Login 文件夹

(可选)在 材质—— Textures 文件夹中创建资源文件的文件夹,分类一招自己需求而定

这里写图片描述
这里写图片描述


4

将自己做的UI界面拖成预设物

注意: Builds 目录下的文件夹是什么名字,那么所做的UI就需要 用文件夹名字,加上 “Panel” 来命名

如下图的梨子 LoginPanel

这里写图片描述


5

LuaFramework-UGUI 是采用标准的 MVC 格式编写的框架

非常便于对文件的管控,所以在查找文件的时候非常方便

这里用 SubLime 进行编译,控制。

Lua 文件夹,拖至 Sublime 中,便于一会儿对Lua脚本的操作、管理

(没有以及不会 Sublime 的朋友请不用担心,请跳转阅读我的 Sublime 攻略。点击跳转↓↓

Sublime Text 3(中文)下载、安装、运行!

Sublime Text 3(中文)添加Lua编译环境

这里写图片描述


6

添加 Lua 脚本:在 Lua/Controller Lua/View中分别创建 LoginCtrl LoginPanel

注意:脚本和之前预设物命名一定要一致。这里的 LoginPanel 脚本和预设物 都是一样的

这里写图片描述

保存时,可直接 “Ctrl+S” 。这里只是为了方便初学者理解


7

在 逻辑/控制管理—— Logic/CtrlManager.lua Init 方法里,添加 Login (最好写上注释)

这里写图片描述


8

打开 Logic/Game.lua 配置信息;

这里写图片描述


9

回到 Unity

Scripts 文件夹下的 Manager ,找到 GameManager 脚本 —— 双击打开。

“Ctrl+F” 搜索初始化函数 “ void OnInitialize ”注销网络服务,完成配置

这里写图片描述

这里写图片描述


10

回到 Sublime

在 共同/定义—— Common/define.lua 中完成配置

这里写图片描述


11

打开 LuaFramework 提供的梨子 MessageCtrl.lua 脚本,全选所有代码,复制/Copy

打开第6步创建的 LoginCtrl.lua 脚本,粘贴/Paste。修改脚本的属性,完成配置

这里写图片描述


经过以上步骤后,基本完成配置。下面需要根据平台,进行资源打包。


12

回到 Unity

LuaFramework文件夹下的 Editor,找到 Package 脚本 —— 双击打开。

“Ctrl+F” 处理框架函数 “ HandleExampleBundle”向下查找资源。

注销/删除梨子代码,改成 Login 信息完成配置

这里写图片描述

这里写图片描述


13

回到 Unity

在菜单栏找到 LuaFramework 选中 Build Android Resource —— 创建 安卓资源包

这里写图片描述


14

点击运行 / Ctrl+P 开启运行/测试

Login 界面出现

注意: main 场景中,创建名为 GlobalGenerator 的空物体,即可查看更新信息

这里写图片描述
至此:教程结束!


支持

May Be —— 搞开发,总有一天要做的事!


拥有自己的服务器,无需再找攻略!

Chinar 提供一站式教程,闭眼式创建!

为新手节省宝贵时间,避免采坑!


先点击领取 —— 阿里全产品优惠卷 (享受最低优惠)


1 —— 云服务器超全购买流程 (新手必备!)

2 —— 阿里ECS云服务器自定义配置 - 购买教程(新手必备!)

3—— Windows 服务器配置、运行、建站一条龙 !

4 —— Linux 服务器配置、运行、建站一条龙 !



70

Chinar


END

本博客为非营利性个人原创,除部分有明确署名的作品外,所刊登的所有作品的著作权均为本人所拥有,本人保留所有法定权利。违者必究

对于需要复制、转载、链接和传播博客文章或内容的,请及时和本博主进行联系,留言,Email: ichinar@icloud.com

对于经本博主明确授权和许可使用文章及内容的,使用时请注明文章或内容出处并注明网址

相关文章
|
1月前
|
前端开发 C# 开发工具
Unity快手上手【熟悉unity编辑器,C#脚本控制组件一些属性之类的】
Unity快手上手【熟悉unity编辑器,C#脚本控制组件一些属性之类的】
21 0
|
3月前
|
图形学
|
5月前
|
移动开发 前端开发 JavaScript
leaflet使用domtoimage插件与h5 canvas实现截图功能并下载
leaflet使用domtoimage插件与h5 canvas实现截图功能并下载
|
数据可视化 vr&ar 图形学
Unity可视化编程XDreamer插件导入
前言 XDreamer是一款基于Unity平台开发的,可在Unity(包括编辑器与运行时)中使用的可扩展的中文交互编辑软件,可进行2D、3D、VR、AR、MR开发。 本期博客为XDreamer的官方讲解的学习记录。可以理解为UE4中的蓝图效果。是从事美术人员的福音,美术人员也可不用编写程序进行游戏的制作。 一、下载XDreamer官方插件包 XDreamer中文交互编辑器http://www.xdreamer.com.cn/请在官网进行下载,得到如下的文件。 二、插件加载 目前我导入到URP
327 0
Unity可视化编程XDreamer插件导入
|
图形学
Unity3D原生编辑器的界面太丑?那就试试这款插件吧
是否已经看厌了Unity一成不变的白灰色了?现在给大家带来一个可以更换Unity的主题颜色的插件,下面就让我们来看看怎么使用吧
|
编译器 C# 图形学
unity2020学习(一)界面了解
了解unity游戏引擎开发界面
316 0
unity2020学习(一)界面了解
|
图形学 Windows
Unity 之 实用技巧更换编辑器主题
你的编辑器还在用灰色主题吗?还在羡慕别人的深色主题吗?教你一步修改Unity编辑器主题,赶快来看看吧 ~
832 0
Unity 之 实用技巧更换编辑器主题
|
C# 图形学 索引
C#6中的新增功能 【Unity3D亲测】
随着Unity2017的普及,使用.NET 4X的开发者也越来越多了,下面笔者给大家介绍一下在C# 6中的新功能主要是怕自己忘记,2333,有些功能还是很实用的~ 使用Unity版本2018.
1004 0
|
Java 开发工具 Android开发
相关产品
机器翻译
推荐文章
更多