Flutter Radial Select Menu (Pie Menu) Implementation - flutter

I would like to create a widget commonly found in many games for selecting different options from a radial menu.
The widget should have a button in the middle which you drag to one part of a surrounding circle-outline to select one option.
One example is the spotting menu in Apex Legends.
How would you go about it?
I am pretty new to flutter.
Thanks for any suggestions!

Related

Create a menu on avatar click

I've been searching for quite a while now, and I don't know if I'm not searching the correct term, but I want to make a menu that displays over the current screen when you click on your avatar.
Like this one from Google:
Or this one from Facebook:
I tried using showMenu(), but this one requires that I use PopUpMenuItem() which is, but it does not allow customizing the whole menu. For what I understand, I have to draw a Material() widget or Stack() over the current screen, but I have no knowledge on that.
What you need is an OverlayEntry. They're tricky, and there are packages that help you manage overlays more easily. Please check these:
https://pub.dev/packages/modals
https://pub.dev/packages/flutter_portal

Is it possible to add search filter/box to a tree view component?

Im making an extension and I'm curious is it possible to add a search filter/box to a tree component?
Im currently coding the extension in javascript but im not sure if its possible or not
This is what i want to add in at the top of my tree view
It will be built-in to vscode in v1.70. Here it is working in a treeView that I wrote for vertical tabgroups:
The placement of the find widget is a little unfortunate right now.
WHen you have focus in the treeView Ctrl+F is bound to the command list.find which brings up the Find in list/treeView widget.
You need to enable the filter option icon to see it work.

How to add Chains feature of constraint layout with design in android studio

I have two images in constraint layout. I want to use chains feature with design page in android studio but I can't find icon or menu that represent Chains feature.
Update (2019 august 23)
The small buttons shown on the screenshots are now available on the right click menu, Google updated the UI for more easy layout operations.
How to add Chains feature of ConstraintLayout with Android Studio's 'Layout Editor'?
The chain style can be controlled by "chain" button right below the view:
Click on it few times to toggle between all 3 modes:
spread (the default one)
spread_inside
packed
Let's see some examples
centering views which are connected together using chain
drag and drop three buttons into the Android Studio's 'Layout Editor'
Select those buttons together by dragging mouse
Pack them vertically using the 'pack' button in 'Layout Editor'
Align them center horizontally using 'Align-Center horizontally' button
Align them center vertically using the 'Align-Center vertically' button
Here we used the pack option. similar to this, you can try spread and spread inside options of chain to see the difference. cheers :)
First put two images horizontally.
Select both of them with the left click of the mouse.
Then press center horizontal form toolbar.
The chain is served.
Similarly, you can create the vertical chain.

Can you create a resizable control in SWT?

I am currently working with the SWT package in Eclipse. Is it possible to create a resizable control within a composite control.
For instance, if I have a tree control which I would like to expand, but in order to view the sub tree items I would like to 'click and drag' the border of the tree to resize it, much like the draggable divider in the Eclipse help website.
I think the SWT Sash is what you are looking for.
Here is a good example on how to use it.
EDIT:
Just found that SashForm is much easier to use. See LINK for a good example.

GWT Collapsible Panel found in common google services?

The GWT Incubator contains this widget, but it doesn't provide the clean look and feel I am looking for. The Same page does show precisely the widget I would like to use:
A thin resize bar with the small middle arrow icon which is clicked to hide/show a docked panel on the side of the page.
The widget appears on many google services pages, which makes me suspect that it may be a common widget:
Google Reader
Slightly modified (animated) version on Maps
Does anyone where to find or know how to build this widget in GWT.
How about using a VerticalSpliPanel and overriding the OnClick event? On click you can hide your navigation panel.
I don't think Maps and Google Reader are build using GWT. I know Wave is, and it doesn't use the collapsible panel you're looking for... My guess is that this specific widget is not available in GWT but you may be able to find a suitable replacement. Let me know if you do.