Cara Membuat Custom TextView Android dari Java ke Smali

Cara Membuat Custom TextView Android dari Java ke Smali

Cara Membuat Custom TextView Android dari Java ke Smali

Tutorial dan Langkah Membuat Custom TextView Android dari Java ke Smali

TextView adalah adalah salah satu widget dasar android untuk menampilkan text seperti huruf, kata, kalimat, paragraf dan text lainnya dalam bentuk label yang biasanya ditampilkan di Layout sebagai media penampil text. Pernahkah kalian mengenal Custom Carrier Label serta Lenox Label dalam dunia Opreker smali ? Nah, normalnya itu adalah TextView yang dibuat sebagai CustomView Android atau biasa disebut Custom TextView Android. Apakah kalian ingin membuatnya sendiri ? Kalau iya, kali ini kita akan belajar membuat Custom TextView Android dari java ke smali secara simple namun lengkap. Kita akan membuatnya sendiri sehingga sesuai dengan nama package aplikasi kita sendiri nantinya.

Sebelum kita mengubahnya ke dalam kode smali, terlebih dahulu kita akan membuatnya dalam kode java dan mem-build-nya sehingga menjadi aplikasi android yang nantinya akan kita Decompile untuk mendapatkan smali yang kita perlukan. Dalam tutorial ini kita akan menggunakan salah satu tools yang dapat membuat aplikasi android melalui smartphone kita sendiri yang menggunakan Sistem Operasi Android. Ya, smartphone kita,  bisa kita gunakan untuk membuat aplikasi android. Tools tersebut adalah AIDE. Jika kamu belum menginstallnya, install terlebih dahulu kemudian kita operasikan sama - sama. Aplikasi kita nanti akan dilengkapi pengaturan sehingga kita bisa mengedit text yang telah ditampilkan ke layar dengan touch dan tahan beberapa detik kemudian muncul pengaturannya.

A. Format Kode XML TextView

Secara default kode TextView di xml seperti ini :


Membuat Custom TextView Android

Yang kita inginkan kode tersebut menjadi lebih keren lagi dengan menampilkan nama kita atau nama package aplikasi kita. Jadi, tidak lagi TextView, kita akan mengubahnya menjadi seperti ini :



Keterangan :
  • namapackagekamu : misalnya id.mykode.easytextview
  • Jika kamu masih bingung tentang namapackagekamu (Your Application Package Name) bisa kamu lihat di AndroidManifest.xml



  • namapackage: id.mykode.easytextview
  • namakelas : TampilkanText

B. Format Kode XML Custom TextView Android

Sehingga, kode kita akan menjadi seperti ini :



Diatas adalah gambaran yang akan kita buat di tutorial kali ini. Sebelum melangkah lebih jauh ada baiknya kamu mempersiapkan tools yang diperlukan untuk mengikuti tutorial ini.
Berikut Langkah - Langkah Cara Membuat Custom TextView Android dari Java.

C. Project



  • Pembuatan Project Android melalui AIDE Mobile

  • Buat Project Baru di AIDE Mobile.
    • Jalankan apliksasi Aide di smartphone kamu dan touch "For Experts".

    • For Experts
    • Touch bulatan pojok kanan bawah, touch titik tiga pilih "Show Projects".

    • Show Projects Folder
    • Sehingga muncul folder project yang secara default dengan nama folder "AppProjects".
    • Buat project baru dengan touch "Create New Project" muncul options create new project dan pilih "New Android App".

    • new-android-app
    • Muncul dialog Create New Project, isi kolom - kolomnya :

    • buat-project-baru

      • kolom Name : EasyTextView
      • kolom Package Name : id.mykode.easytextview
      • kemudian touch "create".

    • Project default kamu sudah terbuat dan kita akan melihat main.xml untuk pertama kali.
    • main-xml
    • Kita Run terlebih dahulu untuk mengetahui project kita berjalan lancar apa tidak, pastikan di Notifikasi ada pemberitahuan ceklist "No errors" kemudian touch icon play segitiga kanan atas.

    • Tunggu proses "Building app..." sampai selesai dan install (Pasang) aplikasi lalu "Buka".

    • building-app
    • Jika tidak terjadi error akan terbuka tampilan default "Hello World!".

    • Selamat...! Menuju langkah berikutnya.


    Menambah Icon Dialog
    • Cari icon png yang nantinya menjadi icon dialog saat kita mengedit text dan rename menjadi "settings.png". 
    • Taruh icon settings.png ke dalam folder res > drawable. Jika belum ada foldernya bikin dulu foldernya.
    • Anda Bisa menggunakan Tools X-plore File Manager atau File Manager andalan kamu untuk menaruh menindahkan icon ke folder res/drawable.



  • File TampilkanText.java

  • Membuat Custom TextView Android
    • Dan ini Cara membuat Custom TextView Android. Silahkan Tambah class baru dengan nama file TampilkanText.java dengan cara touch bulatan biru pojok kanan bawah.  klik src > java > Add New Class...

    • tampilkan-text-java

    • Ketikkan kode berikut dan Save :



    • Tips : "jika ada kata terjadi error bergaris bawah merah, blok kata tersebut sampai muncul klik icon kotak ceklist, add 'import....' ." Lihat gambar

    • add-import




  • File SettingTampilkanText.java

  • Membuat Setting untuk mengedit text di Custom TextView Android
    • Tambah class baru SettingTampilkanText.java dengan cara yang sama seperti diatas.
    • Ketikkan kode berikut dan Save :





  • Mengedit Main.xml

  • Menaruh kode Custom TextView Android
    • Buka Main.xml dengan cara Touch bulatan biru pojok kanan bawah
    • Kita menuju folder layout dengan cara touch icon Folder "..." sampai muncul folder res > layout > main.xml
    • Edit <TextView menjadi seperti berikut dan Save :





  • Menambahkan folder baru "folder xml"

  • Membuat folder xml sebagai tempat xml berupa setting Preference
    • Buat folder xml di res dengan cara touch bulatan biru pojok kanan bawah
    • Kita menuju folder res. Touch titik-titik tiga, lalu "Create New Folder..." dan beri nama foldernya "xml".



  • File setting_tampilkan_text.xml

  • Membuat file xml baru untuk preference
    • Buka folder xml yang baru saja kita buat tadi
    • Kemudian buat file xml baru dengan touch "Add New XML File...", beri nama "setting_tampilkan_text.xml"
    • Ketikkan kode berikut ini  :


    • Notes : jika PreferenceScreen error bergaris bawah merah, biarkan saja tidak masalah.



  • Menambahkan akses pemission WRITE_SETTINGS di Manifest

  • Meminta izin untuk mengatur di System,
    • Buka AndroidManifest.xml di dalam folder main.
    • Tambahkan izin permission berikut diatas <application .... :



    • Tambahkan activity SettingTampilkanText.java dibawah </activity>



    • Full Code Manifest sehingga menjadi seperti ini :



    Save, Run, Pasang dan Buka. Menyimpan Project yang sudah kita buat dan menjalankannya untuk menguji Aplikasi.

    • Save, simpan semuanya dengan cara touch icon titik-titik tiga kemudian Save.
    • Jalankan Run Project yang sudah kita buat dengan cara touch icon play segitiga di pojok kanan atas.
    • Tunggu proses "Building app..." sampai selesai dan install (Pasang) aplikasi lalu "Buka".

    Selamat, aplikasi yang sudah kita buat sudah jadi. Mari kita coba apakah aplikasi kita berjalan dengan semestinya touch dan tahan text "www.mykode.id" akan muncul activity baru untuk mengedit textnya seperti dibawah ini :

    EasyTextView Custom TextView Android

    D. Mendapatkan Kode Smali

    Setelah kita membuat Custom TextView Android dari java Untuk mendapatkan smalinya kita akan decompile EasyTextView.Apk menggunakan Apktool Mobile. Ikuti langkah - langkah berikut ini :
    • Kita ambil terlebih dahulu Apk yang telah jadi di folder AppProjects > EasyTextView > app > build > bin > app.apk rename jadi EasyTextView.apk atau terserah kalian.

    • Letak file App
    • Buka ApkTool Mobile, cari lokasi file EasyTextView.apk yang baru saja kita ambil.

    • Touch EasyTextView.apk > decompile all > tunggu proses decompiling selesai > ok

    • Hasil decompile EasyTextVew
    • Nanti akan muncul folder baru hasil decompile-nya "EasyTextView_src" > klik lalu browse > nah itulah hasilnya.

    • Kita ingat kembali apa saja file - file yang telah kita buat untuk membuat aplikasi EasyTextView dari yang telah di edit, yang ditambahkan maupun yang membuat file baru yaitu :

      1. AndroidManifest.xml
      2. SettingTampilkanText.java (folder java)
      3. TampilkanText.java (folder java)
      4. settings.png (folder drawable)
      5. main.xml (folder layout)
      6. setting_tampilkan_text.xml (folder xml)

    • Hal - hal itulah yang nantinya kita jadikan sebagai patokan dalam mengambil file - file apa sajakah yang harus kita ambil dari hasil decompile aplikasi kita. Selain yang tidak berhubungan dengan nama-nama dalam daftar diatas kita abaikan saja dan hapus. Buka folder hasil decompile dan sisakan File - file berikut :

      1. AndroidManifest.xml : karena di semua aplikasi android file ini sudah ada maka kita hanya mengambil kode yang ditambahkan kedalam AndroidManifest.xml yaitu :


      2. SettingTampilkanText$0$debug.smali , SettingTampilkanText.smali (folder smali)

      3. TampilkanText$0$debug.smali , TampilkanText$100000000$0$debug.smali , TampilkanText$100000000.smali , TampilkanText$SettingsObserver$0$debug.smali , TampilkanText$SettingsObserver.smali , TampilkanText.smali (folder smali)

      4. settings.png (folder drawable)

      5. main.xml : karena file ini sudah ada sebelumnya maka, kita hanya mengambil kode yang telah kita tambahkan saja sesuai perubahannya yaitu : (folder layout)


      6. setting_tampilkan_text.xml (folder xml)

    E. Memasang di UI / Layout Kosong

    Taruh smali yang anda dapatkan di tempatnya masing - masing. Anda hanya perlu memasang Custom TextView Android dimanapun anda mau. Kodenya sebagai berikut :


    Kita sudah mendapatkannya, semoga tutorial / guide Cara Membuat Custom TextView Android dari Java ke Smali ini bermanfaat untuk kalian, kurang lebihnya saya minta maaf yang sebesar-besarnya.
    Download Demo APK : Demo Aplikasi
    Download SourceCode : EasyTextView-AideProject.zip
    Belum punya tools untuk Membuat Custom TextView?
    Jika ada pertanyaan mengenai tutorial ini, silahkan tinggalkan komentar, insya Allah akan saya tanggapi semampu saya. Thank you for reading. "Think Simple Make it Simple. Happy Coding...!" :)
    Buka Komentar