Develop Bugs

[MOD][HOW-TO] AOSP Style Notification Drawer "Clear Notifications" Button

This guide will allow you to move the clear notifications button in a TW ROM to the position common in AOSP ROMS.
This mod also removes the notification text, allowing a little more room for notifications.
Decompile SystemUI.apk and navigate to res/layout/tw_status_bar_expanded.xml then delete the line in red.
Code:
<LinearLayout android:orientation="vertical" android:id="@id/noNotificationsTitle" android:focusable="true" android:layout_width="fill_parent" android:layout_height="wrap_content">
<TextView android:textSize="@dimen/status_bar_expanded_notification_category_text_size" android:textStyle="bold" android:textColor="@color/notification_category_color" android:gravity="left|center" android:id="@id/noNotificationsText" android:paddingLeft="11.0dip" android:layout_width="fill_parent" android:layout_height="@dimen/status_bar_expanded_notification_category_height" android:text="@string/status_bar_no_notifications_title" />
</LinearLayout>
<LinearLayout android:orientation="vertical" android:id="@id/onGoingCart" android:background="#ff293945" android:focusable="true" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="@dimen/status_bar_expanded_notification_category_height">
<TextView android:textSize="@dimen/status_bar_expanded_notification_category_text_size" android:textStyle="bold" android:textColor="@color/notification_category_color" android:gravity="left|center" android:id="@id/onGoingNotificationText" android:paddingLeft="11.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:text="@string/status_bar_ongoing_events_title" />
</LinearLayout>
<com.android.systemui.statusbar.policy.NotificationRowLayout android:id="@id/onGoingItems" android:layout_width="fill_parent" android:layout_height="wrap_content" systemui:rowHeight="@dimen/tw_notification_row_min_height" />
<LinearLayout android:orientation="vertical" android:id="@id/notificationCart" android:background="#ff293945" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="@dimen/status_bar_expanded_notification_category_height">
<RelativeLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content">
<TextView android:textSize="@dimen/status_bar_expanded_notification_category_text_size" android:textStyle="bold" android:textColor="@color/notification_category_color" android:gravity="left|center" android:id="@id/latestNotificationText" android:paddingLeft="11.0dip" android:layout_width="180.0dip" android:layout_height="fill_parent" android:text="@string/status_bar_latest_events_title" android:layout_alignParentLeft="true" />
[COLOR="Red"]<TextView android:textSize="@dimen/status_bar_expanded_notification_clear_button_text_size" android:textColor="@color/tw_status_bar_clear_btn_text" android:gravity="center" android:id="@id/clear_all_button" android:background="@drawable/tw_btn_default_small" android:padding="0.100000024dip" android:focusable="true" android:clickable="true" android:layout_width="@dimen/status_bar_expanded_clear_button_width" android:layout_height="fill_parent" android:layout_marginRight="4.0dip" android:text="@string/status_bar_clear_all_button" android:layout_alignParentRight="true" android:contentDescription="@string/accessibility_clear_all" />[/COLOR]
</RelativeLayout>
</LinearLayout>
<com.android.systemui.statusbar.policy.NotificationRowLayout android:id="@id/notificationItems" android:layout_width="fill_parent" android:layout_height="wrap_content" systemui:rowHeight="@dimen/tw_notification_row_min_height" />
<com.android.systemui.statusbar.policy.NotificationRowLayout android:id="@id/latestItems" android:layout_width="fill_parent" android:layout_height="wrap_content" systemui:rowHeight="@dimen/tw_notification_row_min_height" />
Navigate to res/layout/tw_status_bar_expanded_header.xml and add the lines in blue.
Code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:background="#ff000000" android:layout_width="fill_parent" android:layout_height="39.0dip" android:baselineAligned="false"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">
<com.android.systemui.statusbar.policy.ClockStock android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Clock" android:textColor="#ff808080" android:id="@id/clock" [COLOR="Blue"]android:visibility="gone"[/COLOR] android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="8.0dip" android:singleLine="true" />
<com.android.systemui.statusbar.policy.DateView android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Date" android:textColor="#ff808080" android:ellipsize="none" android:id="@id/date" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="8.0dip" android:layout_marginRight="4.0dip" android:maxLines="2" />
<com.android.systemui.statusbar.RotationToggle android:id="@id/rotation_lock_button" android:visibility="gone" android:clickable="true" android:layout_width="32.0dip" android:layout_height="32.0dip" android:layout_margin="8.0dip" android:button="@drawable/ic_notify_rotation" android:contentDescription="@string/accessibility_rotation_lock_off" />
<Space android:layout_width="0.0dip" android:layout_height="0.0dip" android:layout_weight="1.0" />
[COLOR="Blue"]<LinearLayout android:orientation="vertical" android:id="@id/notificationCart" android:background="#ff000000" android:visibility="gone" android:layout_width="72.0dip" android:layout_height="39.0dip">
<RelativeLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content">
<TextView android:textSize="@dimen/status_bar_expanded_notification_clear_button_text_size" android:textColor="#ff808080" android:gravity="center" android:id="@id/clear_all_button" android:background="@drawable/tw_btn_default_small" android:padding="0.100000024dip" android:focusable="true" android:clickable="true" android:layout_width="96.0dip" android:layout_height="fill_parent" android:layout_marginRight="4.0dip" android:text="@string/status_bar_clear_all_button" android:layout_alignParentRight="true" android:contentDescription="@string/accessibility_clear_all" />
</RelativeLayout>
</LinearLayout>[/COLOR]
<ImageView android:layout_width="1.0dip" android:layout_height="25.0dip" android:layout_marginTop="7.0dip" android:layout_marginBottom="7.0dip" android:src="@drawable/tw_quick_panel_plnm_setting_dv" />
<RelativeLayout android:id="@id/settings_button" android:background="@drawable/tw_quick_panel_setting_button_bg" android:focusable="true" android:visibility="visible" android:layout_width="72.0dip" android:layout_height="39.0dip">
<ImageView android:id="@id/settings_button_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/tw_quickpanel_icon_settings" android:scaleType="center" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:contentDescription="@string/accessibility_settings_button" />
</RelativeLayout>
</LinearLayout>
Options:
Change the button text color (android:textColor="#ff808080") to whatever you want.
Add the line "android:visibility="gone"" to the clock line to remove the clock.
Recompile and push to your device.

First
and woohoo...going to try this out tomorrow !
That clear button from TW is my most hated feature.
Thanks again for this
Sent from my SAMSUNG-SGH-I747 using xda premium

Things are only getting better for TW ROM's. Thanks dev for this shre

Awesome work! Can't wait for this mod to eventually make its way to your S3R ROM.
Now if we could only get the smooth scrolling in notification window like in AOSP ROMs.
Sent from my SAMSUNG-SGH-I747

The LPT said:
Awesome work! Can't wait for this mod to eventually make its way to your S3R ROM.
Now if we could only get the smooth scrolling in notification window like in AOSP ROMs.
Sent from my SAMSUNG-SGH-I747
Click to expand...
Click to collapse
I'm not loserskater.

upndwn4par said:
I'm not loserskater.
Click to expand...
Click to collapse
Wow I feel like a tool
Assumption, small fonts, and hidden avatars in the XDA app are a bad mix when you're half asleep.
My apologies. Looks like I'll be trying out CSROM again very soon. Im assuming(there's that word again!) it will make its way there. Or has it already?
Sent from my SAMSUNG-SGH-I747

Success. You made my day !
Now how would I go about changing the button icon ? When looking at the code see its listed at tw_button_small or something like that yet I don't see that PNG. With the CM status bar you change the PNG but TW clear button seems different
When I tried to change the color I kept getting compiling errors so maybe in wasn't doing it correctly but I'll keep at troubleshooting that one.
Sent from my SAMSUNG-SGH-I747 using xda premium

hednik said:
Success. You made my day !
Now how would I go about changing the button icon ? When looking at the code see its listed at tw_button_small or something like that yet I don't see that PNG. With the CM status bar you change the PNG but TW clear button seems different
When I tried to change the color I kept getting compiling errors so maybe in wasn't doing it correctly but I'll keep at troubleshooting that one.
Sent from my SAMSUNG-SGH-I747 using xda premium
Click to expand...
Click to collapse
The drawable/tw_btn_default_small" is actually an xml file in the res/drawable then it points to these.
Code:
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:[email protected]/tw_quick_panel_clearbtn_press" />
<item android:state_focused="true" android:[email protected]/tw_quick_panel_clearbtn_focus" />
<item android:state_selected="true" android:[email protected]/tw_quick_panel_clearbtn_select" />
<item android:state_enabled="true" android:[email protected]/tw_quick_panel_clearbtn_normal" />
<item android:[email protected]/tw_quick_panel_clearbtn_normal" />
</selector>
And there in the res/drawable-xhdpi forlder. Those are the images that would need edited.

hednik said:
Success. You made my day !
Now how would I go about changing the button icon ? When looking at the code see its listed at tw_button_small or something like that yet I don't see that PNG. With the CM status bar you change the PNG but TW clear button seems different
When I tried to change the color I kept getting compiling errors so maybe in wasn't doing it correctly but I'll keep at troubleshooting that one.
Sent from my SAMSUNG-SGH-I747 using xda premium
Click to expand...
Click to collapse
enewman17 said:
The drawable/tw_btn_default_small" is actually an xml file in the res/drawable then it points to these.
Code:
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:[email protected]/tw_quick_panel_clearbtn_press" />
<item android:state_focused="true" android:[email protected]/tw_quick_panel_clearbtn_focus" />
<item android:state_selected="true" android:[email protected]/tw_quick_panel_clearbtn_select" />
<item android:state_enabled="true" android:[email protected]/tw_quick_panel_clearbtn_normal" />
<item android:[email protected]/tw_quick_panel_clearbtn_normal" />
</selector>
And there in the res/drawable-xhdpi forlder. Those are the images that would need edited.
Click to expand...
Click to collapse
Correct. And if you want to use an AOSP style clear button (offset horizontal slashes), be sure to set your clear button text to 0dp.

enewman17 said:
The drawable/tw_btn_default_small" is actually an xml file in the res/drawable then it points to these.
Code:
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:[email protected]/tw_quick_panel_clearbtn_press" />
<item android:state_focused="true" android:[email protected]/tw_quick_panel_clearbtn_focus" />
<item android:state_selected="true" android:[email protected]/tw_quick_panel_clearbtn_select" />
<item android:state_enabled="true" android:[email protected]/tw_quick_panel_clearbtn_normal" />
<item android:[email protected]/tw_quick_panel_clearbtn_normal" />
</selector>
And there in the res/drawable-xhdpi forlder. Those are the images that would need edited.
Click to expand...
Click to collapse
You are the man Enewman17. Thanks !
Sent from my SAMSUNG-SGH-I747 using xda premium

hednik said:
You are the man Enewman17. Thanks !
Sent from my SAMSUNG-SGH-I747 using xda premium
Click to expand...
Click to collapse
See the post just above your last one (we posted at the same time).

upndwn4par said:
See the post just above your last one (we posted at the same time).
Click to expand...
Click to collapse
Thanks Up. Going to play with this a see if I can make something "semi-unique"
Sent from my SAMSUNG-SGH-I747 using xda premium

use existing stock AOSP icons
If you want to use the existing stock AOSP icons this is how. Follow upndwn4par's op on removing the line in the tw_status_bar_expanded then...
res/layout/tw_status_bar_expanded_header.xml
Add / change whats in blue so it looks similar to this
Code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:background="#ff000000" android:layout_width="fill_parent" android:layout_height="39.0dip" android:baselineAligned="false"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">
<com.android.systemui.statusbar.policy.ClockStock android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Clock" android:textColor="#ffffffff" android:id="@id/clock" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="4.0dip" android:singleLine="true" systemui:ampmSmall="true" />
<com.android.systemui.statusbar.policy.DateView android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Date" android:textColor="#ffcbcbcb" android:ellipsize="none" android:id="@id/date" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="8.0dip" android:layout_marginRight="4.0dip" android:maxLines="2" />
<com.android.systemui.statusbar.RotationToggle android:id="@id/rotation_lock_button" android:visibility="gone" android:clickable="true" android:layout_width="32.0dip" android:layout_height="32.0dip" android:layout_margin="8.0dip" android:button="@drawable/ic_notify_rotation" android:contentDescription="@string/accessibility_rotation_lock_off" />
[COLOR="Blue"] <Space android:layout_width="0.0dip" android:layout_height="0.0dip" android:layout_weight="1.0" />
<ImageView android:id="@id/clear_all_button" android:layout_width="48.0dip" android:layout_height="48.0dip" android:src="@drawable/ic_notify_clear" android:scaleType="center" android:contentDescription="@string/accessibility_clear_all" />
<ImageView android:layout_width="1.0dip" android:layout_height="25.0dip" android:layout_marginTop="7.0dip" android:layout_marginBottom="7.0dip" android:src="@drawable/tw_quick_panel_plnm_setting_dv" />
<ImageView android:id="@id/settings_button" android:layout_width="48.0dip" android:layout_height="48.0dip" android:src="@drawable/ic_notify_quicksettings" android:scaleType="center" android:contentDescription="@string/accessibility_settings_button" />[/COLOR]
</LinearLayout>

[MOD][GUIDE][JB 4.1.2] AOSP Style Status Bar on Samsung ROMs

G'Day XDA,
I wanted to share with you a few quick and easy mods that I found while modding my phone. Here we go...
[SIZE=+2]AOSP STYLE CLEAR-ALL BUTTON IN EXPANDED STATUS BAR on SAMSUNG ROMs[/SIZE]
Original:
{
"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"
}
Mod:
Ok first things first, you need to decompile SystemUI.apk (I will assume that you know how to copy the apk from your phone using a root explorer and decompile using a program like APK Tool).
Once it has decompiled successfully, open up /res/layout/tw_status_bar_expanded_header.xml and you will see this:
Code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:background="#ff000000" android:layout_width="fill_parent" android:layout_height="39.0dip" android:baselineAligned="false"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">
<com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Clock" android:textColor="#ffffffff" android:id="@id/clock" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="4.0dip" android:layout_marginTop="-3.0dip" android:singleLine="true" systemui:ampmSmall="true" />
<com.android.systemui.statusbar.policy.DateView android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Date" android:textColor="#ffcbcbcb" android:ellipsize="none" android:id="@id/date" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="8.0dip" android:layout_marginRight="4.0dip" android:maxLines="2" />
<com.android.systemui.statusbar.RotationToggle android:id="@id/rotation_lock_button" android:visibility="gone" android:clickable="true" android:layout_width="32.0dip" android:layout_height="32.0dip" android:layout_margin="8.0dip" android:button="@drawable/ic_notify_rotation" android:contentDescription="@string/accessibility_rotation_lock_off" />
<Space android:layout_width="0.0dip" android:layout_height="0.0dip" android:layout_weight="1.0" />
<ImageView android:layout_width="1.0dip" android:layout_height="25.0dip" android:layout_marginTop="7.0dip" android:layout_marginBottom="7.0dip" android:src="@drawable/tw_quick_panel_plnm_setting_dv" />
<RelativeLayout android:id="@id/settings_button" android:background="@drawable/tw_quick_panel_setting_button_bg" android:focusable="true" android:visibility="visible" android:layout_width="@dimen/status_bar_expanded_setting_width" android:layout_height="39.0dip">
<ImageView android:id="@id/settings_button_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/tw_quickpanel_icon_settings" android:scaleType="center" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:contentDescription="@string/accessibility_settings_button" />
</RelativeLayout>
</LinearLayout>
Now you need to delete everything after the line which starts with <com.android.systemui.statusbar.RotateToggle and replace it with the following code:
Code:
<ImageView android:id="@id/settings_button" android:layout_width="48.0dip" android:layout_height="48.0dip" android:src="@drawable/ic_notify_quicksettings" android:scaleType="center" android:contentDescription="@string/accessibility_settings_button" />
<Space android:layout_width="0.0dip" android:layout_height="0.0dip" android:layout_weight="1.0" />
<ImageView android:id="@id/clear_all_button" android:layout_width="48.0dip" android:layout_height="48.0dip" android:src="@drawable/ic_notify_clear" android:scaleType="center" android:contentDescription="@string/accessibility_clear_all" />
</LinearLayout>
So your finished file should look exactly like this:
Code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:background="#ff000000" android:layout_width="fill_parent" android:layout_height="39.0dip" android:baselineAligned="false"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">
<com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Clock" android:textColor="#ffffffff" android:id="@id/clock" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="4.0dip" android:layout_marginTop="-3.0dip" android:singleLine="true" systemui:ampmSmall="true" />
<com.android.systemui.statusbar.policy.DateView android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Date" android:textColor="#ffcbcbcb" android:ellipsize="none" android:id="@id/date" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="8.0dip" android:layout_marginRight="4.0dip" android:maxLines="2" />
<com.android.systemui.statusbar.RotationToggle android:id="@id/rotation_lock_button" android:visibility="gone" android:clickable="true" android:layout_width="32.0dip" android:layout_height="32.0dip" android:layout_margin="8.0dip" android:button="@drawable/ic_notify_rotation" android:contentDescription="@string/accessibility_rotation_lock_off" />
<ImageView android:id="@id/settings_button" android:layout_width="48.0dip" android:layout_height="48.0dip" android:src="@drawable/ic_notify_quicksettings" android:scaleType="center" android:contentDescription="@string/accessibility_settings_button" />
<Space android:layout_width="0.0dip" android:layout_height="0.0dip" android:layout_weight="1.0" />
<ImageView android:id="@id/clear_all_button" android:layout_width="48.0dip" android:layout_height="48.0dip" android:src="@drawable/ic_notify_clear" android:scaleType="center" android:contentDescription="@string/accessibility_clear_all" />
</LinearLayout>
What this does is it moves the settings icon from the far right to the left next to the date (notice the first line we deleted started with <Space and the line we replaced it with was <ImageView android:id="@id/settings_button") and also adds the clear all button (@id/clear_all_button) to the top right.
Now save tw_status_bar_expanded_header.xml and close it.
So now the clear all button is going to be showing on the top right of the status bar, but there will also be a clear all button in the notification area, like this picture:
So we need to open up tw_status_bar_expanded.xml and look for the following line:
Code:
<TextView android:textSize="@dimen/status_bar_expanded_notification_clear_button_text_size" android:textColor="@color/tw_status_bar_clear_btn_text" android:gravity="center" android:id="@id/clear_all_button" android:background="@drawable/tw_btn_default_small" android:padding="0.100000024dip" android:focusable="true" android:clickable="true" android:layout_width="@dimen/status_bar_expanded_clear_button_width" android:layout_height="fill_parent" android:layout_marginRight="4.0dip" android:text="@string/status_bar_clear_all_button" android:layout_alignParentRight="true" android:contentDescription="@string/accessibility_clear_all" />
and delete it.
The reason why we delete that is because it is the button which has the text Clear All that appears on the right side of the Notifications header when you have notifications, which we don't need as there is already a nice AOSP style button we can press in the top right of the expanded status bar .
Now save tw_status_bar_expanded.xml and close it.
Now recompile SystemUI.apk, and either change it's name by removing the 'unsigned' from the start of it's name, push it to your device (don't forget to change permissions to RW-R--R--) and reboot OR take those 2 files from the newly compiled unsignedSystemUI.apk and put them in a VRTheme zip, flash them in recovery and VOILA! I have included a VRTheme Zip to this post called 'AOSP Clear All Button' which you can download and flash in recovery as well.
Easy, even for a noob like me Enjoy.
[SIZE=+2]EDIT CLEAR ALL BUTTON TO INCLUDE FOCUS OPTION[/SIZE]
You can also do a minor change to an xml file and add an icon to SystemUI.apk to allow for a 'focus' option of the new clear all button that you have re-added.
In your APK Tool directory in /projects/SystemUI.apk navigate to /res/drawable and open up ic_notify_clear.xml you will see this:
Code:
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:drawable="@drawable/ic_notify_clear_pressed" />
<item android:drawable="@drawable/ic_notify_clear_normal" />
</selector>
So this means the button acts in a very basic way. When the button appears in the expanded status bar, you will be looking at the icon ic_notify_clear_normal.png which is in the /res/drawable-hdpi folder, and when you press it, it changes to the icon ic_notify_clear_pressed.png which is also in the /res/drawable-hdpi folder. What we want to do is add some more code in there to allow for the icon to change to a third icon when we press and hold (focus) on it,
So you need to change the content of ic_notify_clear.xml to the following:
Code:
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:drawable="@drawable/ic_notify_clear_pressed" />
<item android:state_window_focused="false" android:state_enabled="true" android:drawable="@drawable/ic_notify_clear_normal" />
<item android:state_window_focused="false" android:state_enabled="false" android:drawable="@drawable/ic_notify_clear_normal" />
<item android:state_pressed="true" android:drawable="@drawable/ic_notify_clear_pressed" />
<item android:state_focused="true" android:state_enabled="true" android:drawable="@drawable/ic_notify_clear_focus" />
<item android:state_enabled="true" android:drawable="@drawable/ic_notify_clear_normal" />
<item android:state_focused="true" android:drawable="@drawable/ic_notify_clear_focus" />
<item android:drawable="@drawable/ic_notify_clear_normal" />
</selector>
So what this does is it tells the SystemUI.apk to change the icon we see when we press and hold on the clear all button from the normal ic_notify_clear_press.png to a new icon which I have called ic_notify_clear_focus.png which you will need to create using an icon editor. I use Greenfish Icon Editor Pro but lots of people use Photoshop as well.
To create the icon, I opened up ic_notify_clear_pressed.png from the /res/drawable-hdpi folder and added more of a glow effect to it. I have attached a copy of it to the post. You can create your own though, if you want to. What you will need to do it copy it into the /res/drawable-hdpi folder and after changing the ic_notify_clear.xml from the /res/drawable folder you will then need to save the file, close it and recompile the apk.
Now if you want to push it back into /system/app on your phone then do that (don't forget to change permissions to RW-R--R--) but if, like me, you wish to flash it in recovery using a VRTheme zip file, then you will need to do a few steps. Firstly, out of the newly recompile unsignedSystemUI.apk you will need take the new icon you created and put it into /vrtheme/preload/symlink/system/app/SystemUI.apk/res/drawable-hdpi in the VRTheme zip file and you will also need to take the ic_notify_clear.xml that you edited out of the recompiled apk and put it into /vrtheme/preload/symlink/system/app/SystemUI.apk/res/drawable in the zip file. Then you will need to close the zip file.
Now the next thing we have to do is take the resources.arsc file from our newly re-compiled unsignedSystemUI.apk and save it on the computer somewhere (I usually put it on the desktop so I know where it is and then delete it afterwards) and then you will need to us a zip program like WinRar to open up the VRTheme zip file. I don't use 7Zip for this part because I can't get it to simply store a file instead of compressing it. So we need to use WinRar to open up the VRTheme zip file and navigate to /vrtheme/preload/symlink/system/app/SystemUI.apk and you will see the res folder in the window. Now drag the resources.arsc file that you saved into the window and when the box comes up that asks you how you want to compress it, you need to change it to the 'store' option so that it doesn't compress the resources.arsc file at all.
I can't include the resources.arsc file as if you have any other mods or icons or anything in your SystemUI.apk, it will be incompatible with the resources.arsc file from my System UI.apk. I have, however, included a VRTHeme zip file to this post called 'Clear All Button Focus' which has the icon and xml file that we edited earlier, that you can add your resources.arsc file to and flash in recovery.
Enjoy!
[SIZE=+2]AOSP SIGNAL & WIFI INDICATORS[/SIZE]
Another quick and easy mod that I found was the layout of the signal & wifi indicators in the status bar.
Original
Mod
In SystemUI.apk/res/layout open up tw_signal_cluster view. You will see this.
Code:
<?xml version="1.0" encoding="utf-8"?>
<com.android.systemui.statusbar.SignalClusterView android:orientation="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content"
xmlns:android="http://schemas.android.com/apk/res/android">
<FrameLayout android:gravity="center" android:id="@id/wifi_combo" android:layout_width="wrap_content" android:layout_height="wrap_content">
<ImageView android:id="@id/wifi_signal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="center" android:layout_alignParentRight="true" android:layout_centerVertical="true" />
<ImageView android:layout_gravity="center" android:id="@id/wifi_inout" android:layout_width="wrap_content" android:layout_height="wrap_content" />
</FrameLayout>
<View android:id="@id/spacer" android:visibility="gone" android:layout_width="6.0dip" android:layout_height="6.0dip" />
<LinearLayout android:gravity="center" android:orientation="horizontal" android:id="@id/new_mobile_combo" android:layout_width="wrap_content" android:layout_height="wrap_content">
<FrameLayout android:id="@id/separate_mobile" android:layout_width="wrap_content" android:layout_height="wrap_content">
<ImageView android:id="@id/separate_mobile_type" android:layout_width="wrap_content" android:layout_height="wrap_content" />
<ImageView android:id="@id/separate_mobile_inout" android:layout_width="wrap_content" android:layout_height="wrap_content" />
</FrameLayout>
<FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content">
<FrameLayout android:gravity="center" android:id="@id/mobile_combo" android:layout_width="wrap_content" android:layout_height="wrap_content">
<ImageView android:id="@id/mobile_signal" android:layout_width="wrap_content" android:layout_height="wrap_content" />
<ImageView android:id="@id/mobile_type" android:layout_width="wrap_content" android:layout_height="wrap_content" />
<ImageView android:layout_gravity="bottom|right|center" android:id="@id/mobile_inout" android:layout_width="wrap_content" android:layout_height="wrap_content" />
<ImageView android:id="@id/mobile_roaming" android:layout_width="wrap_content" android:layout_height="wrap_content" />
</FrameLayout>
</FrameLayout>
</LinearLayout>
<ImageView android:id="@id/airplane" android:layout_width="wrap_content" android:layout_height="wrap_content" />
</com.android.systemui.statusbar.SignalClusterView>
The first line we need to edit is this:
Code:
<FrameLayout android:gravity="center" android:id="@id/wifi_combo" android:layout_width="wrap_content" android:layout_height="wrap_content">
Directly after the android:layout_height="wrap_content" and before the > we need to add android:layout_marginRight="0.0dip" .
So now that line should look like this:
Code:
<FrameLayout android:gravity="center" android:id="@id/wifi_combo" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="0.0dip">
The next line we need to edit is this:
Code:
<ImageView android:layout_gravity="center" android:id="@id/wifi_inout" android:layout_width="wrap_content" android:layout_height="wrap_content" />
In the very first part of the line android:layout_gravity="center" we need to add bottom| directly before center" . Directly after android:layout_height="wrap_content" we need to add android:layout_marginLeft="-6.0dip" before the last />
So now that line should look like this:
Code:
<ImageView android:layout_gravity="bottom|center" android:id="@id/wifi_inout" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="-6.0dip" />
Now we need to focus on this section here:
Code:
<FrameLayout android:id="@id/separate_mobile" android:layout_width="wrap_content" android:layout_height="wrap_content">
<ImageView android:id="@id/separate_mobile_type" android:layout_width="wrap_content" android:layout_height="wrap_content" />
<ImageView android:id="@id/separate_mobile_inout" android:layout_width="wrap_content" android:layout_height="wrap_content" />
</FrameLayout>
<FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content">
<FrameLayout android:gravity="center" android:id="@id/mobile_combo" android:layout_width="wrap_content" android:layout_height="wrap_content">
<ImageView android:id="@id/mobile_signal" android:layout_width="wrap_content" android:layout_height="wrap_content" />
<ImageView android:id="@id/mobile_type" android:layout_width="wrap_content" android:layout_height="wrap_content" />
<ImageView android:layout_gravity="bottom|right|center" android:id="@id/mobile_inout" android:layout_width="wrap_content" android:layout_height="wrap_content" />
<ImageView android:id="@id/mobile_roaming" android:layout_width="wrap_content" android:layout_height="wrap_content" />
</FrameLayout>
</FrameLayout>
We need to change that whole section with this:
Code:
<RelativeLayout android:gravity="center" android:layout_width="wrap_content" android:layout_height="wrap_content">
<FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true">
<FrameLayout android:gravity="center" android:id="@id/mobile_combo" android:layout_width="wrap_content" android:layout_height="wrap_content">
<ImageView android:id="@id/mobile_signal" android:layout_width="wrap_content" android:layout_height="wrap_content" />
<ImageView android:id="@id/mobile_type" android:layout_width="wrap_content" android:layout_height="wrap_content" />
<ImageView android:layout_gravity="bottom|right|center" android:id="@id/mobile_inout" android:layout_width="wrap_content" android:layout_height="wrap_content" />
<ImageView android:id="@id/mobile_roaming" android:layout_width="wrap_content" android:layout_height="wrap_content" />
</FrameLayout>
</FrameLayout>
<FrameLayout android:id="@id/separate_mobile" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true">
<ImageView android:id="@id/separate_mobile_type" android:layout_width="wrap_content" android:layout_height="wrap_content" />
<ImageView android:layout_gravity="bottom|right|center" android:id="@id/separate_mobile_inout" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="0.8000001dip" />
</FrameLayout>
</RelativeLayout>
Your fully edited tw_signal_cluster_view.xml should now look like this:
Code:
<?xml version="1.0" encoding="utf-8"?>
<com.android.systemui.statusbar.SignalClusterView android:orientation="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content"
xmlns:android="http://schemas.android.com/apk/res/android">
<FrameLayout android:gravity="center" android:id="@id/wifi_combo" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="0.0dip">
<ImageView android:id="@id/wifi_signal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="center" android:layout_alignParentRight="true" android:layout_centerVertical="true" />
<ImageView android:layout_gravity="bottom|center" android:id="@id/wifi_inout" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="-6.0dip" />
</FrameLayout>
<View android:id="@id/spacer" android:visibility="gone" android:layout_width="6.0dip" android:layout_height="6.0dip" />
<LinearLayout android:gravity="center" android:orientation="horizontal" android:id="@id/new_mobile_combo" android:layout_width="wrap_content" android:layout_height="wrap_content">
<RelativeLayout android:gravity="center" android:layout_width="wrap_content" android:layout_height="wrap_content">
<FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true">
<FrameLayout android:gravity="center" android:id="@id/mobile_combo" android:layout_width="wrap_content" android:layout_height="wrap_content">
<ImageView android:id="@id/mobile_signal" android:layout_width="wrap_content" android:layout_height="wrap_content" />
<ImageView android:id="@id/mobile_type" android:layout_width="wrap_content" android:layout_height="wrap_content" />
<ImageView android:layout_gravity="bottom|right|center" android:id="@id/mobile_inout" android:layout_width="wrap_content" android:layout_height="wrap_content" />
<ImageView android:id="@id/mobile_roaming" android:layout_width="wrap_content" android:layout_height="wrap_content" />
</FrameLayout>
</FrameLayout>
<FrameLayout android:id="@id/separate_mobile" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true">
<ImageView android:id="@id/separate_mobile_type" android:layout_width="wrap_content" android:layout_height="wrap_content" />
<ImageView android:layout_gravity="bottom|right|center" android:id="@id/separate_mobile_inout" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="0.8000001dip" />
</FrameLayout>
</RelativeLayout>
</LinearLayout>
<ImageView android:id="@id/airplane" android:layout_width="wrap_content" android:layout_height="wrap_content" />
</com.android.systemui.statusbar.SignalClusterView>
That's it for the coding. You will also need to replace a number of icons in /res/drawable-hdpi which start with stat_sys. I have included them in a zip file called AOSP Signal Icons Only which is attached to this post.
Just put them all into /res/drawable-hdpi then recompile and enjoy. I have also attached a VRTheme zip file called AOSP Signal & Wifi Indicators.zip which you can flash from recovery.
That's it. See, easy as! Enjoy
[SIZE=+2]Credits:[/SIZE]
Spannaa - For all your help and support. Taught me everything I know and always helps no matter what. There should be more people like him on this forum. He is also a very knowledgeable themer, go and look at his thread [THEME][NeatROM 4.7 XWLSS] Blue Ginger Plus theme with 23 toggles
Google - For creating Android
Samsung - For making our beloved Galaxy S II
Faryaab - For making the AOSP ROM Super Nexus which I have used as a benchmark. Find it here: [ROM][AOSP][JB][4.1.2][JZO54K] SuperNexus - I9100 - BUILD 5 [17-10-12]

Reserved 1

Reserved 2

Good guide Thanks
Sent from my GT-I9300 using xda premium

res...
Hmm, have been found.... reserved 1

rush25 said:
Good guide Thanks
Sent from my GT-I9300 using xda premium
Click to expand...
Click to collapse
Thanks mate,
I hope it was useful to you.
Dave

eray0687 said:
Hmm, have been found.... reserved 1
Click to expand...
Click to collapse
Umm sorry but I am not sure what you are asking or stating?

Added Clear All Button Focus guide
I have edited the first post to add a guide to make the AOSP Clear All Button have a 'focus' option when pressed and held.
I hope you all enjoy.
Dave

Hey daveyannihilation,
Thanks for the great tutorial,
it took me a while but i finally managed to achieve this mod on my phone,
i was even able to take it a step further and move the settings button to the left of the statusbar
I like the look of the stock settings icon, so i used that instead of the aosp one
Again thanks for the great tutorial

Tired Storeman said:
Hey daveyannihilation,
Thanks for the great tutorial,
it took me a while but i finally managed to achieve this mod on my phone,
i was even able to take it a step further and move the settings button to the left of the statusbar
I like the look of the stock settings icon, so i used that instead of the aosp one
Again thanks for the great tutorial
Click to expand...
Click to collapse
Hey Tired Storeman,
That looks great! Top work mate. Glad the tutorial was useful for you. To get the settings button where it is in your screenshot, did you put that particular line before the clock reference lines to achieve your desire effect?
Sent from my AOSP Blue SGSII

daveyannihilation said:
Hey Tired Storeman,
That looks great! Top work mate. Glad the tutorial was useful for you. To get the settings button where it is in your screenshot, did you put that particular line before the clock reference lines to achieve your desire effect?
Sent from my AOSP Blue SGSII
Click to expand...
Click to collapse
To be honest i didnt try putting it before the clock, i didnt think that would work, because i centered the clock
i used android
layout_marginLeft="-108.0dip"
after
android:layout_height="48.0dip"
if you find a better way of doing it, could you let me know, for future references

Any way of removing the settings button? I tried deleting that line and went into a bootloop. Maybe I need to edit some other part of the apk..

xcly said:
Any way of removing the settings button? I tried deleting that line and went into a bootloop. Maybe I need to edit some other part of the apk..
Click to expand...
Click to collapse
Removing the @id/settings_button lines should do this.
Delete from the original code:
Code:
<RelativeLayout android:id="@id/settings_button" android:background="@drawable/tw_quick_panel_setting_button_bg" android:focusable="true" android:visibility="visible" android:layout_width="@dimen/status_bar_expanded_setting_width" android:layout_height="39.0dip">
<ImageView android:id="@id/settings_button_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/tw_quickpanel_icon_settings" android:scaleType="center" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:contentDescription="@string/accessibility_settings_button" />
</RelativeLayout>
Or maybe just change android:visibility="visible" to android:visibility="gone"
Or delete from the modified code:
Code:
<ImageView android:id="@id/settings_button" android:layout_width="48.0dip" android:layout_height="48.0dip" android:src="@drawable/ic_notify_quicksettings" android:scaleType="center" android:contentDescription="@string/accessibility_settings_button" />
Your bootloop could due to a bad recompile of SystemUI.apk

Spannaa said:
Removing the @id/settings_button lines should do this.
Delete from the original code:
Code:
<RelativeLayout android:id="@id/settings_button" android:background="@drawable/tw_quick_panel_setting_button_bg" android:focusable="true" android:visibility="visible" android:layout_width="@dimen/status_bar_expanded_setting_width" android:layout_height="39.0dip">
<ImageView android:id="@id/settings_button_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/tw_quickpanel_icon_settings" android:scaleType="center" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:contentDescription="@string/accessibility_settings_button" />
</RelativeLayout>
Or maybe just change android:visibility="visible" to android:visibility="gone"
Or delete from the modified code:
Code:
<ImageView android:id="@id/settings_button" android:layout_width="48.0dip" android:layout_height="48.0dip" android:src="@drawable/ic_notify_quicksettings" android:scaleType="center" android:contentDescription="@string/accessibility_settings_button" />
Your bootloop could due to a bad recompile of SystemUI.apk
Click to expand...
Click to collapse
Thanks for the reply. Tried the last option you gave me because I do want the AOSP style, just not the settings button there as well. Still giving me a bootloop. I don't think it's a bad recompile as I tried it a multiple times with the same result.
Tried changing the width and height to wrap_content, as that seem to make it flexible, got through to Android is upgrading part but bootloop after that.. T_T
I'm probably naive but I don't see how deleting that one line, which seems sensible enough, causes a bootloop.. Probably will have to stick with settings button until I figure out a way.. unless you might have some other ideas?

xcly said:
Thanks for the reply. Tried the last option you gave me because I do want the AOSP style, just not the settings button there as well. Still giving me a bootloop. I don't think it's a bad recompile as I tried it a multiple times with the same result.
Tried changing the width and height to wrap_content, as that seem to make it flexible, got through to Android is upgrading part but bootloop after that.. T_T
I'm probably naive but I don't see how deleting that one line, which seems sensible enough, causes a bootloop.. Probably will have to stick with settings button until I figure out a way.. unless you might have some other ideas?
Click to expand...
Click to collapse
Does it work if you don't delete the line?
Just a thought: When you decompiled SystemUI.apk, did you install the two frameworks first (framework-res.apk & twframework-res.apk)?

Spannaa said:
Does it work if you don't delete the line?
Just a thought: When you decompiled SystemUI.apk, did you install the two frameworks first (framework-res.apk & twframework-res.apk)?
Click to expand...
Click to collapse
Yup following the guide as it is works fine. Just starts bootlooping if I delete the line..
Do you mean "apktool if frameworks"? Then I haven't done so.. worked fine without it so far so didn't really give it a thought. I'll try it out when I get home (if that is what you meant)
Sent from my GT-N7105 using xda premium

xcly said:
Yup following the guide as it is works fine. Just starts bootlooping if I delete the line..
Do you mean "apktool if frameworks"? Then I haven't done so.. worked fine without it so far so didn't really give it a thought. I'll try it out when I get home (if that is what you meant)
Sent from my GT-N7105 using xda premium
Click to expand...
Click to collapse
Yes, "if" the two frameworks when you decompile SystemUI.apk and don't delete them before you recompile.
Another thought: Instead of deleting the line, try adding: android:visibility="gone" to it instead - it maybe that the missing id for the settings_button is causing an issue.

Spannaa said:
Yes, "if" the two frameworks when you decompile SystemUI.apk and don't delete them before you recompile.
Another thought: Instead of deleting the line, try adding: android:visibility="gone" to it instead - it maybe that the missing id for the settings_button is causing an issue.
Click to expand...
Click to collapse
Ah cool. Will try that and let you know
Sent from my GT-N7105 using xda premium
---------- Post added at 02:59 PM ---------- Previous post was at 02:05 PM ----------
Spannaa said:
Yes, "if" the two frameworks when you decompile SystemUI.apk and don't delete them before you recompile.
Another thought: Instead of deleting the line, try adding: android:visibility="gone" to it instead - it maybe that the missing id for the settings_button is causing an issue.
Click to expand...
Click to collapse
The visibility thing worked like a charm. Thanks a lot for your help

Hi all;
I'm trying to do something and I've seen this thread.
I've replaced the alarm clock icon by this one (the little thin line at left of wifi icon)
Ok, what I want is to have this icon beside the clock, like this:
How can I get this? I've tried changing many things in SystemUI's xml but I'm unable to get it...
Can anybody give me a hand? Thanks in advance!

tevaadarelsol said:
Hi all;
I'm trying to do something and I've seen this thread.
I've replaced the alarm clock icon by this one (the little thin line at left of wifi icon)
Ok, what I want is to have this icon beside the clock, like this:
How can I get this? I've tried changing many things in SystemUI's xml but I'm unable to get it...
Can anybody give me a hand? Thanks in advance!
Click to expand...
Click to collapse
Bump!
Enviado desde mi GT-I9100 usando Tapatalk 2

[TUT] Mode Your SystemUI & LockScreen | Noob Friendly |

How to Edit Lockscreen & Systemui
First of all i’m not expert developer i’m more like a themer i’m sharing my knowledge for xda community just for helping noobs to become expert
Click to expand...
Click to collapse
Do it at your own risk !
Click to expand...
Click to collapse
Mods for know :
-how to make center clock and no battery icon just %
-how to make center clock with battery icon and %
-how to edit notifications numbers
-how to edit lockscreen (blinds&hin text&...etc)
How to decompile & compile with apktool ​
First you must know how to decompile and compile
Requirements :
Latest java installed
PC
notepad++ to edit xml
Human
Install the following package download
unzip it and put it in new folder and name it android
open the folder ,,,,, press left shift and press right mouse click and open cmd
copy SystemUI you want to edit or Lockscreen (name of lockscreen in rom "UxpNxtLockScreen")
Type this in cmd
apktool d @@@.apk
Click to expand...
Click to collapse
replace @@@ with app name
After editing type this
apktool b @@@
Click to expand...
Click to collapse
replace @@@ with app name without apk !
now you will find compiled app in dist folder
open the original apk with winrar or any zip manger and drag
META-INF & AndroidMainFest.xml
Click to expand...
Click to collapse
to compiled apk and set zip options to "store" and make it replace the files
Finished !
If you have problems ,,, install framewrok-res.apk and SemcGenericUxpRes.apk with this one "apktool if ccc.apk change ccc with name of app
Click to expand...
Click to collapse
just install frame&Semc of wanted Rom
-------------------------------------------------------------------------
now its time to know how to edit
How to make center clock without battery icon just %​
decompile SystemUI.apk and go to res/layout/states bar.xml and replace inside with this
Code:
<?xml version="1.0" encoding="utf-8"?>
<com.android.systemui.statusbar.phone.PhoneStatusBarView android:orientation="vertical" android:id="@id/status_bar" android:background="@drawable/status_bar_background" android:focusable="true" android:fitsSystemWindows="true" android:descendantFocusability="afterDescendants"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">
<LinearLayout android:gravity="center" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent">
<com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.StatusBar.Clock" android:gravity="center" android:paddingTop="2.0px" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" android:layout_weight="1.0" />
</LinearLayout>
<ImageView android:id="@id/notification_lights_out" android:paddingLeft="6.0dip" android:paddingBottom="2.0dip" android:visibility="gone" android:layout_width="@dimen/status_bar_icon_size" android:layout_height="fill_parent" android:src="@drawable/ic_sysbar_lights_out_dot_small" android:scaleType="center" />
<LinearLayout android:orientation="horizontal" android:id="@id/icons" android:paddingLeft="6.0dip" android:paddingRight="6.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent">
<com.android.systemui.statusbar.StatusBarIconView android:id="@id/moreIcon" android:visibility="gone" android:layout_width="@dimen/status_bar_icon_size" android:layout_height="fill_parent" android:src="@drawable/stat_notify_more" />
<com.android.systemui.statusbar.phone.IconPartitioner android:id="@id/notification_icon_area" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_weight="1.0">
<com.android.systemui.statusbar.phone.IconMerger android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/notificationIcons" android:layout_width="wrap_content" android:layout_height="fill_parent" />
<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/statusIcons" android:layout_width="wrap_content" android:layout_height="fill_parent" />
</com.android.systemui.statusbar.phone.IconPartitioner>
<LinearLayout android:gravity="center" android:orientation="horizontal" android:id="@id/signal_battery_cluster" android:paddingLeft="2.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent">
<include android:id="@id/signal_cluster" android:layout_width="wrap_content" android:layout_height="wrap_content" layout="@layout/signal_cluster_view" />
<TextView android:layout_gravity="left|center" android:id="@id/battery_text" android:paddingLeft="4.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/status_bar_settings_settings_button" android:singleLine="true" style="@style/StatusBarNotificationText" />
<ImageView android:id="@id/battery" android:paddingLeft="2.0dip" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" />
</LinearLayout>
</LinearLayout>
<LinearLayout android:orientation="horizontal" android:id="@id/ticker" android:background="@drawable/status_bar_bg_tile" android:paddingLeft="6.0dip" android:animationCache="false" android:layout_width="fill_parent" android:layout_height="fill_parent">
<ImageSwitcher android:id="@id/tickerIcon" android:layout_width="@dimen/status_bar_icon_size" android:layout_height="@dimen/status_bar_icon_size" android:layout_marginRight="4.0dip">
<com.android.systemui.statusbar.AnimatedImageView android:layout_width="@dimen/status_bar_icon_size" android:layout_height="@dimen/status_bar_icon_size" android:scaleType="center" />
<com.android.systemui.statusbar.AnimatedImageView android:layout_width="@dimen/status_bar_icon_size" android:layout_height="@dimen/status_bar_icon_size" android:scaleType="center" />
</ImageSwitcher>
<com.android.systemui.statusbar.phone.TickerView android:id="@id/tickerText" android:paddingTop="2.0dip" android:paddingRight="10.0dip" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_weight="1.0">
<TextView android:textAppearance="@style/TextAppearance.StatusBar.PhoneTicker" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
<TextView android:textAppearance="@style/TextAppearance.StatusBar.PhoneTicker" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
</com.android.systemui.statusbar.phone.TickerView>
</LinearLayout>
</com.android.systemui.statusbar.phone.PhoneStatusBarView>
compile and done :good::good:
you have center clock and % battery
How to make just center clock
Go to res/layout/states bar.xml and replace it with this
Code:
<?xml version="1.0" encoding="utf-8"?>
<com.android.systemui.statusbar.phone.PhoneStatusBarView android:orientation="vertical" android:id="@id/status_bar" android:background="@drawable/status_bar_background" android:focusable="true" android:fitsSystemWindows="true" android:descendantFocusability="afterDescendants"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">
<LinearLayout android:gravity="center" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent">
<com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.StatusBar.Clock" android:gravity="center" android:paddingTop="2.0px" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" android:layout_weight="1.0" />
</LinearLayout>
<ImageView android:id="@id/notification_lights_out" android:paddingLeft="6.0dip" android:paddingBottom="2.0dip" android:visibility="gone" android:layout_width="@dimen/status_bar_icon_size" android:layout_height="fill_parent" android:src="@drawable/ic_sysbar_lights_out_dot_small" android:scaleType="center" />
<LinearLayout android:orientation="horizontal" android:id="@id/icons" android:paddingLeft="6.0dip" android:paddingRight="6.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent">
<com.android.systemui.statusbar.StatusBarIconView android:id="@id/moreIcon" android:visibility="gone" android:layout_width="@dimen/status_bar_icon_size" android:layout_height="fill_parent" android:src="@drawable/stat_notify_more" />
<com.android.systemui.statusbar.phone.IconPartitioner android:id="@id/notification_icon_area" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_weight="1.0">
<com.android.systemui.statusbar.phone.IconMerger android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/notificationIcons" android:layout_width="wrap_content" android:layout_height="fill_parent" />
<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/statusIcons" android:layout_width="wrap_content" android:layout_height="fill_parent" />
</com.android.systemui.statusbar.phone.IconPartitioner>
<LinearLayout android:gravity="center" android:orientation="horizontal" android:id="@id/signal_battery_cluster" android:paddingLeft="2.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent">
<include android:id="@id/signal_cluster" android:layout_width="wrap_content" android:layout_height="wrap_content" layout="@layout/signal_cluster_view" />
<TextView android:layout_gravity="left|center" android:id="@id/battery_text" android:paddingLeft="4.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/status_bar_settings_settings_button" android:singleLine="true" style="@style/StatusBarNotificationText" />
<ImageView android:id="@id/battery" android:paddingLeft="2.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" />
</LinearLayout>
</LinearLayout>
<LinearLayout android:orientation="horizontal" android:id="@id/ticker" android:background="@drawable/status_bar_bg_tile" android:paddingLeft="6.0dip" android:animationCache="false" android:layout_width="fill_parent" android:layout_height="fill_parent">
<ImageSwitcher android:id="@id/tickerIcon" android:layout_width="@dimen/status_bar_icon_size" android:layout_height="@dimen/status_bar_icon_size" android:layout_marginRight="4.0dip">
<com.android.systemui.statusbar.AnimatedImageView android:layout_width="@dimen/status_bar_icon_size" android:layout_height="@dimen/status_bar_icon_size" android:scaleType="center" />
<com.android.systemui.statusbar.AnimatedImageView android:layout_width="@dimen/status_bar_icon_size" android:layout_height="@dimen/status_bar_icon_size" android:scaleType="center" />
</ImageSwitcher>
<com.android.systemui.statusbar.phone.TickerView android:id="@id/tickerText" android:paddingTop="2.0dip" android:paddingRight="10.0dip" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_weight="1.0">
<TextView android:textAppearance="@style/TextAppearance.StatusBar.PhoneTicker" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
<TextView android:textAppearance="@style/TextAppearance.StatusBar.PhoneTicker" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
</com.android.systemui.statusbar.phone.TickerView>
</LinearLayout>
</com.android.systemui.statusbar.phone.PhoneStatusBarView>
Compile and done :good:
How to edit notifications numbers​
Go to res/values/integers.xml and edit the number in
<integer name="config_maxNotificationIcons">5</integer>
Click to expand...
Click to collapse
Edit the number (but dont make it high number it will case problems in notifications size
How to edit Lockscreen​
decompile lockscreen and go to UxpNxtLockScreen\res\values
to change when hint go before unlocking(how many times to hint disappear)
open integers.xml
and change the number in
Code:
<integer name="unlocks_before_hint_removal">[COLOR="red"]9[/COLOR]</integer>
want to change the number of blinds ? in stock lockscreen its 4 and its small so you can make it as you like but as high you make it as ugly it will be
change the number here
<integer name="number_of_blinds">10</integer>
Click to expand...
Click to collapse
want to change the blinds that will affected ?? = how many blinds will show when you put your finger on lockscreen
change the number here
Code:
<integer name="blinds_affected_by_touch">[COLOR="red"]5[/COLOR]</integer>
How to change hint text
Go to UxpNxtLockScreen\res\layout and open unlock_hint.xml
and find this android:text= and change the text between
" "
Click to expand...
Click to collapse
and save it
How to change widgets place on lock screen​
Go to UxpNxtLockScreen\res\values and open dimens.xml and change the " dip " near text
Ex:
<dimen name="lockscreen_widget_slider_margin_top">93.0dip</dimen>
Click to expand...
Click to collapse
the place of the slider change 93.0 dip to the number you want (if the number was less it will be at top , more the number was more will be near the ground )
How to change blinds rotation degrees
Go to UxpNxtLockScreen\res\values and open fractions and change the number in this text
Code:
<fraction name="max_sideways_rotation_degrees">[COLOR="red"]100.0%[/COLOR]</fraction>
put the number with %
if 300% it will look like big blinds so make it 150% or 50% as you like
How to make the slider with transparent​
Go to UxpNxtLockScreen\res\drawable-xhdpi
and open arrows_swipe_camera_overlay with photoshop and make the opacity as you like and save as png (default)
Compile and done :good:
---------------------------------------
Don’t Forget to Press Thanks :good | Also if want to pay me a coffee or something else , feel free to give me a small donation by Pressing Here .​

Cool step-by-step tutorial for newbie like me. Finally I can edit the lockscreen!!!
By the way, if I want the lock screen hint to stay there permanently, what value should I give to it?

TitaniumZERO said:
Cool step-by-step tutorial for newbie like me. Finally I can edit the lockscreen!!!
By the way, if I want the lock screen hint to stay there permanently, what value should I give to it?
Click to expand...
Click to collapse
Remove the line
Code:
<integer name="unlocks_before_hint_removal">9</integer>
from the file.
I hope it'll work. :good:
Try and comment here.

About lockscreen howto edit etc is already posted by @black97one here:
http://forum.xda-developers.com/showthread.php?p=43582251
But nice share @abo hani

Pandemic said:
About lockscreen howto edit etc is already posted by @black97one here:
http://forum.xda-developers.com/showthread.php?p=43582251
But nice share @abo hani
Click to expand...
Click to collapse
I know that , but i want to collect all of them together

TitaniumZERO said:
Cool step-by-step tutorial for newbie like me. Finally I can edit the lockscreen!!!
By the way, if I want the lock screen hint to stay there permanently, what value should I give to it?
Click to expand...
Click to collapse
Ajith Roy said:
Remove the line
Code:
<integer name="unlocks_before_hint_removal">9</integer>
from the file.
I hope it'll work. :good:
Try and comment here.
Click to expand...
Click to collapse
Or just put the number 9999999 unlimited

abo hani said:
Or just put the number 9999999 unlimited
Click to expand...
Click to collapse
I've tried delete the line, it didn't work but putting an insanely big number there works.
By the way, I've tried the transparent slider mod but it's not working, I can't recompile the apk.

TitaniumZERO said:
I've tried delete the line, it didn't work but putting an insanely big number there works.
By the way, I've tried the transparent slider mod but it's not working, I can't recompile the apk.
Click to expand...
Click to collapse
Give me the log , press right click and select , select the log and press right click to copy it then paste it here

abo hani said:
Give me the log , press right click and select , select the log and press right click to copy it then paste it here
Click to expand...
Click to collapse
I'm in office now, I'll feedback when I go home.

Centered clock won't work with The AOSP one cuz differences like colors right?
EDIT: It worked :good:

nice post

TitaniumZERO said:
I'm in office now, I'll feedback when I go home.
Click to expand...
Click to collapse
It seems that I have to install framework-res.apk for it to work.
Anyway I've taken a few other tutorial available now I have a modded lock screen which takes 65536 scrolls to remove the hint, modified Walkman+camera widget icons, transparent widget backplate.
Thanks again.

TitaniumZERO said:
It seems that I have to install framework-res.apk for it to work.
Anyway I've taken a few other tutorial available now I have a modded lock screen which takes 65536 scrolls to remove the hint, modified Walkman+camera widget icons, transparent widget backplate.
Thanks again.
Click to expand...
Click to collapse
Thanks for feedback i hope you become expert themer

when i make a call, the 'connecting' text displayed on the screen is having a thinnest black border and inside white colored font for text Connecting. can u plz tell me what .apk file to decomplile? just dont tell me which text to change i want to find it by myself, i just need to know which .apk file and which layout i need to look for.. i need to make the entire connecting text Black colored font

how about to put am/pm at the clock in systemUI?

Thank You For This Great Tutorial .
Can You Make Incoming Call Screen Full. I Mean Full Screen Caller Pic And Making The Black Transparent Full Transparent

molzz said:
when i make a call, the 'connecting' text displayed on the screen is having a thinnest black border and inside white colored font for text Connecting. can u plz tell me what .apk file to decomplile? just dont tell me which text to change i want to find it by myself, i just need to know which .apk file and which layout i need to look for.. i need to make the entire connecting text Black colored font
Click to expand...
Click to collapse
SemcPhone.apk
aminfauzi said:
how about to put am/pm at the clock in systemUI?
Click to expand...
Click to collapse
will put the tut tomorrow or after tomorrow
M.WeWe said:
Thank You For This Great Tutorial .
Can You Make Incoming Call Screen Full. I Mean Full Screen Caller Pic And Making The Black Transparent Full Transparent
Click to expand...
Click to collapse
I will when i learn it but you can use full screen call app from google play

abo hani said:
will put the tut tomorrow or after tomorrow
Click to expand...
Click to collapse
ok that will be great

Nice job
good work abo hani
sent from thinkandroid

What should I do to change the Status Bar fully transparent?. Thank´s in advance

(SOLVED) Single line notification date.

I would like to ask if any body knows how to change the date on the notification screen to a single line, rather than 2 lines.
I have a SGS2 with Neat Rom Lite v4.8 XWLSW
What i have done so far
1. Removed clock
2. Moved the settings button to the left of the screen
3. Tried changing <com.android.systemui.statusbar.policy.DateView........ to android:maxLines="1"
Which changes the date to a single line, but only 1 word of the date is shown (see screenshot)
4. Tried changing <com.android.systemui.statusbar.policy.DateView.......android:layout_width="wrap_content" to "150.0dip" to try and make the date container large, (no change)
5. Changed <com.android.systemui.statusbar.policy.DateView.......android:layout_height="wrap_content" to the "39.0dip" the same height as the notification header (no change)
I am thinking that i need to change something in DateView smali, but unfortunatly i do not know smali, and would not know which line to edit.
If anybody could offer any assistance, it would be greatly appreciated.
This is my tw_status_bar_expanded_header.xml
Code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:background="#ff000000" android:layout_width="fill_parent" android:layout_height="39.0dip" android:baselineAligned="false"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">
<RelativeLayout android:id="@id/settings_button" android:background="@drawable/tw_quick_panel_setting_button_bg" android:focusable="true" android:visibility="visible" android:layout_width="@dimen/status_bar_expanded_setting_width" android:layout_height="39.0dip">
<ImageView android:id="@id/settings_button_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/tw_quickpanel_icon_settings" android:scaleType="center" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:contentDescription="@string/accessibility_settings_button" />
</RelativeLayout>
<ImageView android:layout_width="1.0dip" android:layout_height="25.0dip" android:layout_marginTop="7.0dip" android:layout_marginBottom="7.0dip" android:src="@drawable/tw_quick_panel_plnm_setting_dv" />
<com.android.systemui.statusbar.policy.DateView android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Date" android:textSize="18.0dip" android:textColor="#ffffffff" android:ellipsize="none" android:id="@id/date" android:layout_width="150.0dip" android:layout_height="39.0dip" android:layout_marginLeft="8.0dip" android:layout_marginRight="4.0dip" android:maxLines="1" />
<com.android.systemui.statusbar.RotationToggle android:id="@id/rotation_lock_button" android:visibility="gone" android:clickable="true" android:layout_width="32.0dip" android:layout_height="32.0dip" android:layout_margin="8.0dip" android:button="@drawable/ic_notify_rotation" android:contentDescription="@string/accessibility_rotation_lock_off" />
</LinearLayout>
Mods, if i have posted this in the wrong section, please move accordingly.
Edit:- I finally worked it out
Checkout my tutorial Single Line Notification Date

[MOD][APR 24]Potato Statusbar Gradient

What's this?
Just a gradient statusbar background
With custom colors
Changelog
Version 2
More gradient option (16 total)
2 color & 4 color modes
Screenshots
{
"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"
}
​ How to use?
Download the smali files and Gradient app (Attachments)
Install Gradient app
decompile your SystemUI.apk
extract smali files
paste it in your smali folder
Go to res/layout/status_bar.xml
Search for
PHP:
<com.android.systemui.statusbar.StatusBarView android:orientation="vertical" android:background="#ff000000" android:focusable="true" android:descendantFocusability="afterDescendants"
Change android:background to
android:background="#00000000"
Paste this code after
Code:
[FONT=Century Gothic]xmlns:android="http://schemas.android.com/apk/res/android">[/FONT]
PHP:
<potato.mariozawa.statusbargradient.Gradient android:gravity="center" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent"/>
If you have Potato Clock you can use this
PHP:
<potato.mariozawa.statusbargradient.Gradient android:gravity="center" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent">
<com.potato.systemui.clocks.ClockCenter android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:textStyle="normal" android:gravity="center" android:layout_width="fill_parent" android:layout_height="fill_parent" android:singleLine="true" />
</potato.mariozawa.statusbargradient.Gradient>
Configuring
If you want KitKat Gradient style
Make the top color solid and the bottom color transparent with same color as top
If you want a solid color statusbar just set the Top and Bottom color the solid (No alpha)
Bugs?
None for this time
Credits
PotatoInc
​

Nice I'll try this today
Edit : tried this
Works like a charm...
Can you please tell me how to adapt this for the notification panel and other backgrounds?

mariozawa said:
What's this?
Just a gradient statusbar background
With custom colors
Screenshots
How to use?
Download the smali files and Gradient app (Attachments)
Install Gradient app
decompile your SystemUI.apk
extract smali files
paste it in your smali folder
Go to res/layout/status_bar.xml
Search for
PHP:
<com.android.systemui.statusbar.StatusBarView android:orientation="vertical" android:background="#ff000000" android:focusable="true" android:descendantFocusability="afterDescendants"
Change android:background to
android:background="#00000000"
Paste this code after
Code:
[FONT=Century Gothic]xmlns:android="http://schemas.android.com/apk/res/android">[/FONT]
PHP:
<com.potato.gradient.Gradient android:gravity="center" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent"/>
If you have Potato Clock you can use this
PHP:
<com.potato.gradient.Gradient android:gravity="center" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent">
<com.potato.systemui.clocks.ClockCenter android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:textStyle="normal" android:gravity="center" android:layout_width="fill_parent" android:layout_height="fill_parent" android:singleLine="true" />
</com.potato.gradient.Gradient>
Configuring
If you want KitKat Gradient style
Make the top color solid and the bottom color transparent with same color as top
If you want a solid color statusbar just set the Top and Bottom color the solid (No alpha)
Bugs?
None for this time
Credits
PotatoInc
​
Click to expand...
Click to collapse
nice work sir, btw how did you put signal icons on the left?

xXx~~~SHLOK~~~xXx said:
Nice I'll try this today
Edit : tried this
Works like a charm...
Can you please tell me how to adapt this for the notification panel and other backgrounds?
Click to expand...
Click to collapse
Just use this
<com.potato.gradient.Gradient android:layout_width="wrap_content" android:layout_height="fill_parent">
//PUT SOME THINGS HERE
</com.potato.gradient.Gradient>

mariozawa said:
Just use this
<com.potato.gradient.Gradient android:layout_width="wrap_content" android:layout_height="fill_parent">
//PUT SOME THINGS HERE
</com.potato.gradient.Gradient>
Click to expand...
Click to collapse
But this will put the same gradient on the two backgrounds.
I want to have different gradient for different background.

thx for guide master)

xXx~~~SHLOK~~~xXx said:
But this will put the same gradient on the two backgrounds.
I want to have different gradient for different background.
Click to expand...
Click to collapse
Try this.
Since we have a new version of this mod you can use the last smali files for your other background.(com.potato.gradient)
And the new version for your statusbar (potato.mariozawa.statusbargradient)
The older version will use the color settings for 2 color mode only.:good:

How beautiful!
Thanks for your work!

mariozawa said:
Try this.
Since we have a new version of this mod you can use the last smali files for your other background.(com.potato.gradient)
And the new version for your statusbar (potato.mariozawa.statusbargradient)
The older version will use the color settings for 2 color mode only.:good:
Click to expand...
Click to collapse
Thanks

Thanks, Work In Jellybean 4.2 MT6572 Evercoss A7S

I was waiting for a program like that,
but unfortunately it seems complicated to install, i don't know about decompiling etc...

Aronuser said:
I was waiting for a program like that,
but unfortunately it seems complicated to install, i don't know about decompiling etc...
Click to expand...
Click to collapse
Same

give me your file and i will help you

Great job buddy!!! Congrats... :good:

Thanks
Working in stock 4.1.2 (touchwiz) :good:

mariozawa said:
What's this?
Just a gradient statusbar background
With custom colors
Changelog
Version 2
More gradient option (16 total)
2 color & 4 color modes
Screenshots
​ How to use?
Download the smali files and Gradient app (Attachments)
Install Gradient app
decompile your SystemUI.apk
extract smali files
paste it in your smali folder
Go to res/layout/status_bar.xml
Search for
PHP:
<com.android.systemui.statusbar.StatusBarView android:orientation="vertical" android:background="#ff000000" android:focusable="true" android:descendantFocusability="afterDescendants"
Change android:background to
android:background="#00000000"
Paste this code after
Code:
[FONT=Century Gothic]xmlns:android="http://schemas.android.com/apk/res/android">[/FONT]
PHP:
<potato.mariozawa.statusbargradient.Gradient android:gravity="center" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent"/>
If you have Potato Clock you can use this
PHP:
<potato.mariozawa.statusbargradient.Gradient android:gravity="center" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent">
<com.potato.systemui.clocks.ClockCenter android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:textStyle="normal" android:gravity="center" android:layout_width="fill_parent" android:layout_height="fill_parent" android:singleLine="true" />
</potato.mariozawa.statusbargradient.Gradient>
Configuring
If you want KitKat Gradient style
Make the top color solid and the bottom color transparent with same color as top
If you want a solid color statusbar just set the Top and Bottom color the solid (No alpha)
Bugs?
None for this time
Credits
PotatoInc
​
Click to expand...
Click to collapse
Nice Job.Can U Make Video Guide Pls.????!! it will realy appriciated

Man, you just literally made my day! Such an amazing mod! Working even with TSB..
You deserve my thanks!
But hey,! Can you please make 3-color mode?

serajr said:
Great job buddy!!! Congrats... :good:
Click to expand...
Click to collapse
Hello serajr, can you tell me how to use this for navbar buttons? Because when I add this on the navbar I only see the gradient and there are no buttons.maybe if u try , plz share

xXx~~~SHLOK~~~xXx said:
Hello serajr, can you tell me how to use this for navbar buttons? Because when I add this on the navbar I only see the gradient and there are no buttons.maybe if u try , plz share
Click to expand...
Click to collapse
Here is my navigation_bar.xml (from Xperia stock JB 4.3), so I think you need to put your widget line at red marked lines (twice)!
Code:
<?xml version="1.0" encoding="utf-8"?>
<com.android.systemui.statusbar.phone.NavigationBarView android:background="@drawable/system_bar_background" android:layout_width="fill_parent" android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">
<FrameLayout android:id="@id/rot0" android:layout_width="fill_parent" android:layout_height="fill_parent">
[COLOR="red"]PUT YOUR WIDGET LINE HERE - PORTRAIT ORIENTATION !![/COLOR]
<LinearLayout android:orientation="horizontal" android:id="@id/nav_buttons" android:clipChildren="false" android:clipToPadding="false" android:layout_width="fill_parent" android:layout_height="fill_parent" android:animateLayoutChanges="true">
<View android:visibility="invisible" android:layout_width="40.0dip" android:layout_height="fill_parent" android:layout_weight="0.0" />
<com.android.systemui.statusbar.policy.KeyButtonView android:id="@id/back" android:layout_width="@dimen/navigation_key_width" android:layout_height="fill_parent" android:src="@drawable/ic_sysbar_back" android:scaleType="center" android:layout_weight="0.0" android:contentDescription="@string/accessibility_back" android:layout_marginStart="@dimen/navigation_key_outer_margin" systemui:keyCode="4" systemui:glowBackground="@drawable/ic_sysbar_highlight" />
<View android:visibility="invisible" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1.0" />
<com.android.systemui.statusbar.policy.KeyButtonView android:id="@id/home" android:layout_width="@dimen/navigation_key_width" android:layout_height="fill_parent" android:src="@drawable/ic_sysbar_home" android:layout_weight="0.0" android:contentDescription="@string/accessibility_home" systemui:keyCode="3" systemui:keyRepeat="false" systemui:glowBackground="@drawable/ic_sysbar_highlight" />
<View android:visibility="invisible" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1.0" />
<com.android.systemui.statusbar.policy.KeyButtonView android:id="@id/recent_apps" android:layout_width="@dimen/navigation_key_width" android:layout_height="fill_parent" android:src="@drawable/ic_sysbar_recent" android:layout_weight="0.0" android:contentDescription="@string/accessibility_recent" android:layout_marginEnd="@dimen/navigation_key_outer_margin" systemui:keyCode="187" systemui:glowBackground="@drawable/ic_sysbar_highlight" />
<com.android.systemui.statusbar.policy.KeyButtonView android:id="@id/menu" android:visibility="invisible" android:layout_width="@dimen/navigation_menu_key_width" android:layout_height="fill_parent" android:src="@drawable/ic_sysbar_menu" android:layout_weight="0.0" android:contentDescription="@string/accessibility_menu" systemui:keyCode="82" systemui:glowBackground="@drawable/ic_sysbar_highlight" />
</LinearLayout>
<LinearLayout android:orientation="horizontal" android:id="@id/lights_out" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="fill_parent">
<ImageView android:layout_width="80.0dip" android:layout_height="fill_parent" android:src="@drawable/ic_sysbar_lights_out_dot_small" android:scaleType="center" android:layout_weight="0.0" android:layout_marginStart="@dimen/navigation_key_outer_margin_lights_out" />
<View android:visibility="invisible" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1.0" />
<ImageView android:layout_width="80.0dip" android:layout_height="fill_parent" android:src="@drawable/ic_sysbar_lights_out_dot_large" android:scaleType="center" android:layout_weight="0.0" />
<View android:visibility="invisible" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1.0" />
<ImageView android:layout_width="80.0dip" android:layout_height="fill_parent" android:src="@drawable/ic_sysbar_lights_out_dot_small" android:scaleType="center" android:layout_weight="0.0" android:layout_marginEnd="@dimen/navigation_key_outer_margin_lights_out" />
</LinearLayout>
<FrameLayout android:layout_width="fill_parent" android:layout_height="fill_parent">
<com.android.systemui.statusbar.policy.KeyButtonView android:layout_gravity="center" android:id="@id/search_light" android:visibility="gone" android:layout_width="80.0dip" android:layout_height="fill_parent" android:src="@drawable/search_light" android:scaleType="center" android:contentDescription="@string/accessibility_search_light" />
<com.android.systemui.statusbar.policy.KeyButtonView android:layout_gravity="right|center" android:id="@id/camera_button" android:visibility="gone" android:layout_width="80.0dip" android:layout_height="fill_parent" android:src="@drawable/ic_sysbar_camera" android:scaleType="center" android:contentDescription="@string/accessibility_camera_button" />
</FrameLayout>
<com.android.systemui.statusbar.policy.DeadZone android:layout_gravity="top" android:id="@id/deadzone" android:layout_width="fill_parent" android:layout_height="fill_parent" systemui:minSize="@dimen/navigation_bar_deadzone_size" systemui:maxSize="@dimen/navigation_bar_deadzone_size_max" systemui:holdTime="@integer/navigation_bar_deadzone_hold" systemui:decayTime="@integer/navigation_bar_deadzone_decay" systemui:orientation="horizontal" />
<ImageView android:layout_gravity="bottom|left|center" android:id="@id/rounded_corner_ll" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/rounded_corner_ll" />
<ImageView android:layout_gravity="bottom|right|center" android:id="@id/rounded_corner_lr" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/rounded_corner_lr" />
</FrameLayout>
<FrameLayout android:id="@id/rot90" android:paddingTop="0.0dip" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="fill_parent">
[COLOR="red"]PUT YOUR WIDGET LINE HERE - LANDSCAPE ORIENTATION !![/COLOR]
<LinearLayout android:orientation="vertical" android:id="@id/nav_buttons" android:clipChildren="false" android:clipToPadding="false" android:layout_width="fill_parent" android:layout_height="fill_parent" android:animateLayoutChanges="true">
<com.android.systemui.statusbar.policy.KeyButtonView android:id="@id/menu" android:visibility="invisible" android:layout_width="fill_parent" android:layout_height="40.0dip" android:src="@drawable/ic_sysbar_menu_land" android:layout_weight="0.0" android:contentDescription="@string/accessibility_menu" systemui:keyCode="82" systemui:glowBackground="@drawable/ic_sysbar_highlight_land" />
<com.android.systemui.statusbar.policy.KeyButtonView android:id="@id/recent_apps" android:layout_width="fill_parent" android:layout_height="80.0dip" android:layout_marginTop="@dimen/navigation_key_outer_margin" android:src="@drawable/ic_sysbar_recent_land" android:layout_weight="0.0" android:contentDescription="@string/accessibility_recent" systemui:keyCode="187" systemui:glowBackground="@drawable/ic_sysbar_highlight_land" />
<View android:visibility="invisible" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1.0" />
<com.android.systemui.statusbar.policy.KeyButtonView android:id="@id/home" android:layout_width="fill_parent" android:layout_height="80.0dip" android:src="@drawable/ic_sysbar_home_land" android:layout_weight="0.0" android:contentDescription="@string/accessibility_home" systemui:keyCode="3" systemui:keyRepeat="false" systemui:glowBackground="@drawable/ic_sysbar_highlight_land" />
<View android:visibility="invisible" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1.0" />
<com.android.systemui.statusbar.policy.KeyButtonView android:id="@id/back" android:layout_width="fill_parent" android:layout_height="80.0dip" android:layout_marginBottom="@dimen/navigation_key_outer_margin" android:src="@drawable/ic_sysbar_back_land" android:layout_weight="0.0" android:contentDescription="@string/accessibility_back" systemui:keyCode="4" systemui:glowBackground="@drawable/ic_sysbar_highlight_land" />
<View android:visibility="invisible" android:layout_width="fill_parent" android:layout_height="40.0dip" android:layout_weight="0.0" />
</LinearLayout>
<LinearLayout android:orientation="vertical" android:id="@id/lights_out" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="fill_parent">
<ImageView android:layout_width="fill_parent" android:layout_height="80.0dip" android:layout_marginTop="@dimen/navigation_key_outer_margin_lights_out" android:src="@drawable/ic_sysbar_lights_out_dot_small" android:scaleType="center" android:layout_weight="0.0" />
<View android:visibility="invisible" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1.0" />
<ImageView android:layout_width="fill_parent" android:layout_height="80.0dip" android:src="@drawable/ic_sysbar_lights_out_dot_large" android:scaleType="center" android:layout_weight="0.0" />
<View android:visibility="invisible" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1.0" />
<ImageView android:layout_width="fill_parent" android:layout_height="80.0dip" android:layout_marginBottom="@dimen/navigation_key_outer_margin_lights_out" android:src="@drawable/ic_sysbar_lights_out_dot_small" android:scaleType="center" android:layout_weight="0.0" />
</LinearLayout>
<com.android.systemui.statusbar.policy.KeyButtonView android:layout_gravity="center_vertical" android:id="@id/search_light" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="80.0dip" android:src="@drawable/search_light_land" android:scaleType="center" android:contentDescription="@string/accessibility_search_light" />
<com.android.systemui.statusbar.policy.DeadZone android:layout_gravity="top" android:id="@id/deadzone" android:layout_width="fill_parent" android:layout_height="fill_parent" systemui:minSize="@dimen/navigation_bar_deadzone_size" systemui:maxSize="@dimen/navigation_bar_deadzone_size_max" systemui:holdTime="@integer/navigation_bar_deadzone_hold" systemui:decayTime="@integer/navigation_bar_deadzone_decay" systemui:orientation="vertical" />
</FrameLayout>
<View android:id="@id/rot270" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="fill_parent" />
</com.android.systemui.statusbar.phone.NavigationBarView>
And ofc give a transparent background color to root view or simply remove it!
Tell me later...

feedback
try to let us use it with xposed
I think there is some work to do to change the colours..