[MAP] Cara Mengganti kotak di Lobby Channel BBM Android

Lobby Channel BBM Android
Base BBM yang saya gunakan pada tutuor kali ini adalah versi 2.5.1.45 official, jika ada ketidak samaan dengan versi sesudahnya baik pada versi 2.6.x.xx atau di versi 2.7.x.xx dimaklumi saja. Tapi secara umum penampatannya sama saja. Jadi teman-teman yang membaca ini tidak terlalu kecewa dengan perbedaan versi yang saya gunakan pada tutor kali ini. Kali ini akan membahas tentang Kotak Pada Lobby Channel, inget lho ya ini hanya membahas kotaknya, hehehe. Ini post lanjutan dari post sebelumnya tentang Lobby Channel.
(baca juga : Edit Tampilan lobby Channel)

Kira-kira tampilan utamanya seperti gambar di atas, namun saya potong menjadi seperti di bawah ini.

Cara Mengganti kotak di Lobby Channel BBM Android
Gambar di atas hanya salah satu kotak saja ya, dari keempat yang ada di Lobby Channel. Nama file XML yang berkaitan dengan box tersebut bernama shadow_frame.xml, letaknya berada di folder res > layout > shadow_frame . Silahkan di buka file tersebut, maka akan tampil seperti script di bawah ini.
<?xml version="1.0" encoding="utf-8"?>
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:layout_width="wrap_content" android:layout_height="wrap_content"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout android:orientation="vertical" android:id="@id/shadow_frame_vertical_layout" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toLeftOf="@id/shadow_frame_right_shadow" android:layout_toRightOf="@id/shadow_frame_left_shadow">
        <View android:id="@id/shadow_frame_top_shadow" android:background="#ffaaaaaa" android:layout_width="fill_parent" android:layout_height="1.0px" />
        <ViewStub android:id="@id/contents" android:layout_width="fill_parent" android:layout_height="0.0dip" android:layout_weight="1.0" />
        <View android:id="@id/shadow_frame_bottom_shadow_1" android:background="@color/lobby_grey" android:layout_width="fill_parent" android:layout_height="1.0px" />
        <View android:id="@id/shadow_frame_bottom_shadow_2" android:background="#ff666666" android:layout_width="fill_parent" android:layout_height="2.0px" />
        <View android:id="@id/shadow_frame_bottom_shadow_3" android:background="#ffaaaaaa" android:layout_width="fill_parent" android:layout_height="2.0px" android:layout_marginLeft="2.0px" android:layout_marginRight="2.0px" />
    </LinearLayout>
    <View android:id="@id/shadow_frame_left_shadow" android:background="#ffaaaaaa" android:layout_width="1.0px" android:layout_height="wrap_content" android:layout_marginBottom="2.0px" android:layout_alignTop="@id/shadow_frame_vertical_layout" android:layout_alignBottom="@id/shadow_frame_vertical_layout" android:layout_alignParentLeft="true" />
    <View android:id="@id/shadow_frame_right_shadow" android:background="#ffaaaaaa" android:layout_width="1.0px" android:layout_height="wrap_content" android:layout_marginBottom="2.0px" android:layout_alignTop="@id/shadow_frame_vertical_layout" android:layout_alignBottom="@id/shadow_frame_vertical_layout" android:layout_alignParentRight="true" />
</RelativeLayout>

Penjelasan dari script di atas sebagai berikut :
Line 1 - 4 : kita skip saja.

Line 5 : Pada line ini adalah garis tipis yang berada di atas, untuk mengganti warna cukup mengganti warna di android:background="#ffaaaaaa" dengan warna lain. dan untuk ukuran tinggi atau ketebalannya dengan mengganti android:layout_height="1.0px" dengan ukuran lain sesuka kalian.

Line 6 : Pada line ini adalah untuk isi dari kotak ini, yang nntinya xml lain yang menempati, selengkapnya bisa kunjungi post tentang xml tersebut di post tentang Lobby Channel.

Line 7 : Tempat warna garis dengan ukuran tinggi 1px, teman-teman bisa menggantinya di android:background="@color/lobby_grey" dengan warna lain, android backgroundnya mengarah ke file color.xml yang di folder values. Letaknya di line 295, scriptnya seperti di bawah ini.
<color name="lobby_grey">#ffe8e8e8</color> 
untuk mengganti warna bisa langsung diganti @color/lobby_grey dengan warna lain atau mengubah kode warna yang berada di color.xml

Line 8 : Ini adalah garis atau batas di bagian bawah, untuk mengganti warna sama seprti sebelum"nya. Sedikit info saja, garis di line 8 dan 9 sedikit berbeda dengan garis yang lainnya. Pada bagian bawah terdapat dua garis dengan warna yang berbeda dan dengan ketebalan garis yang berbeda dengan yang lainnya.
Jadi, jika yang lainnya hanya setebal 1.0px, kali ini bagian bawah dengan ketebalan 2.0px, bisa di cek di script di atas. Dan juga ini berdampingan dengan garis yang berada di line 9. Bisa di lihat di gambar berikut.
Cara Mengganti kotak di Lobby Channel BBM Android

Keterangan:
- Gambar diatas adalah perbesaran gambar (yang disederhanakan).

Line 9 : Sama seperti line 8, atau bisa lihat gambar di atas untuk mengetahui posisi garis untuk line 9 ini.

Line 10 : ... dilewati saja

Line 11 : Sama seperti di line 5, hanya saja bedanya di line ini untuk garis yang berada di sebelah KIRI. untuk menggantinya sama saja seperti keterangan-keterangan sebelumnya. Maksud dari android:layout_marginBottom="2.0px" adalah jarak dari bawah ke garis batas yg kiri. Lebih jelasnya lihat gambar di bawah.
Cara Mengganti kotak di Lobby Channel BBM Android

Keterangan:
- Gambar diatas adalah perbesaran gambar di sudut bawah sebelah kiri.
- Warna pink adalah tanda untuk bacground color di line 11

Line 12 : Sama seperti di line 11, hanya saja bedanya di line ini untuk garis yang berada di sebelah KANAN. untuk menggantinya sama saja seperti keterangan-keterangan sebelumnya.

Line 13 : ... di lewati saja

Sampai disini saja untuk mapping lokasi script sesuai line yang di maksud yaitu pada Lobby Channel di BBM Android, jika ada ada kesalahan penyampaian atau ada yang ingin di tanyakan silahkan mengisi kolom komentar di bawah.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel