基于UIWidgets的Unity应用开发(二)

        首先是UIWidgets环境的配置,在PackageManager中打到UIWdigets,下载最新的版本,我现在的版本是preview12 1.5.4,如果没找到的话可以勾选Advanced上的show previewpackages。

看上面的图,

第一条说的是现在下载的插件是缺少一些资源的 这些资源基本是一些icon跟字体,emoji之类的图片资源,需要到官网的github上下载;

 第二条说的是如果你想打包到其他平台 还需要还需要一些plugin插件放到对应的文件夹后才能正常打包,这也是需要到github上下载的;

第三条是一个官网的redux 的demo redux是flutter的一种响应式框架 导入进工程的话将主类挂载到UGUI的空planel上就可以看到,是一个计数的demo;

第四条是UIWigets的简单使用demo 可以简单了解一下UIWidgets的语法

把所有需要的东西都放到工程里后,就算是初步准备完毕。

上图是我把demo的一个输入框放到了一个去除Image的panel的组件上,可以看到game视角是黑色的,但右下角的预览是有东西的,切换到Scene视角也是能看到UI界面的,这是因为动态创建的UI没有设置背景色,默认就是黑色了,如果你再添加一个camera 并设置成skybox就可以看到了。但UIWidget是不需要camera的 基本是使用UGUI的screen overlay。比较推荐的作法是给组件添加一个container并设置背景色为白色

扫描二维码关注公众号,回复: 12451804 查看本文章

        可以看到Unity并没有运行但组件已经完全加载出来了 这也是UIWidgets一个比较厉害的地方,在后面开发的时候还发现只要是逻辑正确,不需要运行也能加载到web后台服务器的数据。

        如果能运行到这一步的话证明配置都正确了,现在打包到真机是基本不会出错的,不能打包或者打包出来的真机显示白屏的话 就是漏掉了某些资源或者没配置好unity,这边就不赘述了,我也是坑了相当多把自己后才得出这个结论的。

        这边在开发的过程中,发现在设置game窗口的分辨率时,如果直接设置成1080x1920这种分辨率,game视角会显得十分大,但实际打包出来又是正常大小,如下图所示

 后面才发现是因为game的scale不是1,其实也是正常的。但设置成1后就看不到完整的UI界面了,为了让开发效果跟实际效果一致,这边建议把窗口改成比例的形式 例如9:16这种,这样的话就会显示正常了。

        需要调试的话可以在Scription Define Symbols中增加UIWidgets_DEBUG字段,这样在Analysis的UIElement Debug窗口看到UIWidgets的布局相关的信息,还是比较方便的。

        以上就是UIWidgets使用的初步会遇到的一些坑,切记!

猜你喜欢

转载自blog.csdn.net/ssssssilver/article/details/107289121
今日推荐