Archive for Juni 2013
TextBlock pada aplikasi Windows Phone umumnya atau secara default hanya menampilkan string dalam satu baris baik kata maupun kalimat, akan tetapi adakalanya seseorang atau bahkan kita mempunyai kebutuhan menampilkan TextBlock lebih dari satu baris serta menggunakan fitur ScrollBox atau ListBox.
Tambahkan source kode Heigth atau tinggi dari Grid melebihi tinggi dari TextBlock yang dimaksud, yang akan ditambahkan fitur ListBox.
Maka TextBlock tersebut sudah menggunakan fitur ListBox.
Pada penulisan ini saya akan menjelaskan mengenai pembuatan TextBlock yang menggunakan fitur ScrollBox atau ListBox.
Langsung saja.
Langkah pertama tentunya tambahkan tool TextBlock yang terdapat pada ToolBox.
Aktifkan TextBlock tersebut, kemudian perbesar ukurannya baik panjang maupun tingginya, atur Properties TextWrapping menjadi Warp. Seperti yang telah dijelaskan pada Pembuatan TextBlock lebih dari satu baris.
Kemudian tambahkan source kode berikut yaitu <ListBox> <Grid> .... (TextBlock) </Grid> </ListBox> seperti dibawah ini:
Tambahkan source kode Heigth atau tinggi dari Grid melebihi tinggi dari TextBlock yang dimaksud, yang akan ditambahkan fitur ListBox.
Maka TextBlock tersebut sudah menggunakan fitur ListBox.
Soft Input Panel atau yang biasa kita kenal sebagai Virtual Keyboard, pada Windows Phone memiliki beberapa jenis sesuai dengan kebutuhan penginputan yang diperlukan pada TextBox untuk memudahkan pengguna. Beberapa jenis Soft Input Panel yang digunakan adalah jenis TextBox Chat, Number, Url, EmailUserName, dan LogOnName. Pengubah layout SIP dilakukan dengan menentukan nilai property InputScope pada TextBox, baik secara programatikal maupun deklaratif.
Untuk project kita kali ini, saya akan mencoba untuk menampilkan jenis Soft Input TextBox Number yang digunakan pada aplikasi Microsoft Visual Studio. Berikut langkah pembuatannya:
Buat project aplikasi Microsoft Visual Studio, kemudian tambahkan tool TextBox, perhatikan kode xaml dari project tersebut dibawah:
Rubah atau tambahkan kode xaml tersebut diatas menjadi:
Sehingga hasil Run nya adalah sebagai berikut:
Ketika ingin mengubah jenis Soft Input Panel ke format yang lain, yaitu diantaranya jenis TextBox Chat, Number, Url, dan LogOnName. Maka tinggal mengubah pada string berikut yang diberi tanda:
TextBlock pada aplikasi Windows Phone umumnya atau secara default hanya menampilkan string dalam satu baris baik kata maupun kalimat, akan tetapi adakalanya seseorang atau bahkan kita mempunyai kebutuhan menampilkan TextBlock lebih dari satu baris, apakah mungkin setiap barisnya kita membuat kembali TaxtBox baru? Tentu tidak, akan memakan waktu cukup panjang dalam hal melakukan proses tersebut.
Pada penulisan ini saya akan menjelaskan mengenai pembuatan TextBlock yang memungkinkan menampilkan string yang lebih dari satu baris.
Langsung saja.
Langkah pertama tentunya tambahkan tool TextBlock yang terdapat pada ToolBox.
Aktifkan TextBlock tersebut, kemudian perbesar ukurannya baik panjang maupun tingginya, atur Properties TextWrapping menjadi Warp. Seperti yang tertera pada gambar di samping.
TextBlock siap menampilkan string lebih dari satu baris.
fitur ini memungkinkan kita untuk mendesain aplikasi yang tampilannya melebihi ukuran dari layar smartphone itu sendiri.
Pivot memungkinkan kita untuk memvisualisasikan data-data yang ada di smartphone, sekaligus memfilter data-data apa yang kita akan ditampilkan di layar.
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.
