[GUIDE][MOD][Notch devices] Show both clock and notification icon on status bar notch - Xiaomi Mi 8 SE Themes, Apps, and Mods

{
"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"
}
Hello everybody!
Just wanted to write a guide to mod SystemUI for notch device cause I want to show both notification icon and clock. This mod is temporary because I believe that MIUI Team will fix this in next version
Big update: This mod is officially supported by mi-globe.com and made for all version of MIUI. Big thanks to mi-globe.com and @zapperbyte.
See more here:
https://mi-globe.com/miui-notification-icons-for-notch-phones/[/QUOTE]
Ok let start
Things needed:
1.Basic knowledge how to compile/decompile using Apktool/Apk Studio... whatever you prefered
3.Brain and pation
Thanks to @sacca25 for letting me know about mi-globe forum. Thanks mi-globe forum for awesome center-clock mod
Steps:
First, backup your original MiuiSystemUI.apk
1. Decompile center clock MiuiSystemUI
2. Edit status_bar layout
3. Edit status_bar smali code
4. Edit dimension for smaller clock
5. Recompile MiuiSystemUI. Done!
Dont forget to run "adb shell settings put system status_bar_show_notification_icon 1" from CMD
Edit smali code. Be careful
Note: Code can be different base on MIUI release version and devices. Find exactly code to remove. Just look at method name to find
1. Edit SystemUI\smali\com\android\systemui\statusbar\phone\CollapsedStatusBarFragment.smali
Find this code and remove RED line
Code:
.method public hideNotificationIconArea(Z)V
.locals 1
[COLOR="Red"] sget-boolean v0, Lcom/android/systemui/Constants;->IS_NOTCH:Z
if-nez v0, :cond_0[/COLOR]
iget-object v0, p0, Lcom/android/systemui/statusbar/phone/CollapsedStatusBarFragment;->mNotificationIconAreaInner:Landroid/view/View;
invoke-direct {p0, v0, p1}, Lcom/android/systemui/statusbar/phone/CollapsedStatusBarFragment;->animateHide(Landroid/view/View;Z)V
[COLOR="red"] :cond_0[/COLOR]
return-void
.end method
Next find this code and remove RED line too
Code:
.method public initNotificationIconArea(Lcom/android/systemui/statusbar/phone/NotificationIconAreaController;)V
.locals 3
iget-object v1, p0, Lcom/android/systemui/statusbar/phone/CollapsedStatusBarFragment;->mStatusBar:Lcom/android/systemui/statusbar/phone/PhoneStatusBarView;
const v2, 0x7f0a01d1
invoke-virtual {v1, v2}, Lcom/android/systemui/statusbar/phone/PhoneStatusBarView;->findViewById(I)Landroid/view/View;
move-result-object v0
check-cast v0, Landroid/view/ViewGroup;
invoke-virtual {p1}, Lcom/android/systemui/statusbar/phone/NotificationIconAreaController;->getNotificationInnerAreaView()Landroid/view/View;
move-result-object v1
iput-object v1, p0, Lcom/android/systemui/statusbar/phone/CollapsedStatusBarFragment;->mNotificationIconAreaInner:Landroid/view/View;
iput-object p1, p0, Lcom/android/systemui/statusbar/phone/CollapsedStatusBarFragment;->mNotificationIconAreaController:Lcom/android/systemui/statusbar/phone/NotificationIconAreaController;
iget-object v1, p0, Lcom/android/systemui/statusbar/phone/CollapsedStatusBarFragment;->mNotificationIconAreaInner:Landroid/view/View;
invoke-virtual {v1}, Landroid/view/View;->getParent()Landroid/view/ViewParent;
move-result-object v1
if-eqz v1, :cond_0
iget-object v1, p0, Lcom/android/systemui/statusbar/phone/CollapsedStatusBarFragment;->mNotificationIconAreaInner:Landroid/view/View;
invoke-virtual {v1}, Landroid/view/View;->getParent()Landroid/view/ViewParent;
move-result-object v1
check-cast v1, Landroid/view/ViewGroup;
iget-object v2, p0, Lcom/android/systemui/statusbar/phone/CollapsedStatusBarFragment;->mNotificationIconAreaInner:Landroid/view/View;
invoke-virtual {v1, v2}, Landroid/view/ViewGroup;->removeView(Landroid/view/View;)V
:cond_0
iget-object v1, p0, Lcom/android/systemui/statusbar/phone/CollapsedStatusBarFragment;->mNotificationIconAreaInner:Landroid/view/View;
invoke-virtual {v0, v1}, Landroid/view/ViewGroup;->addView(Landroid/view/View;)V
const/4 v1, 0x0
invoke-virtual {p0, v1}, Lcom/android/systemui/statusbar/phone/CollapsedStatusBarFragment;->showNotificationIconArea(Z)V
[COLOR="Red"] sget-boolean v1, Lcom/android/systemui/Constants;->IS_NOTCH:Z
if-nez v1, :cond_1[/COLOR]
iget-object v1, p0, Lcom/android/systemui/statusbar/phone/CollapsedStatusBarFragment;->mStatusBar:Lcom/android/systemui/statusbar/phone/PhoneStatusBarView;
const v2, 0x7f0a01a9
invoke-virtual {v1, v2}, Lcom/android/systemui/statusbar/phone/PhoneStatusBarView;->findViewById(I)Landroid/view/View;
move-result-object v1
check-cast v1, Lcom/android/systemui/statusbar/StatusBarIconView;
invoke-virtual {p1, v1}, Lcom/android/systemui/statusbar/phone/NotificationIconAreaController;->setMoreIcon(Lcom/android/systemui/statusbar/StatusBarIconView;)V
[COLOR="red"] :cond_1[/COLOR]
return-void
.end method
Finally for this file, found this code and remove RED line
Code:
.method public showNotificationIconArea(Z)V
.locals 1
[COLOR="Red"] sget-boolean v0, Lcom/android/systemui/Constants;->IS_NOTCH:Z
if-nez v0, :cond_0[/COLOR]
iget-object v0, p0, Lcom/android/systemui/statusbar/phone/CollapsedStatusBarFragment;->mNotificationIconAreaInner:Landroid/view/View;
invoke-direct {p0, v0, p1}, Lcom/android/systemui/statusbar/phone/CollapsedStatusBarFragment;->animateShow(Landroid/view/View;Z)V
[COLOR="red"] :cond_0[/COLOR]
return-void
.end method
2. Edit SystemUI\smali\com\android\systemui\statusbar\phone\StatusBar.smali
Find this code and remove RED line
Code:
.method private updateNotificationIconsLayout()V
.locals 5
iget v3, p0, Lcom/android/systemui/statusbar/phone/StatusBar;->mState:I
const/4 v4, 0x1
if-ne v3, v4, :cond_1
const/4 v1, 0x1
:goto_0
iget-object v3, p0, Lcom/android/systemui/statusbar/phone/StatusBar;->mMiuiStatusBarPrompt:Lcom/android/systemui/miui/statusbar/phone/MiuiStatusBarPromptController;
const/4 v4, 0x2
invoke-virtual {v3, v4}, Lcom/android/systemui/miui/statusbar/phone/MiuiStatusBarPromptController;->isShowingState(I)Z
move-result v0
[COLOR="Red"] sget-boolean v3, Lcom/android/systemui/Constants;->IS_NOTCH:Z
if-nez v3, :cond_2[/COLOR]
iget-boolean v3, p0, Lcom/android/systemui/statusbar/phone/StatusBar;->mShowNotifications:Z
if-eqz v3, :cond_2
if-eqz v0, :cond_0
if-eqz v1, :cond_2
:cond_0
iget-boolean v3, p0, Lcom/android/systemui/statusbar/phone/StatusBar;->mDemoMode:Z
xor-int/lit8 v2, v3, 0x1
:goto_1
iget-object v4, p0, Lcom/android/systemui/statusbar/phone/StatusBar;->mNotifications:Landroid/view/View;
if-eqz v2, :cond_3
const/4 v3, 0x0
:goto_2
invoke-virtual {v4, v3}, Landroid/view/View;->setVisibility(I)V
return-void
:cond_1
const/4 v1, 0x0
goto :goto_0
:cond_2
const/4 v2, 0x0
goto :goto_1
:cond_3
const/4 v3, 0x4
goto :goto_2
.end method
Done. Now you have notification icon show on status bar, but it covered by the notch. Next, we going to edit layout file to show notification icon
Edit status bar layout
Just need to replace status_bar.xml attach below to exist one in res/layout folder
For one who have knowledge about editting xml layout file, you can edit layout file to what you prefered.
Edit dimension (Optional)
Edit dimension for smaller clock size and smaller notification icon size
Open res/values/dimens.xml and find code to edit
For clock size. Mine is 9.0sp:
Code:
<dimen name="status_bar_clock_size">11.5sp</dimen>
For clock padding. Mine is 2.0dp
Code:
<dimen name="status_bar_clock_end_padding">3.0dip</dimen>
Code:
<dimen name="status_bar_clock_starting_padding">3.0dip</dimen>
For notification icon size. Mine is 10dp:
Code:
<dimen name="status_bar_icon_size">13.0dip</dimen>
You can edit another dimensions like status_bar_notification_icon_padding for notification icon padding, status_bar_padding_start for statusbar padding...
Recompile APK and use it. Again, dont forget to run "adb shell settings put system status_bar_show_notification_icon 1" from CMD
Problem fixing:
1. For one who facing problem with pip_dismiss_scrim.9.png when recompiling, download attachment below, unzip it and override exist one
2. Statusbar missing after reboot:
- Open both original MiuiSystemUI.apk and recompiled MiuiSystemUI.apk in winrar.
- Replace classes.dex from new apk to original one
- Replace status_bar.xml from new apk to original one
- Replace resources.arsc from new apk to original only if you modify dimens
- Use the original with replaced files
Thanks for reading. Any idea/comments would be appriciated
Bonus: Here my mod for Mi8 SE using 8.9.20 ROM. Backup and flash via twrp:
https://drive.google.com/file/d/1Huq9zcHtOHs9bQL80U8ikqaW-fLCEEXC/view

---

Thanks for your great tutorial.

---

Guml3y said:
Thanks for your great tutorial.
Click to expand...
Click to collapse
You're welcome

---

I'm trying to apply it on MI 8 SE (sirius) w/o success
I'm a beginner...could you pls check my steps below
miuisystemui.apk decompiled but I didn't find smali files... I used ui.apk extract fm zip archive downloaded...I need to use the original one on my phone?

---

lerch82 said:
I'm trying to apply it on MI 8 SE (sirius) w/o success
I'm a beginner...could you pls check my steps below
miuisystemui.apk decompiled but I didn't find smali files... I used ui.apk extract fm zip archive downloaded...I need to use the original one on my phone?
Click to expand...
Click to collapse
You must to decompile using apktool or another, with properly installed framework. MiuiSystemUI.apk from your phone or zip rom for your phone accepted

---

Thank you for this tutorial!!
But i've and error with the pip_dismiss_scrim.9.png
This is the error i got with original MiuiSystemUI.apk recompile:
Code:
W: ERROR: 9-patch image C:\Users\user\Desktop\ApkTool\ApkTool\MiuiSystemUI\res\drawable-xxhdpi\pip_dismiss_scrim.9.png malformed.
W: No marked region found along edge.
W: Found along left edge.
W: ERROR: Failure processing PNG image C:\Users\user\Desktop\ApkTool\ApkTool\MiuiSystemUI\res\drawable-xxhdpi\pip_dismiss_scrim.9.png
So i've replaced the PNG with the one you provided, but now i've another error:
Code:
W: ERROR: 9-patch image C:\Users\user\Desktop\ApkTool\ApkTool\MiuiSystemUI\res\drawable-xxhdpi\pip_dismiss_scrim.9.png malformed.
W: Image must be at least 3x3 (1x1 without frame) pixels.
W: ERROR: Failure processing PNG image C:\Users\user\Desktop\ApkTool\ApkTool\MiuiSystemUI\res\drawable-xxhdpi\pip_dismiss_scrim.9.png

---

gulp79 said:
Thank you for this tutorial!!
But i've and error with the pip_dismiss_scrim.9.png
This is the error i got with original MiuiSystemUI.apk recompile:
Click to expand...
Click to collapse
I've updated attachment for this 9-patch. XDA has problem while downloading 9-patch attach directly

---

Trần Anh VN said:
I've updated attachment for this 9-patch. XDA has problem while downloading 9-patch attach directly
Click to expand...
Click to collapse
All ok now! Thank you!

---

gulp79 said:
All ok now! Thank you!
Click to expand...
Click to collapse
Glad to hear that

---

Trần Anh VN said:
You must to decompile using apktool or another, with properly installed framework. MiuiSystemUI.apk from your phone or zip rom for your phone accepted
Click to expand...
Click to collapse
many thanks

---

Hi! Can i flash bonus file for miui eu stable OEBCNFH??

---

Thank you very much for mod!!!
One different question!!
What tempered glass do you have? It seems to have great fit. Every one that i bought (cheap ones) was rubbish.
Thanks again

---

gulp79 said:
Thank you for this tutorial!!
But i've and error with the pip_dismiss_scrim.9.png
This is the error i got with original MiuiSystemUI.apk recompile:
Code:
W: ERROR: 9-patch image C:\Users\user\Desktop\ApkTool\ApkTool\MiuiSystemUI\res\drawable-xxhdpi\pip_dismiss_scrim.9.png malformed.
W: No marked region found along edge.
W: Found along left edge.
W: ERROR: Failure processing PNG image C:\Users\user\Desktop\ApkTool\ApkTool\MiuiSystemUI\res\drawable-xxhdpi\pip_dismiss_scrim.9.png
So i've replaced the PNG with the one you provided, but now i've another error:
Code:
W: ERROR: 9-patch image C:\Users\user\Desktop\ApkTool\ApkTool\MiuiSystemUI\res\drawable-xxhdpi\pip_dismiss_scrim.9.png malformed.
W: Image must be at least 3x3 (1x1 without frame) pixels.
W: ERROR: Failure processing PNG image C:\Users\user\Desktop\ApkTool\ApkTool\MiuiSystemUI\res\drawable-xxhdpi\pip_dismiss_scrim.9.png
Click to expand...
Click to collapse
hellow
change that file by the same name, but change to jpg extension and remove the png
fixed up
regards
---------- Post added at 12:51 PM ---------- Previous post was at 12:48 PM ----------
thanks man:
we will use it, as long as the Chinese do not fix it
a greeting

---

lmj2261 said:
Hi! Can i flash bonus file for miui eu stable OEBCNFH??
Click to expand...
Click to collapse
Not sure but you can try

---

ageloskalp said:
Thank you very much for mod!!!
One different question!!
What tempered glass do you have? It seems to have great fit. Every one that i bought (cheap ones) was rubbish.
Thanks again
Click to expand...
Click to collapse
Try to find full glue tempered glass with black border. They call 5D, 6D...
Like this

---

Can you make a flashable zip for lastest stable eu?
Thanks in advance.
(Em cảm ơn)

---

any direct and easy flashable zip available. just download and flash over twrp on xiaomi.eu stable rom?

---

thanhnvt194 said:
Can you make a flashable zip for lastest stable eu?
Thanks in advance.
(Em cảm ơn)
Click to expand...
Click to collapse
Plabon7 said:
any direct and easy flashable zip available. just download and flash over twrp on xiaomi.eu stable rom?
Click to expand...
Click to collapse
Finding a way to make a flashable zip which work for all devices, all version of rom. Not sure I can right now

---

Seem like android P for mi 8 has a little bit different. Waiting for update
Code:
.method public hideNotificationIconArea(Z)V
.locals 1
invoke-static {}, Lcom/android/systemui/Util;->isNotch()Z
move-result v0
if-nez v0, :cond_0
iget-object v0, p0, Lcom/android/systemui/statusbar/phone/CollapsedStatusBarFragment;->mNotificationIconAreaInner:Landroid/view/View;
invoke-direct {p0, v0, p1}, Lcom/android/systemui/statusbar/phone/CollapsedStatusBarFragment;->animateHide(Landroid/view/View;Z)V
:cond_0
return-void
.end method

---

I have installed the zip file but only 3 points appear in the notification bar, do not see the icons
What should I do to finish seeing the icons in the notification bar and thanks for this help