Thursday, February 27, 2014

[GUIDE][JellyBean][ALL] HOW TO MAKE QUICK PANEL / TILE VIEW (yang kotak kotak itu)

How to make quick panel / tile view, Hallo droiders, ketemu lagi sama ane TIO haha, setelah kemaren ane ngeshare MEMBUAT QUICK PANEL DI GB sebenernya tutor yang ini [GUIDE][JellyBean] HOW TO MAKE QUICK PANEL / TILE VIEW itu bapaknya dari tutor MEMBUAT QUICK PANEL DI GB kemaren, ntah knapa yg ini malah ke hapus, jadi ane musti nulis ulang -___-. Tutor ini cocok di kombinasiin sama MEMBUAT STATUS BAR SEPERTI JB 4.2 atau MEMBUAT DUAL PANEL nahhh udah tau kan tile view itu ?? yang kotak-kotak togle kaya JB 4.2, ok langsung aja yah ::
Bahan-bahan ::
  • APK MULTI TOOLS, APK TOOLS atau alat untuk compile/decompile lainnya.
  • SystemUI
  • Niat
  • Dcsms dummy.apk bisa download disini (buat liat target package sama class, drpd musti decompile apknya, ribet)
Langkah-langkah ::
  • Decompile SystemUI
  • Pilih layout mana yang mau di kasih, mankanya ane saranin pake  MEMBUAT STATUS BAR SEPERTI JB 4.2 biar ga sempit plus layoutnya udah di sediain :-)
  • Untuk layoutnya ane pake HH yang HDPI, jadi yang MDPI atau LDPI sesuaikan aja yahhh, tapi untuk isinya sama aja kok
<FrameLayout android:background="#ff00000" android:layout_width="0.0dip" android:layout_height="110.899994dipt" android:layout_weight="1.0">
                        <ImageView android:layout_gravity="center_horizontal" android:layout_width="wrap_content" android:layout_height="fill_parent" android:src="@drawable/profil" android:onClick="Profil" />
                        <TextView android:gravity="center" android:layout_gravity="top|center" android:background="#00000000" android:paddingTop="76.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginBottom="2.0px" android:text="Profile" />
                    </FrameLayout>
Ini untuk satu tile view yah, cuma 1 kotak aja, sama yg ane merahin itu nanti manggil smali
  • Naahhh biar 1 kolom di isi 3 tile viewnya, linenya kaya gini, ini dari ane yaa, ente bisa eksplorasi sendiri :-)
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="110.899994dipt">
                    <FrameLayout android:background="#ff00000" android:layout_width="0.0dip" android:layout_height="110.899994dipt" android:layout_weight="1.0">
                        <ImageView android:layout_gravity="center_horizontal" android:layout_width="wrap_content" android:layout_height="fill_parent" android:src="@drawable/profil" android:onClick="Profil" />
                        <TextView android:gravity="center" android:layout_gravity="top|center" android:background="#00000000" android:paddingTop="76.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginBottom="2.0px" android:text="Profile" />
                    </FrameLayout>
                    <FrameLayout android:background="#ff00000" android:layout_width="0.0dip" android:layout_height="110.899994dipt" android:layout_weight="1.0">
                        <ImageView android:layout_gravity="center_horizontal" android:layout_width="wrap_content" android:layout_height="fill_parent" android:src="@drawable/wifi" android:onClick="Wifi" />
                        <TextView android:gravity="center" android:layout_gravity="top|center" android:background="#00000000" android:paddingTop="76.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginBottom="2.0px" android:text="Wifi" />
                    </FrameLayout>
                    <FrameLayout android:background="#ff00000" android:layout_width="0.0dip" android:layout_height="110.899994dipt" android:layout_weight="1.0">
                        <ImageView android:layout_gravity="center_horizontal" android:layout_width="wrap_content" android:layout_height="fill_parent" android:src="@drawable/butut" android:onClick="Bluetooth" />
                        <TextView android:gravity="center" android:layout_gravity="top|center" android:background="#00000000" android:paddingTop="76.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginBottom="2.0px" android:text="Bluetooth" />
                    </FrameLayout>
                </LinearLayout>
#KET :: hijau -> itu background tile viewnya/background kotaknya
               biru -> itu gambar yang di dalem kotaknya
               merah -> itu buat manggil smali, biar menuju ke tujuan yang benar haha
               kuning -> nama di kotak tile viewnya
  • Nahh kalo udh sampe sini ente udh punya kotak TILEnya, cuma masih ga bisa di pencet
  • Langsung editing smali ya, buka smali/com/android/systemui/SystemUIService.smali
  • Cari # virtual methods tambahkan persis di bawahnya, ini untuk manggil WIFI yah
.method public Wifi(Landroid/view/View;)V
    .locals 3
    .parameter "v"

    .prologue
    .line 2431
    new-instance v0, Landroid/content/Intent;

    invoke-direct {v0}, Landroid/content/Intent;-><init>()V

    .line 2432
    const-string v1, "com.android.settings"

    const-string v2, "com.android.settings.wifi.WifiSettings"

    invoke-virtual {v0, v1, v2}, Landroid/content/Intent;->setClassName(Ljava/lang/String;Ljava/lang/String;)Landroid/content/Intent;

    const/high16 v2, 0x1000

    invoke-virtual {v0, v2}, Landroid/content/Intent;->setFlags(I)Landroid/content/Intent;

    move-result-object v0

    .line 2433
    invoke-virtual {p0, v0}, Landroid/content/Context;->startActivity(Landroid/content/Intent;)V

    const-string v1, "statusbar"

    invoke-virtual {p0, v1}, Landroid/content/Context;->getSystemService(Ljava/lang/String;)Ljava/lang/Object;

    move-result-object v0

    check-cast v0, Landroid/app/StatusBarManager;

    invoke-virtual {v0}, Landroid/app/StatusBarManager;->collapse()V

    .line 1720
    return-void
.end method
itu cuma buat 1 kotak doang, kalo mau bikin 3 yaaa musti nambah 3, kopas aja lalu ubah yg ane tandain itu.
#KET :: merah -> itu yang di panggil di xml tadi, tulisannya wajib sama, kapital atau ngga wajib sama
              orange -> itu target package
              ungu -> itu target class

ungu itu yang bakal bawa kita ke tempat tujuan nanti, jadi kudu sinkron, sama gambarnya :v
  • Recompile, dan ente udh punya kotak tile view yg work di ekspanded ente :-)
  • Untuk penggunaan DCSMS Dummy, cukup klik menu, abis itu klik yang activity, abis itu swipe ke CEK AKTIFITY, nahhh taraaa semua apps ente keliatan actifitinya :-)
  • Kalo ada yg FC biasakan pake Catlog biar tau dimana errornya, bisa liat di Cara memakai CatLog 
SS ::

HAPPY NGOPREK :-)

BIG THANKS BUAT UM JIM BUAT APPSNYA DCSMS DUMBMY

Kalo ada yang kurang bisa tulis di kolom komentar, takutnya ada yang terlewat, makasih :-)

33 komentar

gan ane masih bingung. klo akses bwt quick panelnya ga ada gan. ini yg pake quick panel kan bukan yg lidroid. ??

1 lgi gan. bikin 3 toolbar sekaligus kya gmna gan?
ane nyoba fc terus gan.

iya ini quick panel, kaya di ss, kalo lidroid panjang haha

kalo 3 toggle kan di atas udah, kalo 3 tab nanti ane buat deh

Sip gan. Di tggu ya gan tutornya :-D

nanti yahh, banyak praktikum ane wkwk

Siiip gan klo ada waktu luang aja. Thanks sebelumnya :D

laporan ane gila gilaan gan, sabar yahh wkwkw

Knapa gan laporanya? Gan sory ane request lagi yng nambahin tab di setting+tutor status bar pkai og battery mod. :-D maaf gan ngerepotin.

ane jarang tidur bro gara2 laporan haha

setau ane kalo og battery mod pake sorfware pc doang, ga pake oprek sgala, jadi gampang

smali nya nggak cocok buat 4.2.2 ya om...???

ngga tau deh, untested hehe :-)

mau tanya um ....biar tile view toggle nya kecil mna yg msti di edit ?

itu target class,,, maksud nya apa gan?
kalo misal kita mw manggil aplikasi bbm, di tambah "BBMsetting" gitu?

mainin xmlnya aja bro, kalo cuma ngecilin mah :-)

baca post ane tentang penjelasannya bro, kudu decompile dulu bbm atau pake app tambahan

Ada tutor berbentuk txt ato xml gan...pke hh gk bsa copas

ini bahanya yg di drawable mana om ?

oh iya om kalo mo compare dari ui apa aja ya om soalnya tut di atas terlalu singkat bgi nubitol kek ane :-(

wahhh ini ga perlu bahan2 kok, tinggal sesuaikan linenya, kalo mau pake gambar ya ente ambil aja dari mana aja :-)

coba um main ke post ane yg StockJBMod naahhh kalo mau compare quiick panel bisa buka layout anumas.xml, disana ada beberapa quick panel :-)

Nma beground toggle apa ya gan
Tru cra ngrubahny gmn

kayanya di atas ane jelasin deh um.

perhatikan warna2 di atas deh

TUtor yg lidroid toogle dong gan.

Gan itu kan yg bagian bawahnya quick panel,nah yg atas kan quicksetting, bisa ga bagian quicksettingnya diilangin, jadi systemuinya tinggal quick panel doang?

ITU kalo dijadiin 4 tiles bias gan?kalo coma bias 3 trus bikin baris keduanya gimana gan?

Kalo cara bikin si panel itu nya di geser ke kiri kaya samsung gimana ya ??

Klo nambahin Tile ScreenShot bagaimana mas ?

Berkomentarlah yang baik, tidak mencela postingan :-) . Gunakan bahasa yang sopan dan mudah di mengerti.

TERIMA KASIH TELAH BERKOMENTAR, karena pengunjung yang baik adalah pengunjung yang berkomentar :-) :v
EmoticonEmoticon