Membuat FLYME OS statusbar
Thursday, May 22, 2014
Edit
§ Konsep bentuk Dasar
Menambahkan parent
baru ndasflyme dengan orientation vertical sehingga baris baru di
vertical bawah dan baris statusbar asli di vertical atas
ss=
- Decompile SystemUI.apk
- masuk /res/layout/
- buka gemini_status_bar.xml atau zzz_status_bar.xml
- diatas
<LinearLayout.........android:id="@id/status_bar_contents" atau "@id/icons"
atau di bawah
xmlns:systemui="http://schemas.android.com/.........>
paste
<LinearLayout
android:orientation="vertical" android:id="@+id/ndasflyme"
android:layout_width="fill_parent"
android:layout_height="50.0dip">
- diatas
<LinearLayout ..... @id/ticker
paste
<LinearLayout android:gravity="right"
android:orientation="horizontal"
android:id="@+id/barisbaru" android:paddingLeft="1.0dip"
android:paddingRight="1.0dip"
android:layout_width="fill_parent" android:layout_height="24.0dip">
<LinearLayout android:orientation="horizontal" android:id="@+id/bariskiri" android:paddingLeft="3.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="1.0">
<TextView android:text="contoh item baris kiri" android:gravity="center_vertical" android:layout_width="wrap_content" android:layout_height="fill_parent" />
</LinearLayout>
<LinearLayout android:gravity="right" android:orientation="horizontal" android:id="@+id/bariskanan" android:paddingRight="3.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent">
<TextView android:text="contoh item baris kanan" android:gravity="center_vertical" android:layout_width="wrap_content" android:layout_height="fill_parent" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
<LinearLayout android:orientation="horizontal" android:id="@+id/bariskiri" android:paddingLeft="3.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="1.0">
<TextView android:text="contoh item baris kiri" android:gravity="center_vertical" android:layout_width="wrap_content" android:layout_height="fill_parent" />
</LinearLayout>
<LinearLayout android:gravity="right" android:orientation="horizontal" android:id="@+id/bariskanan" android:paddingRight="3.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent">
<TextView android:text="contoh item baris kanan" android:gravity="center_vertical" android:layout_width="wrap_content" android:layout_height="fill_parent" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
pada baris
@id/status_bar_contents atau @id/icons
ubah
android:layout_height="fill_parent"
jadi
android:layout_height="24.0dip"
* ubah semua tanda <
dengan
* tidak diperlukan
edit penambahan id.xml karena xml di atas sudah termasuk perintah menambahkan
id (@+id/........)
SS xml akhir
SS konsepnya
- save - recompile - sign - push - reboot
----------
§ Model 1
ss=
Konsepnya adalah
merubah orientation parent ndasflyme menjadi horizontal sehingga analogclok di
horizontal kiri dan parent statusbar yang ada di horizontal kanan.
Masih bermain di
gemini_status_bar.xml atau zzz_status_bar.xml
hapus baris
<com.....Clock
- pada baris
"@id/ndasflyme"
ubah
android:orientation="vertical"
jadi
android:orientation="horizontal"
android:orientation="vertical"
jadi
android:orientation="horizontal"
- AnalogClock di
paling kiri
<AnalogClock android:gravity="left"
android:id="@id/clock" android:paddingLeft="3.0dip"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:singleLine="true" />
<LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="50.0dip">
<LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="50.0dip">
tambahkan
penutup
</LinearLayout>di
atas baris<LinearLayot...... @id/ticker
- batere persen
di kanan bawah
pindahkan
<TextView....
@id/percentage
di bawah baris
<LinearLayout....
@id/bariskanan
- icon notifikasi di
kanan bawah
Pindahkan 2 baris
ini
<com...
StatusBarIconView
<com...
IconMerger
di bawah
<LinearLayout....
@id/bariskanan
sehingga menjadi
seperti ini
<LinearLayout android:gravity="right"
android:orientation="horizontal"
android:id="@id/bariskanan" android:paddingRight="3.0dip"
android:layout_width="wrap_content"
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.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" />
<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" />
</LinearLayout>
<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" />
<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" />
</LinearLayout>
- custom text di kiri
atas
<TextView
android:text="apa aja bolehhh"
android:gravity="center_vertical"
android:layout_width="wrap_content"
android:layout_height="fill_parent" />
di bawah
<LinearLayout
..... @id/notification_icon_area
- Traffic di kiri
bawah
<com.android.systemui.statusbar.policy.Traffic
android:textSize="14.0sp"
android:textColor="@*android:color/holo_blue_light"
android:gravity="left" android:paddingRight="4.0dip"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:singleLine="true" />
paste di bawah
<LinearLayout
..... @id/bariskiri
SS xml akhir
SS konsepnya
- save - recompile -
sign - push - reboot
----------
§ Model 2
SS=
ubah <LinearLayout .... @id/ndasflyme jadi <RelativeLayout .... @id/ndasflyme
berikut penutup
parentnya
dari </LinearLayout
jadi </RelativeLayout
pindahkan/cut
<AnalogClock.....
@id/clock...
paste di atas </RelativeLayout
(masih di dlm bagian dari parent @id/ndasflyme)
ubah
gravity="left" jadi "center"
ubah layout_width nya
jadi fill_parent
kira2 jadi seperti
ini
</LinearLayout>
</LinearLayout>
<AnalogClock android:gravity="center" android:id="@id/clock" android:paddingLeft="3.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent" android:singleLine="true" />
</RelativeLayout>
<linearlayout android:orientation=horizontal android:id="@id/ticker" ......=""></linearlayout>
</LinearLayout>
<AnalogClock android:gravity="center" android:id="@id/clock" android:paddingLeft="3.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent" android:singleLine="true" />
</RelativeLayout>
<linearlayout android:orientation=horizontal android:id="@id/ticker" ......=""></linearlayout>
- save - recompile -
sign - push - reboot
SS Xml
----------
§ Model 3
ss=
- Sediakan 1 gambar
untuk carier logo beri nama carrier_logo.png
- tempatkan di folder
/res/drawable
- asumsi udah lewatin
step model 1-2
Di bawah
android:id="@id/ndasflyme"
Paste
<AnalogClock android:gravity="left"
android:id="@id/clock" android:paddingLeft="3.0dip"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:singleLine="true" />
Di atas </RelativeLayout
(masih di dlm bagian dari parent @id/ndasflyme)
paste
<ImageView android:src="@drawable/carrier_logo"
android:gravity="center" android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_centerInParent="true" />
di
android:id="@id/ticker" ubah
android:paddingLeft="50.0dip"
di <LinearLayout
bawahnya AnalogClock ubah
android:paddingLeft="50.0dip"
SS Xml
Credit Tutor : Bagos Avengedsvenfoldclalluadha