Tampilkan postingan dengan label Windows Phone. Tampilkan semua postingan
Setelah sebelumnya saya menjelaskan mengenai pembuatan pembuatan project Navigasi Antarhalaman, maka kali ini saya akan lanjutkan mengenai Pengiriman Nilai Variabel Antarhalaman.
Langsung saja.
Saya analogikan kita sudah membuat suatu project yang berisi 2 halaman yaitu halaman 1 dan halaman 2 pada Microsoft Visual Studio seperti yang dijelaskan pada Navigasi Antarhalaman.
Siapkan terlebih dahulu komponen yang nantinya digunakan sebagai penampung suatu nilai, misalnya menggunakan komponen TextBox pada project halaman 1 yang sekaligus Main Page yaitu sebagai halaman pengirim.
Pada file project halaman 1, double klik button, kemudian pada event handler Button, ketikan kode berikut:
Di halaman 2, saya bermaksud menjadikan string yang dikirimkan halaman 1 sebagai page title halaman 2. Berikut kodenya:
Jalankan project tersebut dan lihat hasilnya. ketikan string sembarang pada textbox di halaman 1, lalu klik Button. Makan page tilte pada halaman 2 akan berubah sesuai string yang diinputkan pada textbox di halaman 1.
Setelah sebelumnya saya menjelaskan mengenai pembuatan serta pengenalan project aplikasi pada Microsoft Visual Studio, maka kali ini saya akan lanjutkan mengenai Navigasi Antarhalaman.
Langsung saja.
Saya analogikan kita sudah membuat suatu project pada Microsoft Visual Studio seperti yang dijelaskan pada Membuat Project Windows Phone.
Kemudian tambahkan sebuah halaman dengan cara, pada Solution Explorer, aktifkan project yang akan ditambah itemnya, klik kanan, pilih Add, kemudian New Item.
Pilih salah satu sesuai kebutuhan, misalnya memilih Windows Phone Portrait Page, beri nama sesuai kebutuhan. Misalnya saya memberi nama PageDua.xaml. Lalu pilih Add.
Untuk membedakan Navigasi Antarhalaman ini, ubah page title pada file PageDua.xaml yaitu dengan cara merubah properties text nya sesuai kebutuhan, misalnya menjadi "Halaman 2'. Atau dapat juga dengan mengedit melalui code .xaml nya lansung yang terdapat di sebelah kanan.
Buka kembali halaman MainPage.xaml.cs, ubah kode pada event handler klik Button menjadi seperti berikut:
Navigate adalah fungsi statis dari NavigationService yang berguna untuk navigasi ke halaman yang dituju dengan parameter utama URI yang dituju.
Pada postingan kali ini saya akan menjelaskan mengenai pembuatan / pengenalan awal aplikasi windows phone, khususnya Windows Phone 7. Dimana fungsi dari penulisan ini yaitu sebagai pembelajaran awal mengenai pembuatan project aplikasi Windows Phone serta mencoba menjalankannya pada emulator.
Langsung saja, saya akan membuat satu projek yang menampilkan nama pengguna yang diinputkan oleh user.
Langkah pertama, Buka Visual Studio Express for Windows Phone. Pilih File > New Project. Pilih template untuk Visual C# tipe Silverlight for Windows Phone, pilih Windows Phone Application, lalu beri nama serta tentukan alamat / folder project sesuai keinginan / kebutuhan. Misalnya saya menamai project ini dengan nama "HelloUser" dan menentukan alamat pada "D:\Apps Windows Phone 7\Blog\Project Windows Phone\", lalu Klik OK.
Kemudian muncul opsi seperti disamping, pilih saja Windows Phone OS 7.1. Klik OK.
Setelah pembuatan project selesai maka muncul tampilan antarmuka phone sehingga memudahkan kita melihat desain yang kita buat ketika proses pengembangan tanpa harus menjalankan project melalui emulator terlebih dulu.
Terdapat beberapa komponen yang terdapat pada Microsoft Visual Studio ini yang tentunya harus kita ketahui fungsi nya demi kelancaran dalam pembuatan suatu project. Diantaranya:
Komponen "Tollbox" berisi beberapa tool yang berfungsi sebagai tambahan tool yang dibutuhkan pada suatu project misalnya tool textblock yang berfungsi menampilkan kata atau kalimat pada suatu projek. Komponen tersebut secara default berada di sebelah kiri project.
Komponen "Properties" merefresentasikan properties dari project maupun komponen yang aktif pada suatu project. Komponen tersebut secara default berada di sebelah kanan project.
Komponen "Solution Explorer" merupakan komponen yang berisi daftar file yang terdapat pada suatu project. komponen tersebut secara default berada di sebelah kanan project.
Kemudian selanjutnya saya akan membuat / menambahkan sebuah TextBox dan sebuah Button dari komponen ToolBox. Sehingga hasilnya sebagai berikut:
Double klik pada button, maka akan menampilkan code-behind dari halaman yang sedang aktif. Tambahkan fungsi untuk mengubah Title menjadi "Hello +", nama User yang diinputkan melalui Texbox yang tersedia.
Ketikan kode berikut ini di bagian event handler Button tersebut:
Untuk mengosongkan atau mengubah properties dari setiap konponen yang sigunakan pada suatu project misalnya TextBox dapat langsung mengeditnya melalui sintak langsung maupun properties, misalnya saya mengosongkan Text dari TextBox dengan cara menghapus karakter yang di blok seperti pada gambar dibawah ini:
Untuk melakukan deployment dan menjalankan (Run) project aplikasi pada Microsoft Visual Studio, pilih "Start Debugging", atau bisa juga dengan menekan F5 pada keyboard.

Jika kita melakukan deployment untuk pertama kali maka prosesnya akan cukup memakan waktu, namun tudak untuk yang kedua dan seterusnya selama emulator tidak kita non-aktifkan.
Ketika emulator berhasil dijalankan maka ketikan nama sembarang di TextBox dan tekan Button. Page title akan berubah sesuai dengan teks yang terdapat pada textbox serta tambahan yang diinisialisasi pada code-behind yang sebelumnya telah dibuat.
Kemudian muncul opsi seperti disamping, pilih saja Windows Phone OS 7.1. Klik OK.
Setelah pembuatan project selesai maka muncul tampilan antarmuka phone sehingga memudahkan kita melihat desain yang kita buat ketika proses pengembangan tanpa harus menjalankan project melalui emulator terlebih dulu.
Terdapat beberapa komponen yang terdapat pada Microsoft Visual Studio ini yang tentunya harus kita ketahui fungsi nya demi kelancaran dalam pembuatan suatu project. Diantaranya:
Komponen "Tollbox" berisi beberapa tool yang berfungsi sebagai tambahan tool yang dibutuhkan pada suatu project misalnya tool textblock yang berfungsi menampilkan kata atau kalimat pada suatu projek. Komponen tersebut secara default berada di sebelah kiri project.
Komponen "Properties" merefresentasikan properties dari project maupun komponen yang aktif pada suatu project. Komponen tersebut secara default berada di sebelah kanan project.
Komponen "Solution Explorer" merupakan komponen yang berisi daftar file yang terdapat pada suatu project. komponen tersebut secara default berada di sebelah kanan project.
Kemudian selanjutnya saya akan membuat / menambahkan sebuah TextBox dan sebuah Button dari komponen ToolBox. Sehingga hasilnya sebagai berikut:
Double klik pada button, maka akan menampilkan code-behind dari halaman yang sedang aktif. Tambahkan fungsi untuk mengubah Title menjadi "Hello +", nama User yang diinputkan melalui Texbox yang tersedia.
Ketikan kode berikut ini di bagian event handler Button tersebut:
Untuk mengosongkan atau mengubah properties dari setiap konponen yang sigunakan pada suatu project misalnya TextBox dapat langsung mengeditnya melalui sintak langsung maupun properties, misalnya saya mengosongkan Text dari TextBox dengan cara menghapus karakter yang di blok seperti pada gambar dibawah ini:
Untuk melakukan deployment dan menjalankan (Run) project aplikasi pada Microsoft Visual Studio, pilih "Start Debugging", atau bisa juga dengan menekan F5 pada keyboard.

Jika kita melakukan deployment untuk pertama kali maka prosesnya akan cukup memakan waktu, namun tudak untuk yang kedua dan seterusnya selama emulator tidak kita non-aktifkan.
Ketika emulator berhasil dijalankan maka ketikan nama sembarang di TextBox dan tekan Button. Page title akan berubah sesuai dengan teks yang terdapat pada textbox serta tambahan yang diinisialisasi pada code-behind yang sebelumnya telah dibuat.

Dalam membangun aplikasi Windows Phone, ada dua platform yang dapat dengan bebas kita gunakan, yaitu Silverlight dan XNA. Pada template yang telah disediakan untuk pengembangan aplikasi menggunakan platform Silverlight, tersedia beberapa tipe projek yang bisa kita gunakan sesuai kebutuhan, diantaranya Windows Phone Application (penyedia halaman kosong tanpa kontrol), Windows Phone List Application (penyedia skenario aplikasi master-detail data), Windows Phone Panorama Application (penyedia skenario menggunakan navigasi panorama pada aplikasi), Windows Phone Pivot Application (penyedia skenario menggunakan navigasi pivot pada aplikasi), Windows Phone Class Library (pembangun komponen yang dapat digunakan kembali di beberapa projek yang lain).
App.xaml / App.xaml.cs
Entry point dari aplikasi yang akan menginisialisasi resource dan tampilan dari aplikasi.
MainPage.xaml / MainPage.xaml.cs
Mendefinisikan sebuah halaman dengan antarmuka pada aplikasi.
ApplicationIcon.png
File Gambar yang akan menjadi icon pada list aplikasi.
Background.png
File gambar yang akan menjadi background aplikasi.
SplashScreenImage.jpg
File Gambar yang akan ditampilkan pertama kali ketika aplikasi dijalankan.
Properties\AppManifest.xml
File manifest untuk keperluan pembangkitan paket aplikasi
Properties\AssemblyInfo.cs
File assembly yang mengandung informasi nama dan versi metadata yang akan diletakan pada assembly yang dihasilkan.
Properties\WMAppManifest.xml
File manifest yang mengandung secara spesifik metada terkait aplikasi Windows Phone yang spesifik mengandung fitur-fitur pada Silverlight untuk Windows Phone.

















