编辑器/功能拓展 Better UI 2.5自适应UI系统

编辑器/功能拓展  道具  Unity 2018 










Make your uGUI UI resolution independent and responsive with ease! Create UI fast by using powerful tools. Easily animate your UI and add as many transitions as you need. Make your UI Better!

Onboarding
A setup wizard helps you setting up Better UI for your project correctly.

Resolution Independence
Create UIs working on any resolution. Use the Snap Anchors tool to easily set up the anchors correctly. Use the "Make Better" workflow to convert your components to their "Better UI" version. Variables which contain sizes of the object (like font size) are resized with the resolution - and you have full control over the way it adjusts such size values.

Responsive Design
Define orientations (Landscape / Portrait), screen size ranges, aspect ratio ranges and / or special screen types (like touch screen) you want to support. You can have different positions and sizes or certain values of your UI elements for each defined screen configuration. A smart fallback logic allows you to leave out screen configuration settings in your elements to keep your effort at a minimum.

Optimized Workflow
With the Make Better workflow you can convert UGUI components to their "Better" pendants with two clicks. References to these components are converted as well. So, it just works without worries.

Several tools are a great help to make a great UI.
The Snap Anchors tool converts constant positions and sizes into relative anchor positions. You can do that for as many elements as you select with one click.

The Smart Parent tool allows you to move an object while leaving its childs on their visual position. Also allows to snap the parent to the bounds of its childs.

The Align & Distribute tool helps you moving your UI elements to the right position.

The Pick Resolution tool let you change the resolution of your game window with a single click. It also allows to simulate certain screen configurations for previewing your responsive design.

Better Transitions
Instead of defining only one transition per selectable, you can define as many transitions as you like and affect any object in the hierarchy. In addition to the normal transition types there are also some special transition types.

The "Better Toggle" has additional transition options for changing between the on and off state. With this and the special "Object Activeness Transition" you can easily create things like tabs.

Dynamic UI
Create animations easily with the straight forward Location Animations component. Control the anchors of your objects by objects somewhere else in your Hierarchy with the Anchor Override (which can also be animated). This enables you to prevent moving objects with their mask. Resize your element variables based on the size of a parented object instead of the screen with the Override Screen Properties component.

Extra Options
Some components can do a lot more than the original UGUI components.

The Better Image allows to make horizontal or vertical gradients. There are also some pre-defined Materials like Greyscale or Hue Saturation Brightness. These are optimized for extensive use and can be changed via transitions (the Better Raw Image has similar options).

The Better Content Size Fitter allows you to define a minimum or maximum size as well as a padding added to the size. It also has the option to check the size of another (child) object in the hierarchy istead of itself. All this is of course resolution independant and ready for responsive design.

Text Mesh Pro Suppot
All UGUI components of text mesh pro (TMP UGUI, TMP Input Field, TMP Dropdown) have "Better" versions. They are included as a package. So, you can simply extract it if you are using TextMesh Pro..

Support
If you don't know how to start, you can check out the documentation. If you have additional questions or experience unexpected behavior, feel free to leave a comment in the forum post. Of course, you can also try to understand the code behind by checking out the source code. It is included in this package.


使您的uGUI UI分辨率独立和响应轻松!通过使用强大的工具快速创建UI。轻松动画你的UI和添加尽可能多的过渡,你需要的。让你的UI变得更好!

新员工培训
安装向导可以帮助您正确地为项目设置更好的UI。

独立解决
创建在任何分辨率下工作的ui。使用Snap Anchors工具可以轻松地正确设置锚点。使用“Make Better”工作流将组件转换为“更好的UI”版本。包含对象大小的变量(如字体大小)会随着分辨率调整大小——你可以完全控制它调整大小值的方式。

响应设计
定义你想要支持的方向(横向/纵向)、屏幕尺寸范围、宽高比范围和/或特殊屏幕类型(如触摸屏)。您可以为每个定义的屏幕配置设置不同的位置和大小或UI元素的特定值。一个聪明的回退逻辑允许您在元素中省略屏幕配置设置,从而使您的工作量最小化。

优化工作流程
通过Make Better工作流,您可以通过两次点击将UGUI组件转换为“更好”的挂件。对这些组件的引用也会被转换。所以,它可以毫无顾虑地工作。

有几个工具可以帮助你制作优秀的UI。
固定锚工具将固定位置和大小转换为相对锚位置。您可以在一次单击中选择尽可能多的元素。

智能父工具允许你移动一个对象,同时让它的子对象保持在它们的视觉位置上。还允许将父节点快照到其子节点的边界上。

对齐和分发工具可以帮助您将UI元素移动到正确的位置。

选择分辨率工具让你改变你的游戏窗口的分辨率与一个单一的点击。它还允许模拟某些屏幕配置来预览您的响应式设计。

更好的过渡
与每个可选对象只定义一个转换不同,您可以定义任意多的转换,并影响层次结构中的任何对象。除了正常的转换类型之外,还有一些特殊的转换类型。

“更好的切换”有额外的切换选项,用于在打开和关闭状态之间进行切换。有了这个和特殊的“对象激活转换”,你可以很容易地创建标签之类的东西。

动态UI
使用直接的Location animations组件轻松创建动画。用锚覆盖(也可以动画)来控制你的对象在层次结构中其他地方的对象的锚。这使您可以使用遮罩防止移动对象。使用Override screen Properties组件根据父对象的大小而不是屏幕的大小来调整元素变量的大小。

额外的选项
有些组件可以做的比原来的UGUI组件多得多。

更好的图像允许进行水平或垂直梯度。也有一些预定义的材料,如灰度或色调饱和度亮度。这些都是为广泛使用而优化的,可以通过过渡来改变(更好的原始图像有类似的选项)。

更好的内容大小筛选器允许您定义最小或最大大小以及添加到大小的填充。它还可以选择检查层次结构中另一个(子)对象的大小,而不是自己的大小。当然,所有这些都是与分辨率无关的,并且可以用于响应式设计。

文本网格专业支持
文本网格pro的所有UGUI组件(TMP UGUI, TMP输入字段,TMP下拉菜单)都有“更好”的版本。它们是作为一个包包含的。所以,你可以简单地提取它,如果你正在使用TextMesh Pro..

支持
如果您不知道如何开始,您可以查看文档。如果您有其他问题或遇到意外行为,请在论坛帖子中留下评论。当然,您也可以通过检查源代码来尝试理解背后的代码。它包含在这个包中。





作者 小海盗 发表于 2025-2-12 14:45:43
您需要登录后才可以回帖 登录 | 立即注册
热门作品推荐
glow
CleanUI Simple UI Buttons 适配UE4.19-4.2
glow
Customizable Paths 适配UE4.18-4.27,5.0
glow
OmniShade PBR · Physically Based Uber S
glow
os. Buto Volumetric Fog and Volumetric
glow
Planets Earth, Mars and the Moon 0.4.4太
glow
Raymarcher 2.1.0 物体分形变形有机渲染生
glow
Sci Fi Hologram Shader 1.1科幻全息特效着
glow
Skill & Attack Indicators 1.4.0技能攻击
glow
Slideshow Effects 2D 1.2 幻灯片效果
glow
GUI PRO Kit - Fantasy RPG 适配UE4.25欧美