Simulate the MIUI volume change ring progress bar implementation, miui volume ring progress bar

Simulate the MIUI volume change ring progress bar implementation, miui volume ring progress bar

In Android, there are actually a lot of business scenarios where the ring progress bar is used. For example, when downloading a file, the ring progress bar will give users a bright impression, and I like the MIUI system, its volume progress bar is to use a ring progress bar to show Xiaomi's purpose of "giving birth to fever. Today, we are going to unveil the stories behind those tall designs, so that we can achieve this cool effect.

In fact, the ring progress bar is just a slightly complex custom control. After reading the "Android custom control" series some time ago, it will be easier to understand. Students who have not yet read it, turn right when they go out, view historical news, and then look back at today's content, it will be easier to get started.

1. Define Custom Attributes

Ii. Declare member variables

NOTE: For the understanding of custom controls, it is actually the most reliable to look at its member variables first, understanding member variables means understanding the functions and internal logic of the control. For example, if we shared yesterday that the custom control class of Launcher only contains more than 100 rows of variables and you don't have to calm down and understand these variables, you are unlikely to understand how I implement them. If you do not understand the meaning of declared variables, it is often worth the candle to blindly reading the source code. Remember.

3. Get custom attribute values

4. Logical implementation: drawing using canvas in onDraw

5. Layout

Finally, let's look at the effect.

As you can see, it is so simple to implement the Circular progress bar of the Xiaomi system. However, we plot the progress value in the middle of the circle, and Xiaomi draws the volume icon, which only requires canvas. change drawText (text, x, y, paint) to canvas. drawBitmap (bitmap, left, top, paint) is just a parameter difference. If you are interested, you can implement it on your own.

Well, today's dry goods are all here.

Source Code address: https://github.com/JackCho/RoundProgressBar

If it is helpful to you, you are welcome to subscribe to my public account --Android sharing (ID: android_share). The QR code below provides you with timely and high quality Android dry goods.

Volume display progress bar

The volume display progress bar is implemented by a random power management driver. If the driver is uninstalled or the optimizer software is used to disable the automatic operation of the power management, the fault may occur.
Lenovo enterprise Platform [Official Certification]

Lenovo V450 notebook desktop directly below will suddenly show the volume change progress bar, the volume is automatically adjusted to the maximum, ask how to solve

Notebook string key, I suggest 4008108888, go to Lenovo Sunshine 100 free repair.
If you want to repair it on your own, you may have to split the keyboard cap or take down the entire keyboard. If you are not afraid of bad, you can split it on your own. If you are afraid of bad, you can find the customer service for free.