Cara Instal Metro Framework UI Pada VB.Net

0
5697

Pada tutorial kali ini Admin ingin membagikan tips dan trik untuk maksimalin tampilan UI dari aplikasi yang dibuat biar keliatan makin kece dan mantap. Kenapa lebih mantap? Karena cara kali ini akan ngebahas tentang cara merubah tampilan form vb yang default dan gitu-gitu aja menjadi lebih menarik dan mantap.

Sebenarnya banyak cara juga yang dipake untuk bisa merubah tampilan form vb.net menjadi lebih menarik tapi biasanya membutuhkan software tambahan yang membutuhkan size yang besar. Sedangkan dengan menggunakan cara ini akan menjadi lebih efisien karena akan menggunakan ukuran/size yang sangat kecil. Tapi hasil MAKSIIMAL…

Bagi yang mau merujuk ke halaman github yang menyediakan metro framework bisa menuju link ini ya untuk info lebih jelasnya.

Ok. Ini dia tampilan dari hasil menggunakan Metro Framework lebih simpel dan fresh pastinya. Jadi user akan lebih betah menggunakan aplikasi yang Anda buat tentunya.

Screenshot_14

Ok lanjut ke cara pembuatannya aja ya biar lebih cepet dan gampang. Sudah saya bantu untuk cara-caranya yang disertai gambar detail proses installasinya.

  1. Download dll file yang dibutuhkan di sini atau di sini
  2. Pastikan kamu sudah membuka atau membuat projek yang akan diubah tampilannya.
  3. Menambahkan toolbox baru pada aplikasi Visual Studio
  4. Klik kanan pada toolbox yang kosong dan pilih Add TabScreenshot_5
  5. Beri nama pada tab baru yang dibuatScreenshot_4
  6. Setelah nama telah dibuat klik kanan pada tab tersebut untuk menambahkan metro item dan pilih choose itemScreenshot_6
  7. Tunggu sampai pencarian file yang dibutuhkan selesai. Dan pilih browse untuk menambahkan file metro framework dll ke dalam aplikasi.Screenshot_7
  8. Pilih metroframework.dll dan pilih open untuk melanjutkanScreenshot_8
  9. Jika muncul item-item seperti pada gambar di bawah berarti Anda telah berhasil menambahkan tool metro ke dalam project dan berhasilScreenshot_9
  10. Cara tersebut belum selesai loh. Masih ada beberapa langkah lagi yang harus kita kerjakan untuk dapat berjalan dengan maksimal. Lanjut ke tahap berikutnya ya.
  11. Menambahkan references ke dalam project
  12. Klik kanan pada project yang akan dipasng metro framework dan klik add lalu reference. Screenshot_10
  13. Ikuti seperti halnya point no.7
  14. Pilih semua file dll yang ada dalam folder Metro DLL
  15. Jika sudah, silahkan lihat hasilnya. Tampilan form masih tetap seperti tampilan default. Karena kita belum mengubah style pada form tersebut. Next
  16. Ubah kode berikut di dalam form. Perhatikan! Cara untuk menampilkan tampilan kode seperti ini dengan cara mengklik konten yang ada dalam form seperti gambar dan klik 2 kali pada salah satu item persis di bawah tulisan formScreenshot_11
  17. Ubah kode seperti gambar di bawah sama persis (ganti yang bewarna hijau dengan kode yang di blok berwarna biru)Screenshot_12
  18. Jika sudah silahkan tutup jendela koding dan lihat perubahan yang terjadi pada form Anda.
  19. Jika tampilannya seperti gambar di bawah itu berarti Anda sudah berhasil menginstal metro framework ke dalam project dan BERHASIL…yeeeeScreenshot_14
  20. Terakhir..Selamat berexperimen dan mencoba hal-hal hebat lainnya.

Jangan lupa untuk berbagi pengalaman dengan membagikan artikel ini dan jika ada kesalahan ataupun hal-hal yang belum dipahami bisa bertanya langsung melalui kotak komentar di bawah ya.

Salam by Admin

 

 

 

LEAVE A REPLY