giannissc / druid-extras Goto Github PK

Workflow:

• Grid Widget is initialized with a number of rows/columns.
• Each child widget specifies its starting row/column and its span
• Children can optionally set their staring position relative to other elements (using IDs)

Relevant Resources:

• CSS's Grid Layout
• Latex Headerbox

https://github.com/tarkah/iced-graph-editor
https://github.com/Kethku/Pando

https://github.com/lapce/lapce/blob/master/lapce-ui/src/panel.rs

Enable patterns such as:

• Click -> single item selection
• Ctrl + Click -> discontinuous item selection
• Shift + Click -> continuous item selection
  using a SelectionController

Enable area selection using a mouse with a selection widget. The selection widget uses the selection controller to handle keyboard+mouse combos and has internal logic for MouseMove and painting a transparent selection rectangle

Relevant Resources:

• Runebender's Select Tool

A multiple value toggle. A hybrid between a toggle and a slider.
The radio toggle can interact with enum data

Relevant resources:

• Druid's Slider Widget
• Druid's Switch Widget

Relevant resources:

• Runebender's Toolbar
• Druid's Svg Widget
• Druid's Button Widget

Example: node graph, map, a pdf page or an image that is too large for the widget

Example usecases:

• node graph
• map
• infinite canvas
• a pdf page larger than widget size
• image larger than widget size

Controllers:

• Zoom Controler -> Ctrl + Wheel event handling
• Scroll Controller -> up/down + left/right (for mice that have this functionality) wheel event handling. + Interacetion with scroll ui elements
• Pan Controller -> Middle Click + Drag - Widget interaction handling. There are two scenarios for this:
  • Normal Widget: Elements might extend beyond the boundaries of viewport and will need to be clipped
  • Virtual Widget: Widget elements never extend beyond viewport. Widget processes and renders only elements within the viewport.

Relevant Resrouces:

• Druid's Scroll Widget
• Druid's ClipBox
• Druid's Controller
• Pando's Canvas
• Pando's DrugController
• Runebender's Zoom Widget

• Text (Druid's TextBox)
• Interger
• Float
• Password
• Calendar
• Time
• Validation (Druid's ValueTextBox)

To be completed…

Patterns:

• Horizontal Lines
• Square Grid
• Dot Grid

Relevant material:

• Pando's Dot Grid

Relevant resources:

• [Pando's Controller](https://github.com/Kethku/Pando/blob/main/src/controllers/mod.rs
• Pando's Controler

I also have a design of my own I just need to make it more generic

A toolbar with multiple buttons. The buttons at the edges will have filleted corners while the rest will be perfectly squared.
The toolbar can have a Radio/Toggle/Push role.

• Radio role can interact with enum data.
• Toggle role can interace with a list of boolean data
• Push role calls the on click function of each button

Relevant material:

• Nursery's Dropdown Select
• Nursery's List Select
• Runebender's Toolbar
• Druid's Button Widget
• Druid's Checkbox Widget
• Druid's Radio Widget

Relevant Resources:

• Pando's Canvas
• Nursery's Canvas