Drag and Drop for UI elements #67893
Labels
No Label
Interest
Alembic
Interest
Animation & Rigging
Interest
Asset Browser
Interest
Asset Browser Project Overview
Interest
Audio
Interest
Automated Testing
Interest
Blender Asset Bundle
Interest
BlendFile
Interest
Collada
Interest
Compatibility
Interest
Compositing
Interest
Core
Interest
Cycles
Interest
Dependency Graph
Interest
Development Management
Interest
EEVEE
Interest
EEVEE & Viewport
Interest
Freestyle
Interest
Geometry Nodes
Interest
Grease Pencil
Interest
ID Management
Interest
Images & Movies
Interest
Import Export
Interest
Line Art
Interest
Masking
Interest
Metal
Interest
Modeling
Interest
Modifiers
Interest
Motion Tracking
Interest
Nodes & Physics
Interest
OpenGL
Interest
Overlay
Interest
Overrides
Interest
Performance
Interest
Physics
Interest
Pipeline, Assets & IO
Interest
Platforms, Builds & Tests
Interest
Python API
Interest
Render & Cycles
Interest
Render Pipeline
Interest
Sculpt, Paint & Texture
Interest
Text Editor
Interest
Translations
Interest
Triaging
Interest
Undo
Interest
USD
Interest
User Interface
Interest
UV Editing
Interest
VFX & Video
Interest
Video Sequencer
Interest
Virtual Reality
Interest
Vulkan
Interest
Wayland
Interest
Workbench
Interest: X11
Legacy
Blender 2.8 Project
Legacy
Milestone 1: Basic, Local Asset Browser
Legacy
OpenGL Error
Meta
Good First Issue
Meta
Papercut
Meta
Retrospective
Meta
Security
Module
Animation & Rigging
Module
Core
Module
Development Management
Module
EEVEE & Viewport
Module
Grease Pencil
Module
Modeling
Module
Nodes & Physics
Module
Pipeline, Assets & IO
Module
Platforms, Builds & Tests
Module
Python API
Module
Render & Cycles
Module
Sculpt, Paint & Texture
Module
Triaging
Module
User Interface
Module
VFX & Video
Platform
FreeBSD
Platform
Linux
Platform
macOS
Platform
Windows
Priority
High
Priority
Low
Priority
Normal
Priority
Unbreak Now!
Status
Archived
Status
Confirmed
Status
Duplicate
Status
Needs Info from Developers
Status
Needs Information from User
Status
Needs Triage
Status
Resolved
Type
Bug
Type
Design
Type
Known Issue
Type
Patch
Type
Report
Type
To Do
No Milestone
No project
No Assignees
22 Participants
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: blender/blender#67893
Loading…
Reference in New Issue
No description provided.
Delete Branch "%!s(<nil>)"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
In Blender, we have had drag and drop support for dragging content such as images onto objects, and 3d content into 3d views. However, we've always lacked the ability to drag the UI elements themselves.
This would be good to finally address.
This would mean we can get rid of these re-ordering buttons, which are slow because you can only move items one line at a time:
To move an item up by 10 lines, you have to click this button 10 times! This gets ridiculous if you have to move something 200 items up or down a list.
Even worse, in some cases we make users open a menu to move items one section at a time:
We should get rid of these buttons and menu entries, and just let users directly drag UI elements instead.
We already do this in the Properties Editor when re-ordering panels:
{F7636122, size=full}
However, we can do this many more places, wherever we have the need for users to be able to re-order something.
Examples:
Animations are slowed down to show the animations more clearly.
Tabs:
{F7636031, size=full}
Lists:
{F7636033, size=full}
Use-Cases
Animation
To support this nicely, we should use animation to make items move out of the way, and to let the current items follow the cursor. This makes the UI feel physical and dependable, and you won't get any sudden surprises when you let go of your drag action, and the UI elements suddenly re-order themselves.
This kind of thing has a few implications how we draw some UI elements.
In Blender we still have the fairly unique advantage that we are drawing the UI using the GPU, which facilitates creating beautifully smooth animations and transitions. We just need to take advantage of this more, just as we do with region overlapped area regions:
toolbar_anim.mov
Related Tasks
D4071: Window-Manager: Rewrite Drag & Drop System [WIP]
Added subscriber: @WilliamReynish
Added subscriber: @JulianEisel
Added subscriber: @Poulpator
Added subscriber: @0o00o0oo
Added subscriber: @DuarteRamos
Added subscriber: @lemenicier_julien
Added subscriber: @hadrien
I'm not fond of animations especially for the 'UI list' case - I think drawing a dotted line where the item is going to be inserted is more efficient and straightforward (as most painting programs do it in their 'layers' list) - seeing items shift around disorientates me when I'm trying to precisely move a specific item to a location I'm targeting - when suddenly that visual target slides around, I'm not sure where to drop the thing anymore. Maybe that's just my brain ? Quite a few interfaces do this (off the top of my head Discord does this with its channel list, & last I checked Android UI framework kind of enforces it too) and I find it quite disturbing. They do make more sense in a grid view (2D) though, because the order of items is not necessarily as obvious as in a list (1D).
Other than that, obviously in full agreement of the proposal.
Added subscriber: @VilemDuha
Regarding vertex groups and other items that are in UI lists - also your example shows clearly a problem that would be probably better addressed in Outliner. A typical list of vertex groups on a character has a length of at least 20, and that is for very simple rigs. Then comes the problem of dragging to the border and then starting some auto-scroll - which is perceptually probably very confusing. I don't say this won't happen in Outliner, but there is simply much more space by default to do these things. So the question is, why not to get rid of the lists instead of trying to improve something that won't work also with this improvement.
Good point. I know of a way certain programs address that : they allow for splitting the list in two : one at the top, another at the bottom. Moving an item a long way is then just a matter of scrolling to the right place in the first 'pane' so to say, and then dragging the item from the second pane into the first one.
@VilemDuha that is irrelevant to improving drag and drop in Blender. We use this UI in many places, not just for Vertex Groups.
@WilliamReynish My comment was directed at all these use cases. Vertex groups are just the most prominent case.
Added subscriber: @Imaginer
Added subscriber: @Constantina32
Added subscriber: @Ryxx
Added subscriber: @LucianoMunoz
Added subscriber: @testure
Added subscriber: @Pipeliner
Added subscriber: @RomboutVersluijs
Added subscriber: @xan2622
Added subscriber: @Schiette
Added subscriber: @wevon-2
Perhaps minimizing the panels automatically when moving and reopening them once they have been rearranged would make it more compact and avoid scrolling.
Added subscriber: @muhuk
Added subscriber: @erminos
Added subscriber: @Low_Polygon42
Removed subscriber: @Low_Polygon42
Added subscriber: @Aeraglyx
Added subscriber: @apprenti90