Modding SystemUI

Modding SystemUI - Hallo sobat Jogja Android Blog, Pada Artikel yang sobat baca kali ini dengan judul Modding SystemUI, kami telah mempersiapkan artikel ini dengan baik untuk sobat baca dan ambil informasi didalamnya. Mudah-mudahan isi postingan Modding SystemUI yang kami tulis ini dapat sobat Jogja Android Blog pahami. Baiklah, selamat membaca sambil menikmati kopi.

Requirement :

- PC
- Apktool Software download di sini
- Decompile and recompile skill with apktool
- 7zip/winzpi/winrar
- Notepad ++
- Kesabaran dan keikhlasan
- Amal dan ibadah

Spoiler for Tutorial:

1. Mengganti slider pull down statusbar background

Spoiler for Slide down background:

Quote:
Cara 1 : <mengganti dengan gambar lain>
- Ke folder SystemUI/res/drawable_hdpi
- Cari file gambar notification_panel_bg.9.png
- Replace dng file gambar punya agan dng nama file yg sama lalu hiangkan .9
Cara 2 : <merubah code color>
- Ke folder SystemUI/res/layout/quicksettings.xml
- edit with notepad++
- temukan code ini

Code:

<com.android.systemui.statusbar.phone.SettingsPanelView android:id="@id/settings_panel" android:background="@drawable/notification_panel_bg" android:layout_width="fill_parent" android:layout_height="wrap_content"

ganti android:background="@drawable/notification_panel_bg"
menjadi android:background="#00000000"

Code:

#00000000 - black with 100% transparency

#3F000000 - black with 75% transparency

#7F000000 - black with 50% transparency

#BF000000 - black with 25% transparency

2. Mengganti background icon quicksettings_tile

Spoiler for Icon Quicksettings background:

Quote:
Cara 1 : <merubah code color>
- Ke folder SystemUI/res/layout/quicksettings_tile.xml
- Temukan code ini :

Code:

<com.android.systemui.statusbar.phone.QuickSettingsTileView android:background="@drawable/qs_tile_background" android:layout_width="wrap_content" android:layout_height="@dimen/quick_settings_cell_height"

ganti android:background="@drawable/qs_tile_background"
dengan android:background="#00000000"

Code:

#00000000 - black with 100% transparency

#3F000000 - black with 75% transparency

#7F000000 - black with 50% transparency

#BF000000 - black with 25% transparency

Cara 2 : <mengganti dengan gambar>
- buat gambar dng ukuran bebas (gambar akan wrap content atau menyesuaiakan dengan ukuran layout yg tlah di tentukan)
- kasih nama bebas. (contoh : qs_icon_bg.png) dan taruh di drawable hdpi
- Ke folder SystemUI/res/layout/quicksettings_tile.xml
- ganti ganti android:background="@drawable/qs_tile_background"
dengan ganti android:background="@drawable/qs_icon_bg"
3. Merubah text size dan color
Quote:
- Ke folder SystemUI/res/value/style.xml
Quote:
StatusBar Clock

Spoiler for Status bar clock:

Code:

<style name="TextAppearance.StatusBar.Clock" parent="@*android:style/TextAppearance.StatusBar.Icon">

        <item name="android:textSize">17.0dip</item>

        <item name="android:textStyle">normal</item>

        <item name="android:textColor">#ff00ff00</item>

Tinggal ganti textsize,textstyle dan textcolor(color hex value) dng yg agan suka
Quote:
Statusbar expanded date and clock

Spoiler for statusbar expanded date and clock:

Code:

<style name="TextAppearance.StatusBar.Date" parent="@*android:style/TextAppearance.StatusBar.Icon">

        <item name="android:textSize">14.0dip</item>

        <item name="android:textStyle">normal</item>

        <item name="android:textColor">#ff00ff00</item>

    </style>

    <style name="TextAppearance.StatusBar.Expanded" parent="@*android:style/TextAppearance.StatusBar" />

    <style name="TextAppearance.StatusBar.Expanded.Clock" parent="@style/TextAppearance.StatusBar.Expanded">

        <item name="android:textSize">27.0dip</item>

        <item name="android:textStyle">normal</item>

        <item name="android:textColor">#ffBCC6CC</item>

Tinggal ganti textsize,textstyle dan textcolor(color hex value) dng yg agan suka
Quote:
Mengganti/Menghilangkan tulisan operator

Code:

<style name="TextAppearance.StatusBar.Expanded.Network" parent="@style/TextAppearance.StatusBar.Expanded">

        <item name="android:textSize">8.0dip</item>

        <item name="android:textStyle">normal</item>

        <item name="android:textColor">#ff999999</item>

ganti textcolor dng #00000000 utk menghilangkannya
4. Menghilangkan data trafic dan button screen off di statusbar (utk ROM Samaung)
Quote:
Data trafic 00.0 kb/s
- Ke folder SystemUI/res/layout/gemini_status_bar.xml dan status_bar.xml
- Temukan dan hapus code ini

Code:

<in.jmkl.dcsms.statusbargreper.DataTrafik android:layout_gravity="center_vertical" android:layout_width="wrap_content" android:layout_height="wrap_content" />

Quote:
Button screen off
- Ke folder SystemUI/res/layout/gemini_status_bar.xml dan status_bar.xml
- Temukan dan hapus kode ini

Code:

<com.android.systemui.statusbar.policy.KeyButtonView android:id="@id/back" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="0.0dip" android:src="@drawable/ic_sysbar_lock" android:singleLine="true" android:layout_toRightOf="@id/recent_apps" android:layout_alignParentLeft="true" android:contentDescription="@string/accessibility_back" systemui:keyCode="26" systemui:glowBackground="@drawable/ic_sysbar_highlight" />

5. Memindahkan signal ke kiri
Quote:
- Ke folder SystemUI/res/Layout/gemini_status_bar
- temukan kode ini

Code:

<LinearLayout android:orientation="horizontal" android:id="@id/system_icon_area" 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" />

            <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/gemini_signal_cluster_view" />

                <TextView android:textSize="16.0sp" android:textColor="@*android:color/holo_blue_light" android:id="@id/percentage" android:paddingLeft="4.0dip" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" />

                <ImageView android:id="@id/battery" android:paddingLeft="4.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" />

            </LinearLayout>

lalu pindahkan

Code:

<include android:id="@id/signal_cluster" android:layout_width="wrap_content" android:layout_height="wrap_content" layout="@layout/gemini_signal_cluster_view" />

menjadi seperti ini

Code:

<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/status_bar_contents" android:paddingLeft="6.0dip" android:paddingRight="6.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent">

        <LinearLayout android:orientation="horizontal" android:id="@id/notification_icon_area" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_weight="1.0">

            <include android:id="@id/signal_cluster" android:layout_width="wrap_content" android:layout_height="wrap_content" layout="@layout/gemini_signal_cluster_view" />

   <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.IconMerger android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/notificationIcons" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_alignParentLeft="true" />

        </LinearLayout>

6. Menambah speedmeter
Quote:
- download file disini
- extract, maka akan terdapat folder "in"
- taro folder 'in" di SystemUI/smali/<disini>
- lalu ke folder SystemUI/res/layout/gemini_status_bar.xml
- copy tulisan ini

Code:

<in.jmkl.dcsms.statusbargreper.DataTrafik android:layout_gravity="center_vertical" android:layout_width="wrap_content" android:layout_height="wrap_content" />

- lalu paste tepat di bawah tulisan ini

Code:

<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/status_bar_contents" android:paddingLeft="6.0dip" android:paddingRight="6.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent">

        <LinearLayout android:orientation="horizontal" android:id="@id/notification_icon_area" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_weight="1.0">

- Maka akan jadi seperti ini

Code:

<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/status_bar_contents" android:paddingLeft="6.0dip" android:paddingRight="6.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent">

        <LinearLayout android:orientation="horizontal" android:id="@id/notification_icon_area" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_weight="1.0">

            <in.jmkl.dcsms.statusbargreper.DataTrafik android:layout_gravity="center_vertical" android:layout_width="wrap_content" android:layout_height="wrap_content" />

- ke folder SystemUI/res/values/style.xml
- copy tulisan ini

Code:

<style name="TextAppearance.StatusBar.Speed" parent="@style/TextAppearance.StatusBar.Clock">

        <item name="android:textSize">14.0dip</item>

        <item name="android:textStyle">normal</item>

        <item name="android:textColor">#ffffffff</item>

    </style>

- lalu paste ke tempat paling bawah
contoh :

Code:

<style name="ApplicationGuideText">

        <item name="android:textSize">16.0sp</item>

        <item name="android:textColor">#ffca226b</item>

        <item name="android:lineSpacingMultiplier">1.1</item>

    </style>

    <style name="TextAppearance.StatusBar.Speed" parent="@style/TextAppearance.StatusBar.Clock">

        <item name="android:textSize">14.0dip</item>

        <item name="android:textStyle">normal</item>

        <item name="android:textColor">#ffffffff</item>

    </style>

</resources>

7. Center Clock
Quote:
- Ke folder SystemUI/res/gemini_status_bar.xml
- Cari tulisan ini lalu hapus

Code:

<com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.StatusBar.Clock" android:gravity="left|center" android:id="@id/clock" android:paddingLeft="6.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />

- Copas tulisan ini

Code:

<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:id="@id/clock" android:paddingLeft="6.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />

 </LinearLayout>

- Lalu pindahkan tulisan di atas tepat di bawah tulisan ini

Code:

<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" />

maka akan jd spt ini

Code:

<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: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:id="@id/clock" android:paddingLeft="6.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />

</LinearLayout>

<LinearLayout android:orientation="horizontal" android:id="@id/status_bar_contents" android:paddingLeft="6.0dip" android:paddingRight="6.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent">

        <LinearLayout android:orientation="horizontal" android:id="@id/notification_icon_area" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_weight="1.0">

 Semoga bermanfaat...

Demikian Artikel dengan judul Modding SystemUI

Mudah-mudahan bisa memberi manfaat untuk sobat Jogja Android Blog semua. Baiklah, sampai jumpa di postingan artikel lainnya.

Sobat Jogja Android Blog sekarang membaca artikel Modding SystemUI dengan alamat link https://jogjandroidz.blogspot.com/2014/08/modding-systemui.html

Share this post