[GUIDE] AOKP like toggles [UPDATE]

MuSaddiq · Jan 5, 2014

Hey Guys, In this guide I am going to show you how to make the stock statusbar toggles look like AOKP toggles.

Preview:

Requirements:

SystemUI.apk from your ROM
Know how to decompile/recompile

If you want your toggles to be like how they are in the 1st preview then follow the 1st method
or
If you want your toggles to be like how they are in the 2nd preview then follow the 2nd method

Let's start

1. Decompile your SystemUI.apk

2. Go to res/layout/
Open quickpanel_quick_settings.xml

1st Method

3. Replace the whole code with this code

Code:

<?xml version="1.0" encoding="utf-8"?>
<com.android.systemui.statusbar.quickpanel.QuickSettingsView android:orientation="horizontal" android:id="@id/quickpanel_quick_settings" android:background="#ff000000" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content">
        <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginLeft="5.0dip" android:layout_marginRight="5.0dip">
            <FrameLayout android:layout_width="fill_parent" android:layout_height="30.0px" android:layout_marginLeft="5.0dip" android:layout_marginRight="5.0dip" android:layout_weight="1.0">
                <ImageView android:id="@id/quickpanel_wifi_btn_icon" android:layout_width="fill_parent" android:layout_height="wrap_content" android:src="@drawable/quickpanel_icon_wifi_off" android:scaleType="fitXY" />
                <com.android.systemui.statusbar.quickpanel.WifiSettingButton android:textSize="0.0dip" android:textStyle="normal" android:textColor="#ffffffff" android:gravity="left" android:id="@id/quickpanel_wifi_btn_text" android:background="@drawable/quickpanel_button_selector_bg" android:paddingLeft="50.0dip" android:paddingTop="10.0dip" android:paddingBottom="3.0dip" android:focusable="true" android:layout_width="fill_parent" android:layout_height="fill_parent" android:text="@string/quickpanel_wifi_text" />
            </FrameLayout>
            <ImageView android:background="#1fffffff" android:layout_width="fill_parent" android:layout_height="0.5dip" />
            <FrameLayout android:layout_width="fill_parent" android:layout_height="30.0px" android:layout_marginLeft="5.0dip" android:layout_marginRight="5.0dip" android:layout_weight="1.0">
                <ImageView android:id="@id/quickpanel_data_btn_icon" android:layout_width="fill_parent" android:layout_height="wrap_content" android:src="@drawable/quickpanel_icon_data_off" android:scaleType="fitXY" />
                <com.android.systemui.statusbar.quickpanel.DataConnectionSettingButton android:textSize="0.0dip" android:textStyle="normal" android:textColor="#ffffffff" android:gravity="left" android:id="@id/quickpanel_data_btn_text" android:background="@drawable/quickpanel_button_selector_bg" android:paddingLeft="50.0dip" android:paddingTop="10.0dip" android:paddingBottom="3.0dip" android:focusable="true" android:layout_width="fill_parent" android:layout_height="fill_parent" android:text="@string/quickpanel_dc_text" />
            </FrameLayout>
            <ImageView android:background="#1fffffff" android:layout_width="fill_parent" android:layout_height="0.5dip" />
            <FrameLayout android:layout_width="fill_parent" android:layout_height="30.0px" android:layout_marginLeft="5.0dip" android:layout_marginRight="5.0dip" android:layout_weight="1.0">
                <ImageView android:id="@id/quickpanel_bt_btn_icon" android:layout_width="fill_parent" android:layout_height="wrap_content" android:src="@drawable/quickpanel_icon_bluetooth_off" android:scaleType="fitXY" />
                <com.android.systemui.statusbar.quickpanel.BluetoothSettingButton android:textSize="0.0dip" android:textStyle="normal" android:textColor="#ffffffff" android:gravity="left" android:id="@id/quickpanel_bt_btn_text" android:background="@drawable/quickpanel_button_selector_bg" android:paddingLeft="50.0dip" android:paddingTop="10.0dip" android:paddingBottom="3.0dip" android:focusable="true" android:layout_width="fill_parent" android:layout_height="fill_parent" android:text="@string/quickpanel_bluetooth_text" />
            </FrameLayout>
            <ImageView android:background="#1fffffff" android:layout_width="fill_parent" android:layout_height="0.5dip" />
            <FrameLayout android:layout_width="fill_parent" android:layout_height="30.0px" android:layout_marginLeft="5.0dip" android:layout_marginRight="5.0dip" android:layout_weight="1.0">
                <ImageView android:id="@id/quickpanel_gps_btn_icon" android:layout_width="fill_parent" android:layout_height="wrap_content" android:src="@drawable/quickpanel_icon_gps_off" android:scaleType="fitXY" />
                <com.android.systemui.statusbar.quickpanel.GpsSettingButton android:textSize="0.0dip" android:textStyle="normal" android:textColor="#ffffffff" android:gravity="left" android:id="@id/quickpanel_gps_btn_text" android:background="@drawable/quickpanel_button_selector_bg" android:paddingLeft="50.0dip" android:paddingTop="10.0dip" android:paddingBottom="3.0dip" android:focusable="true" android:layout_width="fill_parent" android:layout_height="fill_parent" android:text="@string/quickpanel_gps_text" />
            </FrameLayout>
            <ImageView android:background="#1fffffff" android:layout_width="fill_parent" android:layout_height="0.5dip" />
            <FrameLayout android:layout_width="fill_parent" android:layout_height="30.0px" android:layout_marginLeft="5.0dip" android:layout_marginRight="5.0dip" android:layout_weight="1.0">
                <ImageView android:id="@id/quickpanel_rotation_btn_icon" android:layout_width="fill_parent" android:layout_height="wrap_content" android:src="@drawable/quickpanel_icon_rotation_off" android:scaleType="fitXY" />
                <com.android.systemui.statusbar.quickpanel.AutoRotationSettingButton android:textSize="0.0dip" android:textStyle="normal" android:textColor="#ffffffff" android:gravity="left" android:id="@id/quickpanel_rotation_btn_text" android:background="@drawable/quickpanel_button_selector_bg" android:paddingLeft="50.0dip" android:paddingTop="10.0dip" android:paddingBottom="3.0dip" android:focusable="true" android:layout_width="fill_parent" android:layout_height="fill_parent" android:text="@string/quickpanel_rotation_text" />
            </FrameLayout>
            <ImageView android:background="#1fffffff" android:layout_width="fill_parent" android:layout_height="0.5dip" />
            <FrameLayout android:layout_width="fill_parent" android:layout_height="30.0px" android:layout_marginLeft="5.0dip" android:layout_marginRight="5.0dip" android:layout_weight="1.0">
                <ImageView android:id="@id/quickpanel_sound_btn_icon" android:layout_width="fill_parent" android:layout_height="wrap_content" android:src="@drawable/quickpanel_icon_sound_on_on" android:scaleType="fitXY" />
                <com.android.systemui.statusbar.quickpanel.SoundSettingButton android:textSize="13.0dip" android:textStyle="normal" android:textColor="#ffffffff" android:gravity="left" android:id="@id/quickpanel_sound_btn_text" android:background="@drawable/quickpanel_button_selector_bg" android:paddingLeft="50.0dip" android:paddingTop="10.0dip" android:paddingBottom="3.0dip" android:focusable="true" android:layout_width="fill_parent" android:layout_height="fill_parent" android:text="@string/quickpanel_silent_text" />
            </FrameLayout>
            <ImageView android:background="#1fffffff" android:layout_width="fill_parent" android:layout_height="0.5dip" />
        </LinearLayout>
    </LinearLayout>
</com.android.systemui.statusbar.quickpanel.QuickSettingsView>

4. Go to res/drawable-ldpi and delete these files

Code:

quickpanel_icon_bluetooth_off
quickpanel_icon_bluetooth_on
quickpanel_icon_data_off
quickpanel_icon_data_on
quickpanel_icon_gps_off
quickpanel_icon_gps_on
quickpanel_icon_rotation_off
quickpanel_icon_rotation_on
quickpanel_icon_silent_off
quickpanel_icon_sound_on_on
quickpanel_icon_sound_vibration_on
quickpanel_icon_vibration_off
quickpanel_icon_wifi_off
quickpanel_icon_wifi_on

5. Download Sys_Resources.zip
Extarct it and copy all the files to res/drawable-ldpi

2nd method

3. Replace the whole code with this code

Code:

<?xml version="1.0" encoding="utf-8"?>
<com.android.systemui.statusbar.quickpanel.QuickSettingsView android:orientation="horizontal" android:id="@id/quickpanel_quick_settings" android:background="#ff000000" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout android:orientation="vertical" android:background="#ff000000" android:layout_width="fill_parent" android:layout_height="wrap_content">
        <LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0">
            <FrameLayout android:layout_width="wrap_content" android:layout_height="40.0dip" android:layout_weight="1.0">
                <ImageView android:layout_gravity="center_horizontal" android:id="@id/quickpanel_wifi_btn_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="0.0dip" android:src="@drawable/quickpanel_icon_wifi_off" />
                <com.android.systemui.statusbar.quickpanel.WifiSettingButton android:textSize="0.0dip" android:textStyle="normal" android:textColor="#ffffffff" android:gravity="center" android:id="@id/quickpanel_wifi_btn_text" android:background="@drawable/quickpanel_button_selector_bg" android:paddingTop="63.0dip" android:paddingBottom="0.0dip" android:focusable="true" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/quickpanel_wifi_text" />
            </FrameLayout>
            <FrameLayout android:layout_width="wrap_content" android:layout_height="40.0dip" android:layout_weight="1.0">
                <ImageView android:layout_gravity="center_horizontal" android:id="@id/quickpanel_data_btn_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="0.0dip" android:src="@drawable/quickpanel_icon_data_off" />
                <com.android.systemui.statusbar.quickpanel.DataConnectionSettingButton android:textSize="0.0dip" android:textStyle="normal" android:textColor="#ffffffff" android:gravity="center" android:id="@id/quickpanel_data_btn_text" android:background="@drawable/quickpanel_button_selector_bg" android:paddingTop="63.0dip" android:paddingBottom="0.0dip" android:focusable="true" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/quickpanel_dc_text" />
            </FrameLayout>
        </LinearLayout>
        <LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0">
            <FrameLayout android:layout_width="wrap_content" android:layout_height="40.0dip" android:layout_weight="1.0">
                <ImageView android:layout_gravity="center_horizontal" android:id="@id/quickpanel_bt_btn_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="0.0dip" android:src="@drawable/quickpanel_icon_bluetooth_off" />
                <com.android.systemui.statusbar.quickpanel.BluetoothSettingButton android:textSize="0.0dip" android:textStyle="normal" android:textColor="#ffffffff" android:gravity="center" android:id="@id/quickpanel_bt_btn_text" android:background="@drawable/quickpanel_button_selector_bg" android:paddingTop="63.0dip" android:paddingBottom="0.0dip" android:focusable="true" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/quickpanel_bluetooth_text" />
            </FrameLayout>
            <FrameLayout android:layout_width="wrap_content" android:layout_height="40.0dip" android:layout_weight="1.0">
                <ImageView android:layout_gravity="center_horizontal" android:id="@id/quickpanel_gps_btn_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="0.0dip" android:src="@drawable/quickpanel_icon_gps_off" />
                <com.android.systemui.statusbar.quickpanel.GpsSettingButton android:textSize="0.0dip" android:textStyle="normal" android:textColor="#ffffffff" android:gravity="center" android:id="@id/quickpanel_gps_btn_text" android:background="@drawable/quickpanel_button_selector_bg" android:paddingTop="63.0dip" android:paddingBottom="0.0dip" android:focusable="true" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/quickpanel_gps_text" />
            </FrameLayout>
        </LinearLayout>
        <LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0">
            <FrameLayout android:layout_width="wrap_content" android:layout_height="40.0dip" android:layout_weight="1.0">
                <ImageView android:layout_gravity="center_horizontal" android:id="@id/quickpanel_rotation_btn_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="0.0dip" android:src="@drawable/quickpanel_icon_rotation_off" />
                <com.android.systemui.statusbar.quickpanel.AutoRotationSettingButton android:textSize="0.0dip" android:textStyle="normal" android:textColor="#ffffffff" android:gravity="center" android:id="@id/quickpanel_rotation_btn_text" android:background="@drawable/quickpanel_button_selector_bg" android:paddingTop="63.0dip" android:paddingBottom="0.0dip" android:focusable="true" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/quickpanel_rotation_text" />
            </FrameLayout>
            <FrameLayout android:layout_width="wrap_content" android:layout_height="40.0dip" android:layout_weight="1.0">
                <ImageView android:layout_gravity="center_horizontal" android:id="@id/quickpanel_sound_btn_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="0.0dip" android:src="@drawable/quickpanel_icon_sound_on_on" />
                <com.android.systemui.statusbar.quickpanel.SoundSettingButton android:textSize="0.0dip" android:textStyle="normal" android:textColor="#ffffffff" android:gravity="center" android:id="@id/quickpanel_sound_btn_text" android:background="@drawable/quickpanel_button_selector_bg" android:paddingTop="63.0dip" android:paddingBottom="0.0dip" android:focusable="true" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/quickpanel_silent_text" />
            </FrameLayout>
        </LinearLayout>
    </LinearLayout>
</com.android.systemui.statusbar.quickpanel.QuickSettingsView>

4. Go to res/drawable-ldpi and delete these files

Code:

quickpanel_icon_bluetooth_off
quickpanel_icon_bluetooth_on
quickpanel_icon_data_off
quickpanel_icon_data_on
quickpanel_icon_gps_off
quickpanel_icon_gps_on
quickpanel_icon_rotation_off
quickpanel_icon_rotation_on
quickpanel_icon_silent_off
quickpanel_icon_sound_on_on
quickpanel_icon_sound_vibration_on
quickpanel_icon_vibration_off
quickpanel_icon_wifi_off
quickpanel_icon_wifi_on

5. Download Sys_Resources1.zip
Extarct it and copy all the files to res/drawable-ldpi

6. Recompile your SystemUI.apk
Push it into system/app
Set proper permissions(rw-r--r--)

If you want to move the toggles then follow this guide by @mariozawa

Credits:

b16h22

MuSaddiq · Jan 5, 2014

Reseved 01

Reserved

-CALIBAN666- · Jan 5, 2014

Nice,i think its cooler when you make a all in one thread for all your guides so its easy to find one,thanx anyway.:thumbup:

MANY GREEEETZ!!!

MuSaddiq · Jan 5, 2014

-CALIBAN666- said:
Nice,i think its cooler when you make a all in one thread for all your guides so its easy to find one,thanx anyway.:thumbup:

MANY GREEEETZ!!!

Thanks for your suggestion but i have already done that, When you click 'MY WORKS' in my signature you will be redirected to a post where you can find all my apps, guides, icons, etc. with their links.

Powerhouse · Jan 6, 2014

Looks like OP is on Fire ..Great work buddy ..

Good to see you on our team(GFX bandits)

DC07 · Jan 6, 2014

Mr.Gentleman said:
Looks like OP is on Fire ..Great work buddy ..

Good to see you on our team(GFX bandits)

+1

Nice work M.S

Mranggapo · Jan 6, 2014

This is what im looking for :victory:

Himan Boro · Jan 6, 2014

Great Job

Bro Please Can You B Able To Provide me Moded with Aokp status bar...i dnt knw recompiling-Decompiling

MuSaddiq · Jan 6, 2014

Himan Boro said:
Great Job Bro Please Can You B Able To Provide me Moded with Aokp status bar...i dnt knw recompiling-Decompiling

Sorry, I don't have the modded statusbar. Actually, I mod the statusbar only for the preview, after that I delete it.

kumar akarsh · Jan 7, 2014

Nice mod sir!!!!!!!!!!

Himan Boro · Jan 7, 2014

Ok...Anybuddy Provide me that Please

mohamedrashad · Jan 7, 2014

Cool guide bro

Sent from my GT-S5360 using Tapatalk 2

MuSaddiq · Jan 15, 2014

OP Updated with 2 methods.. Check it out!

RiddlerA · Jan 18, 2014

C00L :victory:

Thanks for the Guide !!

Mranggapo · Jan 20, 2014

hi sir good day @MuSaddiq
i want to ask to you 2 question

hope you didnt bored answerin it

first
i have two layout of statusbar (aosp statusbar by marcus) and i want to apply your aokp toogles to the first layout which includes notification (lets say first layout). how did i put it there and how did i know it is first layout or second layout

second
does this applicable to aosp too ?

TIA sir any help is appreciated :fingers-crossed::highfive:

MuSaddiq · Jan 20, 2014

Mranggapo said:
hi sir good day @MuSaddiq
i want to ask to you 2 question hope you didnt bored answerin it

first
i have two layout of statusbar (aosp statusbar by marcus) and i want to apply your aokp toogles to the first layout which includes notification (lets say first layout). how did i put it there and how did i know it is first layout or second layout

second
does this applicable to aosp too ?

TIA sir any help is appreciated :fingers-crossed::highfive:

Yes, it will work on AOSP too but its little complicated. Can u give me your SystemUI ?

Mranggapo · Jan 20, 2014

MuSaddiq said:
Yes, it will work on AOSP too but its little complicated. Can u give me your SystemUI ?

Im sorry sir, but can you check marcussmith thread in themes section, im attaching my modded apk in there
Its already modded by me, i hope you can correct it

. Sorry because im on tablet and my data is in computer

MuSaddiq · Jan 20, 2014

Mranggapo said:
Im sorry sir, but can you check marcussmith thread in themes section, im attaching my modded apk in there
Its already modded by me, i hope you can correct it . Sorry because im on tablet and my data is in computer

It's ok, I will use the SystemUI from marcus's thread

Mranggapo · Jan 20, 2014

MuSaddiq said:
It's ok, I will use the SystemUI from marcus's thread

Sorry to disturb you, but if you dont mid. I have modded sir marcus systemui, you can check it rather than creating ones. Ive spent two hours -_-

Raghuveer · Jan 25, 2014

Appreciate

sent from terminal emulator

[GUIDE] AOKP like toggles [UPDATE]

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Member

Similar threads

Top Liked Posts