Hai bro ketemu lagi dengan saya mimin bregnet apa kabar nya nih yang pasti pada sehat kan :v oiya kali ini saya bakal share tutorial Aide lagi nih yang ga kalah bagus dengan tutor-tutor sebelum nya :v yaitu Cara Membuat Collapsing Toolbar Di Aide nah seperti biasa ada yang tau ga
Apa Itu CollapsingToolbarLayout ?
dan
bagaimana bentuk nya ?
sebenernya nya si mimin kurang tau penjelasan CollapsingToolbarLayout itu apah tapi jelasin aja dikit ya :v kalo salah ya gapapa namanya juga usaha kan ya :v CollapsingToolbarLayout salah satu bagian dari Material Design yang sangat cocok untuk mempercantik aplikasi kita pembentukan si seperti yang ada di aplikasi Line saat kita masuk ke bagian home seseorang dan akan muncul cover foto dan jika kita scroll atau geser ke bawah nanti si cover akan mengecil dan menghilang dan akan menjadi toolbar nah udah kejawab kan :v ya walaupun penjelasan nya kaga jelas :v ya jelas jelasin aja ya :v biar cepet ke tutorial nya :v ya langsung aja ya ke
Step By Step
- pertama kita buat project baru dengan keterangan di bawah atau terserah kalian oke :v
- NAME : CollapsingToolbar
- PACKAGE NAME : com.collaspsing.toolbar
- jika sudah membuat project baru kita import dulu library com.android.support:design,com.android.support:appcompat dan com.android.support:support-v4 nah untuk cara inmpor library nya sudah saya jelaskan di tutorial sebelum nya yaitu Cara Membuat Navigation DrawerView Di Aide disitu adda ko tutorial nya :v kalo ngejelasin disini lagi jadi lama doang :v kapan ke tutorial nya :v
- Lanjut kita edit main.xml buat lah kode nya sperti di bawah :v
- Nah kita lanjut ke MainActivity.java nah disini kita Perkenalkan CollapsingToolbarLayout nya dan Toolbar nya ya dan mengeset title nya di collapsing toolbar atau bisa lihat kode di bawah ajj ya susah jelasin nya
- nah sekarang kita buat satu layout dengan nama isi.xml nah disini kita buat android.support.v4.widget.NestedScrollView sebagai layout utama nya agar layout bisa di scroll dan si layout tidak menimpa CollapsingToolbar nya dan isi nya bisa di isi apa aja :v atau bisa kalian sama kan dengan kode saya di bawah
- dan sekedar mengingat untuk selalu mengubah style.xml karena kita menggunkan AppCompatActivity dan tidak butuh ActionBar karena sudah menggunakan Toolbar
- Nah sakaranag tinggal kalian Run Project nya dah jika tidak terjadi eror tampilan nya akan seperti SS di bawah ini
nah seperti biasa jika ada kesuliatan membuat aplikasi ini saya sediakan source code nya untuk bahan pembelajarn masih jellak jadi bisa kalian kreasikan saja ya :v nih link download nya disini
nah mungkin hanya itu saja ya yang bisa saya share tentang Cara Membuat CollapsingToolbarLayout Di Aide :v maap kalo penjelasan yang saya berikan kurang jelas mohon di maklumi karena saya hanya nubie gajelas :v thaks telah berkunjung wasssalamualikum wr.wb
Ijin bookmark gan lumayan buat nambah2 materi kuliah
ReplyDeletewaah belum begitu paham.
ReplyDeleteharus banyak belajar
belum sukses gan. gak ngerti juga dmn kesalahannya.
ReplyDeleteGasukses gimana ya om :v
Deletepuyeng lihatnya,maklum masih belajar.btw maksih infonya.salam gamer
ReplyDeleteThanks gan, walaupun ane gak pake, lumayan ini tambah" pengetahuan
ReplyDeletewah jadi keren ya, dicoba dulu gan
ReplyDeleteBisa dicoba nih,,siapa tau bisa
ReplyDeleteizin nyoba om, lumayan buat perbagus apps hehe
ReplyDelete