unity版本:2019.2.12f1
VS版本:2015
1阅悍、打開 Windows -> Package Manager 。在Advaced勾選Show dependencies和 Show preview packages,等待左邊數(shù)據(jù)刷新后選中UIWidgets點(diǎn)擊右下方Installing下載.
2弦撩、安裝好后在Hierarchy處新建一個(gè)canvas步咪。canvas下新建一個(gè)空的object，就可以開始創(chuàng)建代碼了
3益楼、新建腳本猾漫，UI不過(guò)是文本和圖片構(gòu)成，所以先嘗試添加文本感凤。
using Unity.UIWidgets.widgets;
using Unity.UIWidgets.engine;
using Unity.UIWidgets.ui;
public class TextWidgets:UIWidgetsPanel
{
? ? protected override Widget createWidget() {
? ? ? ? return new Text(
? ? ? ? ? ? data: "文本內(nèi)容測(cè)試",
? ? ? ? ? ? style:new Unity.UIWidgets.painting.TextStyle(
? ? ? ? ? ? ? ? color:Color.white,
? ? ? ? ? ? ? ? fontSize:32,
? ? ? ? ? ? ? ? fontStyle:FontStyle.italic
? ? ? ? ? ? ? ? ),
? ? ? ? ? ? textAlign:TextAlign.center
? ? ? ? ? ? );
? ? }
}
將這段文字掛載到剛才創(chuàng)建的object上悯周，運(yùn)行：
TextStyle包含了很多關(guān)于字體樣式的設(shè)置，具體的就按需處理了陪竿。
3禽翼、關(guān)于圖片顯示，和文本一樣族跛，先創(chuàng)建一個(gè)空的Gameobject闰挡，取名為img。在Assets下創(chuàng)建resources文件夾礁哄，并放入一張名為btn.jpg的圖片到resources文件夾下长酗×襟埃可以上代碼了：
using Unity.UIWidgets.widgets;
using Unity.UIWidgets.engine;
public class ImageUIWidgets : UIWidgetsPanel {
? ? protected override Widget createWidget() {
? ? ? ? return Unity.UIWidgets.widgets.Image.asset("btn");
? ? }
}
將代碼掛載到剛才創(chuàng)建的img上，運(yùn)行：
UIWidgets還可以通過(guò)Unity.UIWidgets.widgets.Image.network("https://www.baidu.com/img/xinshouyedong_4f93b2577f07c164ae8efa0412dd6808.gif")來(lái)加載網(wǎng)絡(luò)圖片資源:
直接支持Gif.通過(guò)本地加載的gif圖片卻卡在第一幀氢拥，并不會(huì)動(dòng)拱镐，不明所以捅位。拜轨。印颤。
4事甜、讓圖片支持點(diǎn)擊事件
把剛才加載圖片的類替換成下列代碼：
using Unity.UIWidgets.widgets;
using Unity.UIWidgets.engine;
using UnityEngine;
public class ImageUIWidgets : UIWidgetsPanel {
? ? protected override Widget createWidget() {
? ? ? ? return new GestureDetector(
? ? ? ? ? ? child: Unity.UIWidgets.widgets.Image.asset("btn"),
? ? ? ? ? ? onTap: () => { Debug.LogWarning("點(diǎn)擊了按鈕"); }
? ? ? ? ? ? );
? ? }
}
運(yùn)行測(cè)試：
Done
點(diǎn)擊事件參考鏈接：https://www.cnblogs.com/kerven/p/10863376.html
圖片處理參考鏈接：https://blog.csdn.net/chzphoenix/article/details/101428455?Image組件部分
