Hi guys,
Today I'm here with the full tutorial on changing the background of everything on the expanded panel for JB 4.1 touchwiz ROMs
What this guide includes
1. Main background
2. Header
3. Header settings button background
4. Toggles background
5. Brightness slider
6. Sim selector background
7. No notifications bar background
8. Notifications bar background
9. Ongoing bar background
10. Ongoing and notifications panel background
Requirements:
1. Brain
2. Patience
3. Experience(little bit)
4. Apktool or anything like it
How to:
1. Decompile your SystemUI.apk
Now to change different backgrounds:
1. Main background:
1.Go to res/layout/tw_status_bar_expanded.xml(if you're device is single sim)/ tw_status_bar_expanded_dual.xml(if you're device is dual sim)
2. Focus on line no.5 which is this:
<FrameLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginBottom="@dimen/tw_close_handle_underlap">
3. Now add this to the line: android:background="#ffffffff"... You can also use a png in which case you have to add it like this: android:background="pngname" and then put a png of which name you used on a drawable folder
2. Header background:
1. Go to res/layout/tw_status_bar_expanded_header.xml and focus on line no.2 which is this: <LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:background="#ff000000" android:layout_width="fill_parent" android:layout_height="39.0dip" android:baselineAligned="false"
2. Now edit the android:background="#ff000000" to set a png or just use hex if you want
3. Header settings button:
1. Go to res/layout/tw_status_bar_expanded_header.xml and find this: <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">
2. Now edit the android:background="@drawable/tw_quick_panel_setting_button_bg" like you want
4. Toggles background: go to res/drawable-??dpi(depends on your device) and change these 2 pngs: tw_quick_panel_quick_setting_button_bg_normal.9.pn g(when the toggles are normal) and tw_quick_panel_quick_setting_button_bg_pressed.9.p ng(when a toggle is pressed)
5. Brightness slider:
1. Go to res/layout/tw_status_bar_expanded.xml(depends on your device)
2. Find this line: <LinearLayout android:orientation="vertical" android:id="@id/brightness_controller" android:background="#ff000000" android:layout_width="fill_parent" android:layout_height="56.0dip" android:layout_marginTop="0.0dip">
3. Now change the android:background="#ff000000" to what you like
6. Sim selector background:
1.go to res/layout/tw_status_bar_expanded_dual.xml(it's only on dual sim)
2. Fined this line: <LinearLayout android:orientation="horizontal" android:id="@id/quickpanel_dualsim_layout" android:layout_width="fill_parent" android:layout_height="67.0dip">
Now add this to it: android:background="#ffffffff" and edit it like you want
7. No notifications bar:
1. Go to res/layout/tw_status_bar_expanded.xml(depends on the device) and find this line: <LinearLayout android:orientation="vertical" android:id="@id/noNotificationsTitle" android:focusable="true" android:layout_width="fill_parent" android:layout_height="wrap_content">
2. Now add this to it: android:background="#ffffffff" and edit it like you want
8. Notifications bar background:
1. Go to res/layout/tw_status_bar_expanded.xml(again depends on the device)
2. Now find this: <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">
3. Now change the android:background="#ff293945" to like whatever you want
9. Ongoing bar background:
1. Go to res/layout/tw_status_bar_expanded.xml(as always depends on the device) and find this line: <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">
2. Now edit this: android:background="#ff293945" to your liking
10. Ongoing and notifications panel background:
1. Go to res/layout/tw_status_bar_notification_row.xml
2. Now focus on this line: <com.android.systemui.statusbar.LatestItemView android:id="@id/content" android:background="@drawable/tw_notification_row_bg" android:focusable="true" android:clickable="true" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="@dimen/tw_notification_divider_height" android:layout_marginBottom="@dimen/tw_notification_divider_height">
3. Now edit the android:background="@drawable/tw_notification_row_bg" to set another PNG or to set hex
2. Now recompile, sign, push, reboot and enjoy !!!
Credits:
@majdinj learn a lot from he's guide
@ShadeSK for main BG changing guide and saying how to change notifications and ongoing BG
Today I'm here with the full tutorial on changing the background of everything on the expanded panel for JB 4.1 touchwiz ROMs
What this guide includes
1. Main background
2. Header
3. Header settings button background
4. Toggles background
5. Brightness slider
6. Sim selector background
7. No notifications bar background
8. Notifications bar background
9. Ongoing bar background
10. Ongoing and notifications panel background
Requirements:
1. Brain
2. Patience
3. Experience(little bit)
4. Apktool or anything like it
How to:
1. Decompile your SystemUI.apk
Now to change different backgrounds:
1. Main background:
1.Go to res/layout/tw_status_bar_expanded.xml(if you're device is single sim)/ tw_status_bar_expanded_dual.xml(if you're device is dual sim)
2. Focus on line no.5 which is this:
<FrameLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginBottom="@dimen/tw_close_handle_underlap">
3. Now add this to the line: android:background="#ffffffff"... You can also use a png in which case you have to add it like this: android:background="pngname" and then put a png of which name you used on a drawable folder
2. Header background:
1. Go to res/layout/tw_status_bar_expanded_header.xml and focus on line no.2 which is this: <LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:background="#ff000000" android:layout_width="fill_parent" android:layout_height="39.0dip" android:baselineAligned="false"
2. Now edit the android:background="#ff000000" to set a png or just use hex if you want
3. Header settings button:
1. Go to res/layout/tw_status_bar_expanded_header.xml and find this: <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">
2. Now edit the android:background="@drawable/tw_quick_panel_setting_button_bg" like you want
4. Toggles background: go to res/drawable-??dpi(depends on your device) and change these 2 pngs: tw_quick_panel_quick_setting_button_bg_normal.9.pn g(when the toggles are normal) and tw_quick_panel_quick_setting_button_bg_pressed.9.p ng(when a toggle is pressed)
5. Brightness slider:
1. Go to res/layout/tw_status_bar_expanded.xml(depends on your device)
2. Find this line: <LinearLayout android:orientation="vertical" android:id="@id/brightness_controller" android:background="#ff000000" android:layout_width="fill_parent" android:layout_height="56.0dip" android:layout_marginTop="0.0dip">
3. Now change the android:background="#ff000000" to what you like
6. Sim selector background:
1.go to res/layout/tw_status_bar_expanded_dual.xml(it's only on dual sim)
2. Fined this line: <LinearLayout android:orientation="horizontal" android:id="@id/quickpanel_dualsim_layout" android:layout_width="fill_parent" android:layout_height="67.0dip">
Now add this to it: android:background="#ffffffff" and edit it like you want
7. No notifications bar:
1. Go to res/layout/tw_status_bar_expanded.xml(depends on the device) and find this line: <LinearLayout android:orientation="vertical" android:id="@id/noNotificationsTitle" android:focusable="true" android:layout_width="fill_parent" android:layout_height="wrap_content">
2. Now add this to it: android:background="#ffffffff" and edit it like you want
8. Notifications bar background:
1. Go to res/layout/tw_status_bar_expanded.xml(again depends on the device)
2. Now find this: <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">
3. Now change the android:background="#ff293945" to like whatever you want
9. Ongoing bar background:
1. Go to res/layout/tw_status_bar_expanded.xml(as always depends on the device) and find this line: <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">
2. Now edit this: android:background="#ff293945" to your liking
10. Ongoing and notifications panel background:
1. Go to res/layout/tw_status_bar_notification_row.xml
2. Now focus on this line: <com.android.systemui.statusbar.LatestItemView android:id="@id/content" android:background="@drawable/tw_notification_row_bg" android:focusable="true" android:clickable="true" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="@dimen/tw_notification_divider_height" android:layout_marginBottom="@dimen/tw_notification_divider_height">
3. Now edit the android:background="@drawable/tw_notification_row_bg" to set another PNG or to set hex
2. Now recompile, sign, push, reboot and enjoy !!!
Credits:
@majdinj learn a lot from he's guide
@ShadeSK for main BG changing guide and saying how to change notifications and ongoing BG