[APP][KLWP] Notch Battery Bar using KLWP - OnePlus 6 Themes, Apps, and Mods

UPDATE:
Created APK using KAPK Kustom Skin Pack Maker (just the notch and empty WP changeable from Globals) so you can copy and paste to your current setup
APK Link: Dropbox | Google Drive
---
For those who had read @kumarsid7 thread for [APP][Notch Battery Bar - Live Wallpaper, here is how to do it in KLWP
Create Overlap Group (call it Notch layer) with Position: Top --> Y Offset: -60
Inside "Notch layer" create 225x120 (with 45-50 corner) Shape --> Rectangle with FX -> Mask -> Clip Next Module
Inside "Notch layer" create 225x120 Progress (Battery) with programmable #FgColor and transparent BgColor
Here is my code simple FgColor:
Code:
$if(bi(charging)=1,"#ff0000ff",bi(level) >= 75, "#ff00ff00", bi(level) >= 25, "#ffffff00", "#ffff0000")$
Charging - Blue
Battery >= 75% - Green
Battery between 25 and 75% - Yellow
Battery < 25% - Red
If you want something more fancy, you could add the following formula for BgColor:
Code:
$if(bi(charging)=0,"#000000ff",bi(level) >= 75, "#ff00ff00", bi(level) >= 25, "#ffffff00", "#ffff0000")$
When charging, it would show the current level and their respective color towards the end of the bar.
Screenshots
Discharging Screenshot:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Charging Screenshot:

---

This is great. Thanks it worked perfectly.

---

Interesting. I was wondering if there is any way we can do it "centred" (as in starting from the sides and emptying towards the center), as I'm already rocking a centred battery bar and to have the notch to be part of that battery bar would be pretty awesome.
Of course I have to calibrate the notchbar to start measuring (getting shorter?) from wherever the battery bar cuts off though (around 30% probably) as well for full effect, but eyyy it's KLWP after all... there'll probably be a way.

---

eiraku said:
Interesting. I was wondering if there is any way we can do it "centred" (as in starting from the sides and emptying towards the center), as I'm already rocking a centred battery bar and to have the notch to be part of that battery bar would be pretty awesome.
Of course I have to calibrate the notchbar to start measuring (getting shorter?) from wherever the battery bar cuts off though (around 30% probably) as well for full effect, but eyyy it's KLWP after all... there'll probably be a way.
Click to expand...
Click to collapse
I don't think there's an easy way, but there is a way to make it manually:
Create 2 different rectangles
Make them back to back
rotate one of them 180 degrees
You can then add more rectangles in the middle to make it more flushed, or overlap them, whichever you prefer. Some math may be required.