User avatar
Gazoo
Topic Author
Posts: 12
Joined: 14 Sep 2022, 10:00
Contact:

Recommendations for a slide in / slide out docking panel containing drag and drop widgets

23 Sep 2022, 07:43

Hey all,

I'm hoping someone can point me towards the right widgets to use to replicate behavior that exists in my current GUI. I'm trying to create a set of docked tabs on any side of the application interface, that the user can then click which will expand/reveal a tab filled with elements that can then be dragged and dropped on to a different canvas.

Explaining Ui interaction is tricky, so it's probably easiest to simply show a somewhat dated video tutorial on my current GUI: https://youtu.be/ANeBo-cII_o?t=6

I've seen some dock and tab widgets in noesisgui/wpf, but Imagine these might be largely static. Also the typical tab design in windows tends to be with fairly small text, and I'd like to have some sizable icons/text to make the tabs easy to use for touch.

I realize this is a pretty broad and open question, so I'm definitely not expecting exhaustive answers, just some advice and to be pointed in the right direction using NoesisGui.

I should note, re. drag and drop behaviors, I have seen this tutorial which looks like a great place to get familiar with drag and drop: https://github.com/Noesis/Tutorials/tre ... /Inventory
I do wonder if there are complications involved re. dragging and dropping elements from one canvas/parent to another.

Thanks in advance,
Gazoo
 
User avatar
Gazoo
Topic Author
Posts: 12
Joined: 14 Sep 2022, 10:00
Contact:

Re: Recommendations for a slide in / slide out docking panel containing drag and drop widgets

Yesterday, 10:26

Minor update. I've made some head-way re. a slide in/out panel. I was hoping this could potentially be implemented in xaml only, but I've come to realize that the logic required for this to work properly is simply too complex for a mark-language like xaml (happy to hear counter points). I did find a pure xaml implementation of a button that slides a panel back and forth, however this leverages a toggle buttons checked/unchecked state to alternate behavior which is 'close but no cigar'. I want a series of tabs that either switch tabs (if not active) or slide the entire canvas in/out if the same tab is clicked. Source for toggle slide / in out xaml only example: https://www.geekinsta.com/creating-a-sl ... el-in-wpf/

I also found this possible inspirational source for the panel I wish to create:
https://stackoverflow.com/questions/518 ... t-slide-in

I believe a UserControl that contains the elements I need is the right way to go - happy to hear counter points.

One behavior I wish to implement is still a massive question mark to me - specifically, dragging a widget and have it be replaced with a different widget while being dragged. I realize that it's possible to simply have one widget change states while being dragged, but this would require some complicated widget design housing two different sets of code and I'd much prefer replacing a widget 'mid-drag'. I'm guessing it's possible to replace a widget in active xaml, but is it also possible to transfer any interactions between the widget being replaced, and the new widget replacing it?

Cheers,
Gazoo

Who is online

Users browsing this forum: Bing [Bot] and 0 guests