|
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制作成动画，并根据您的需要添加更多的转场。让您的用户界面更完美!
入职培训
一个设置向导可以帮助您为您的项目正确设置Better UI。
独立的分辨率
创建在任何分辨率下工作的用户界面。使用Snap Anchors工具可以轻松地正确设置锚点。使用 "Make Better "工作流程将你的组件转换为其 "Better UI "版本。包含对象尺寸的变量（如字体大小）会随着分辨率调整大小--你可以完全控制它调整这种尺寸值的方式。
响应式设计
定义方向（横向/纵向）、屏幕尺寸范围、长宽比范围和/或你想支持的特殊屏幕类型（如触摸屏）。你可以为每一个定义的屏幕配置有不同的位置和尺寸或你的UI元素的某些值。一个智能的回退逻辑允许你在你的元素中省去屏幕配置的设置，以保持你的努力在最低限度。
优化的工作流程
通过Make Better工作流程，您可以通过两次点击将UGUI组件转换为它们的 "Better "挂件。对这些组件的引用也会被转换。所以，它只是无忧无虑地工作。
有几个工具对制作一个好的用户界面有很大帮助。
Snap Anchors工具将恒定的位置和尺寸转换为相对的锚点位置。你可以通过一次点击为你选择的许多元素做这件事。
智能父级工具允许你移动一个对象，同时让它的子元素保持在它们的视觉位置。也允许将父对象与它的子对象的边界相扣。
对齐和分布工具帮助你将你的UI元素移动到正确的位置。
选择分辨率工具让你只需点击一下就能改变你的游戏窗口的分辨率。它还允许模拟某些屏幕配置来预览你的响应式设计。
更好的转场
你可以随心所欲地定义过渡，并影响层次结构中的任何对象，而不是每个可选对象只能定义一个过渡。除了正常的过渡类型外，还有一些特殊的过渡类型。
Better Toggle "有额外的过渡选项，可以在开和关的状态之间变化。有了这个和特殊的 "对象活动性过渡"，你可以很容易地创建像标签这样的东西。
动态用户界面
用直接的位置动画组件轻松创建动画。用 "锚点覆盖"（Anchor Override）来控制你的对象在你的层次结构中的某个地方的锚点（它也可以是动画）。这使你能够防止移动对象与它们的掩码。通过 "覆盖屏幕属性 "组件，根据上级对象的大小而不是屏幕的大小来调整你的元素变量的大小。
额外的选项
有些组件可以做得比原来的UGUI组件多很多。
更好的图像允许制作水平或垂直梯度。也有一些预定义的材料，如灰度或色相饱和度亮度。这些都是为广泛使用而优化的，可以通过转换来改变（更好的原始图像也有类似的选项）。
更好的内容尺寸拟合器允许你定义一个最小或最大的尺寸，以及添加到尺寸上的填充物。它还有一个选项，可以检查层次结构中另一个（子）对象的尺寸，而不是自己。当然，所有这些都是独立的，并为响应式设计做好准备。
文本网格专业支持
text mesh pro的所有UGUI组件（TMP UGUI、TMP Input Field、TMP Dropdown）都有 "更好 "的版本。它们作为一个包被包括在内。因此，如果你正在使用TextMesh Pro，你可以简单地提取它。
支持
如果你不知道如何开始，你可以查看文档。如果你有其他问题或遇到意外的行为，欢迎在论坛帖子中留言。当然，你也可以通过查看源代码来尝试了解背后的代码。它包含在这个软件包中。
|
