Create a custom view in android

Question

I am new to complicated views in Android, and I'm trying to create this type of view:
example 1 example 2

After looking around, I discovered it can be done using HTML, and CSS. However, I want to know how I can create those views in native Android without using webview?

Edit: Based on the responses I researched and found Lottie's file which can be used to create example 2 UI. So, it creates a JSON file which can later be displayed in the UI. However, the problem is that the alignment of the power flow line and the circle does not align properly. Because the power flow line(Lottie file) when in XML, the Lottie file takes much space and cannot be aligned properly with a circle image when there are multiple XML components in the UI. So, I want to know if we have any other ways to create the example 2 UI.

Answer 1

These can't be designed in XML. Use gif or short videos for this. You can use multiple videos or GIFs for different stages.