Unity UI Layout by ryanslikesocool - 2

ToolsGUI

Framer X-esque tools for Unity 2018.3

MIT LicenseUpdated 11 days agoCreated on April 8th, 2019

Stack Demo

Unity-UI-Layout

A set of Framer X-esque elements and tools for Unity 2018.3+.

Frame

Frames are pretty much mostly boxes that can be used as content for stacks. Stack Inspector Preview
Frame Features Included

  • Types of corners (Round, Smooth)
  • Instant mesh recreation on all changes
  • Ability to change corner radius
  • Ability to have split corner radiuses
  • Ability to change level of detail
  • Creation menu
  • Custom inspector
  • Superellipses!

Stack

Basically just an easier-to-understand (and slightly dumbed down) version of Unity’s linear Layout Group components. Stack Inspector Preview
Stack Features Included

  • Horizontal and vertical stacks
  • 6 types of spacing (Start, Center, End, Space Between, Space Around, and Even Spacing)
  • 3 types of alignment (Left (Top), Center, and Right (Bottom))
  • Padding
  • Reorder frames with inspector or drag and drop
  • Creation menu
  • Custom inspector

Page

Pagination! It’s super easy to make your own transitions.
Page Inspector Preview
Page Features Included

  • Horizontal and vertical pages
  • 3 types of alignment (Left (Top), Center, and Right (Bottom))
  • One transition type (Linear) (more coming soon!)
  • Transition length
  • Spacing between pages
  • Change initial page (live preview) with the inspector
  • Reorder frames with inspector
  • Creation menu
  • Custom inspector

More coming soon!

Usage

In the GameObject menu, there’s a folder called “Framer”. Create an element and have fun!

Dependencies

ReorderableListTool.cs - Siyuan Wang
Triangulator.cs - runevision
Easings.cs - acron0

Show all projects by ryanslikesocool