 |
| Desain Metro yang nyaman dipandang |
Desain Metro memang populer dikalangan UI experts.Desain metro ini mulai terkenal setelah diluncurkanya sistem operasi Windows 8,yang dikala itu perubahan OS windows dengan user interface yang cukup drastis dimana Microsoft menanamkan UX metro modern style hal tersebut membuat para UX expert mempunyai inspirasi desainya dari si metro ini.
Namun bagaimana jika kita membuat sebuah aplikasi sendiri dengan bergaya metro?,hal tersebut bisa kita coba melalui Visual Studio,sebuah aplikasi developing atau text editor yang dilengkapi dengan compiler dan emulatornya.Dengan pemberian fitur yang cukup banyak user menjadi mudah dalam memahami setiap komponen pada Visual Studio ini,jika anda pusing untuk menjalankan aplikasi yang sudah Anda buat di Visual Studio anda tinggal klik Run maka aplikasi yang anda buat pun akan berjalan.
Kembali ke desain metro,nah disini saya akan memberikan tutorial cara menginstall MetroModernui package untuk Visual Studio Anda berikut langkah langkahnya :
Requirement :
VSIX package manager => Link download : VSIX package manager
MetroFramework Modernui 1.4.0 => Link download : MetroFramework MUI 1.4.0
Dan tentunya Visual Studio 2013/2015 yang sudah terinstall
1.Ekstrak MetroFramework Modernui 1.4.0 di laptop tentukan penyimpanan hasil ekstrakan kalau saya menyimpanya di document seperti dibawah ini :
2.Double klik NuGet.Tools (Vsix package manager) yang sudah anda download tunggu hingga install selesai.
3.Setelah cara ke 2 sudah dilalui maka waktunya untuk membuka visual studio Anda lalu buatlah project baru hingga terlihat seperti gambar dibawah :
klik kanan pada nama solution lalu pilih Manage Nuget Packages
Ingat laptop Anda harus terkoneksi dengan internet.
ketikan "metromodernui" lalu install dengan mengklik icon install
tunggu proses instalasi selesai.
jika installasi sudah selesai silahkan klik kanan nama solution
lalu klik rebuild.
4.Jika cara ke 3 sudah selesai/terlewati mari kita menambahkan toolbox Metroui dengan cara dibawah ini :
Klik kanan pada toolbar lalu pilih add tab.
Set nama komponen toolbox sesuai yang anda inginkan namun disini
saya menamakanya MetroFramwork.
Klik kanan pada nama komponen toolbox tadi lalu pilih
choose items maka akan muncul tampilan seperti ini,klik browse.
Cari folder MetroFramework Modernui 1.4.0 yang Anda ekstrak pertama kali
buka foldermya lalu pilih MetroFramework.dll jika sudah klik ok.
Maka toolbox pun akan ditambahkan seperti gambar berikut :
Selesai.
Selamat Anda sudah bisa membuat aplikasi dengan konsep metro sesuai yang Anda inginkan.
Berikut adalah preview aplikasi yang sudah dibalut dengan fitur Metro ini :
Bagaimana?Anda sudah punya inspirasi untuk membuat sebua Metro App?
Selamat mencoba
Salam Programmer Keep up :)
No comments:
Post a Comment