raui icon indicating copy to clipboard operation
raui copied to clipboard

Research how to enable users to make application-like GUI

Open PsichiX opened this issue 4 years ago • 2 comments

Since RAUI have got support for Portals and Scroll Box this enables us to make more application-like widgets such as message boxes, windows, notifications, toasts, s(l)ide menus, property lists, etc.

This means, RAUI might be used as an UI solution in new Ignite Editor - an editor hub similar to Atom/VS code but focused on gamedev-related editor plugins made by the users. Current state of Ignite Editor uses Electron+React.js for UI but this combination gets really problematic and slows down plugin development time exponentially relative to the complexity of the tool, editor requires quick development times and as less friction as possible, RAUI might be a good choice if we solve few important problems, one of them is being able to have typical widgets used by editors.

These are gonna enrich Material widgets library by taking inspiration from: https://material-ui.com/

what we need:

  • [x] Input mode (text, number) and password mode for input fields
  • [x] Anchor that will work like Portal but will allow to glue child widget to another widget relative to its layout box
  • [x] tooltip (uses Anchor; show label with description of something)
  • [x] context menu (uses Anchor; shows list of button options)
  • [ ] drop down menu (uses Anchor; used also for context menus)
  • [ ] snackbar / toast / notification
  • [ ] dialog box
  • [ ] backdrop (mostly used for covering entire screen with input consumer so no input leaks under it)
  • [ ] value slider
  • [ ] value stepper
  • [ ] drawer (s(l)ide menu)
  • [x] tabs
  • [ ] app bar
  • [ ] card
  • [ ] group (content shows if you toggle on)
  • [ ] progress (linear and probably rotated icon? finite and infinite)
  • [ ] badge (widget put in a corner over some other widgets, used for example for unread email counters)
  • [ ] table
  • [ ] tree view (for example used to show hierarchies)
  • [ ] chip? (icon with label and optional action, could be used for things such file name with thumbnail)
  • [ ] speed dial? (i imagine using it for quick access menus)

PsichiX avatar May 04 '21 19:05 PsichiX

basic research is done, i've updated issue content with list of features needed

PsichiX avatar May 05 '21 00:05 PsichiX

raui-tooltips-with-anchors

Tooltip widget using Anchor feature :D Tooltips are very simple to use - as long as tooltip content can get Select/Deselect nav signal (basically it is an active nav item), it will show/hide the tooltip content on its own in the closest portal up in the hierarchy.

PsichiX avatar May 09 '21 13:05 PsichiX