Unity UIWidgets 之 UIWidgets 下载、安装 和 简单入门使用
目录
Unity UIWidgets 之 UIWidgets 下载、安装 和 简单入门使用
一、简单介绍
二、使用要求
二、下载
Unity UIWidgets 源码下载地址
Unity Asset Store 中下载
四、安装
五、简单的使用 UIWidgets
一、简单介绍
UIWidgets是Unity编辑器的一个插件包，可帮助开发人员通过Unity引擎来创建、调试和部署高效的跨平台应用。
UIWidgets主要来自Flutter。但UIWidgets通过使用强大的Unity引擎为开发人员提供了许多新功能，显著地改进他们开发的应用性能和工作流程。
效率
通过使用最新的Unity渲染SDK，UIWidgets应用可以非常快速地运行并且大多数时间保持大于60fps的速度。
跨平台
与任何其他Unity项目一样，UIWidgets应用可以直接部署在各种平台上，包括PC，移动设备和网页等。
多媒体支持
除了基本的2D UI之外，开发人员还能够将3D模型，音频，粒子系统添加到UIWidgets应用中。
开发者友好
开发者可以使用许多高级工具，如CPU/GPU Profiling和FPS Profiling，直接在Unity Editor中调试UIWidgets应用。
二、使用要求
1、安装 Unity 2018.4.10f1(LTS) 或 Unity 2019.1.14f1 及其更高版本。 你可以从https://unity3d.com/get-unity/download下载最新的Unity（好似Unity2018.3.5版本版本也行）
2、将下载的UIWidgets包文件夹移动到Unity项目的Package文件夹中
3、注意：建议 Scripting Runtime Version 要选择 Net 4.x Equivalent (unity 版本不一样可以说法不一样)
二、下载
Unity UIWidgets 源码下载地址
1、Unity UIWidgets 源码：https://github.com/UnityTech/UIWidgets
2、可以 clone 或者 Download zip 下载最新的 UIWidgets
3、也可以点击下载 UIWidgets 的 Release 发布的稳定版本
Unity Asset Store 中下载
1、在 Asset Store 搜索 UIWidgets
2、选择 UNITY TECHNOLOGIES 的 UIWidgets ，这里也可以点击下载
四、安装
(以 Unity 2019.3.13f 为例)
1、新建一个 Unity 工程
2、找到新建工程的目录的 Packages 文件夹
3、把下载后的 UIWidgets 文件夹添加到该目录下
4、回到Unity界面，在 File - Build Settings 中，建议把 Player Settings --- Api Compatibility Level 设置为 Net 4.x
五、简单的使用 UIWidgets
(以 Unity 2019.3.13f 为例，同事UIWidgets 基于上面配置OK)
1、在场景中添加一个 Panel
2、在工程中新建一个脚本 HelloUIWidgets
3、移除 Panel 上的Image
4、添加 HelloUIWidgets 脚本
5、Game 窗口显示脚本构建的内容
6、当前代码
using Unity.UIWidgets.engine;
using Unity.UIWidgets.widgets;
using Unity.UIWidgets.painting;
using Unity.UIWidgets.ui;
namespace MyTestUIWidgets
{
public class HelloUIWidgets : UIWidgetsPanel
{
protected override Widget createWidget()
{
return new Text(
data: "Hello UIWidgets", // 文字内容
style: new TextStyle(
color: Color.fromARGB(255,255,0,0), // 设置颜色（argb）（红色）
fontSize: 30, // 字体大小
fontStyle: FontStyle.italic) // 类型斜体
);
}
}
}
7、添加点击功能，修改代码
using Unity.UIWidgets.engine;
using Unity.UIWidgets.widgets;
using Unity.UIWidgets.painting;
using Unity.UIWidgets.ui;
namespace MyTestUIWidgets
{
public class HelloUIWidgets : UIWidgetsPanel
{
protected override Widget createWidget()
{
return new GestureDetector( // 收受检测
child : new Text(
data: "Hello UIWidgets", // 文字内容
style: new TextStyle(
color: Color.fromARGB(255,255,0,0), // 设置颜色（argb）（红色）
fontSize: 30, // 字体大小
fontStyle: FontStyle.italic) // 类型斜体
),
onTap: () => { UnityEngine.Debug.Log("OnClick : Hello UIWidgets"); } // 点击事件
);
}
}
}
8、运行场景，点击 Hello UIWidgets ，效果如下