How to implement the Moto Body rounded gauge - android-widget

I am looking for a library or code snippet that implements the rounded gauge to Android Wear, like the Moto Body. How to implement it?

There is a library called Fit-Chart avaiable at Github.

Related

Flutter : Samsung Galaxy Watch 4 Classic - Rotating Bezel

So, I am using wear plugin for this, the first exciting thing I wanted to try out was scrolling through a ListView or a PageView using the rotating bezel. But that didn't happen. I searched too, but didn't find anything for flutter.
Is setting up a custom method channel the only way for now? Are there any details I'm missing out on?
UPDATE : Native method requires a View object to use view.setOnGenericMotionListener. Since flutter renders it's own views, I can't access it via method channel. Please correct me if I'm wrong and if it's possible to put a listener on the view generated by flutter itself.

Making soap bubble input selection (like in apple music)

The goal is to develop a widget where I can pass an array of strings and it generates the soap bubbles like in the video, including the physics effect when you drag them around. Does anyone know how to implement a widget like this, are there any libraries that provide the physics for the bubbles?
Here is the video I am talking about: https://youtu.be/ydYah_BXt9A?t=29
I had the same issue - ended up going with React Native and then embedding it into the flutter app
Here is an example project I found on GitHub that I used as foundation: react-native-bubble-select

Flutter masking image with svg

So far I found in the documentation info about BlendMode in Flutter, but I haven't found the code example or something that will refer to exact usage of this enum in order to achieve masking in Flutter with image and svg file.
I found the flutter_svg library, but I haven't seen in the documentation that this feature is available. Also, I found a lot of examples for web(html/css), one of them is this.
So, is it possible and if yes how to achieve masking like this in Flutter?
Thanks

How to make dart Widgets fully transparent to see platform native view under FlutterView?

I want to create a video chat app, using some platform native SDK like WebRTC to implement the video part, using flutter to implement other interactivity, how could I achieve that?
In Android, I try to hook the createFlutterView method, create a FrameLayout to hold the FlutterView and other native views under FlutterView, and make it as Activity's content view by setContentView.
FlutterView is a subclass of SurfaceView, so I can make it transparent like this:
flutterView.setZOrderOnTop(true);
flutterView.getHolder().setFormat(PixelFormat.TRANSPARENT);
To make FlutterView's surface background transparent, I declare android:colorBackground as #00000000 in my theme, according to FlutterView's source code.
With those setup, I can see the view under FlutterView for a short period, after that it's covered by Widgets declared in dart code. I think that short period is the dart code load time.
To verify that, I create a pure Android project with the same views as above, but without any dart code. In that project, views under FlutterView show well all the time.
So, my question is, how to make dart Widgets fully transparent to see platform native view under FlutterView?

Is there a high-level gestures library for iPhone development?

The iPhone platform has a number of common gesture idioms. For example, there are taps, pinches, and swipes, each with varying number of fingers. But when you're developing an app, it's up to you to implement these things based on low-level information about the number and locations of touches. It seems like this is a prime candidate for a library. You would register a delegate, set some parameters like multi-tap interval and swipe threshold, and get calls like swipeStarted/Ended, pinchStarted/Ended, multiTap, etc. Does such a library exist?
I've set up just such a project. It's not a library, but it is full of sample code for pinch/stretch, tap and hold, etc.
Blog:
http://6tringle.com/blog/2009/TouchSampleCode.html
Github:
http://github.com/kailoa/6tringle-touchsamplecode/tree/master
Here is one for detecting the circle gesture, with the source code provided. Might be useful for adapting it to detect other geatures.
http://iphonedevelopment.blogspot.com/2009/04/detecting-circle-gesture.html
UIGestureRecognizer. Don’t roll your own.
I forked Kailoa's very nice example and attempted to create a library.
http://github.com/bentford/GestureDetect
I intend to add a combination "pinch-zoom and drag" gesture like the one in the maps app. Once I get it working, I'll post on github.