I tried various other things like FAB Circular menu, but I wasn't able to achieve this outcome. Any help is appreciated.
This is from an app I saw on the Play Store
Not sure, if this is the best way, but I guess you could draw this (e.g. slices of a donut), position them with screen width, sin and cos and then put inkwells on top of them.
Related
I am new to gestures and I don't get any proper solution for achieving my request,
Can anyone help me in dragging a container up and down vertically to a certain point?.
I need to achieve something like the below image.
Thanks in advance.
Consider using draggable home if you want a ready-made similar effect.
If you want to replicate the goggle maps UI one-on-one, consider reading DraggableScrollableSheet and make one your own.
Hope it helps!
Trying to reach design from screenshot.
All elements in circle must be able to work with logic which include change color.
Gray and green'ish one elements are disabled and blue'ish is active.
Probably I should use some kind of canvas to get this done, but I am not sure.
Thanks for all response!
Edit:
Very important part of logic. I want to dynamicaly change number of those circular elements.
You would need to use custom painter to achieve this.
You can check out Flutter shape maker! its a tool that can help with drawing this out.
I'm generating multiple widgets(Containers in this case) using a ListView.builder and I also use a custom ClipPath to give a custom shape to them.
I was wondering if would it be possible to translate or somehow overlay those list items in order to place them so that the background(black area in the attached screenshot) would be covered. By that I mean I want to place them right under each other, like puzzle pieces. To be able to fit them right under each other would probably mean they would have to be overlayed somehow. Was googling but without any success.
Hopefully there's some Flutter experts out there who are nice enough to guide me. Thanks a lot!
I am trying to created a vertical menu (on the left side of the screen) which I can display and hide using a gesture recognizer.
I have found a post similar to this which helped slightly, but all it did was rotate the UIToolBar to a vertical position without changing the width or position.
If anyone has succesfully created something similar to this and is willing to help I would greatly appreciate it!
Also, if anyone can point me in the right direction possibly to some sample code I would like that as well.
You could do this with a UIToolBar by applying a 90 degree rotation transform, and then having all your icons rotated 90 degrees to match - you can change the width and position simply by adjusting the UIToolBar frame. However, you will need to create your own toolbar to do this rather than using the built-in one you get with a navigation controller.
Another option is simply to roll it yourself: this will allow you more customisation, so is perhaps the better option. There are a number of third-party implementations of varying types, some based off the current Facebook App side-bar, a good place to start looking is http://cocoacontrols.com - they are of varying quality.
On the other hand, it wouldn't be too difficult to roll your own, so that's a good option to consider.
I hardly know how to explain my case other than to point to the excellent Absolute vodka app, Drink Spiration.
I am trying to make a carousel like image browsing with a little spice. I would really like to find a simple core animation explanation on how to accomplish something like the above app.
I hope someone can help with this. The solution doesn't have to be exactly the same, but just explain what is happening and it would be best if it was simple and no opengl. Just something to point me in the right direction. I don't think using just a scrollview with uiimageviews is enough.
I wrote something similar and its quite easy once you figure it out in your mind. All done justing using regular old views and animating transforms on them.
Say its 3 images on screen, and you can rotate new ones on and off ... then you will need 5 views set up (most simply just a UIImageView with a relevant image set). They are the currently selected image, the two either side of it and the ones that are, or will be animating on or off when the user flicks left or right.
Each of these 5 images has a position, an angle and an image. When the user flicks left or right each gets animated to the next position and angle, views that are about to come onscreen have their image updated to the next image in the set. If the user keeps on flicking in the same direction you simply reposition views on one side as they come off the other.
With this setup you can do lots of cool carousel like things very simply.