Tuesday, December 4, 2012

Binding Elemen di Windows Phone

Categories: ,

Sekarang kita akan belajar bagaimana membinding elemen di windows phone. Namun, yang kita akan coba disini belum menggunakan C# alias hanya menggunakan XAML saja.
  1. Buat sebuah project baru di Windows Phone Application.
  2. Pada MainPage.xaml, tambahkan kode berikut didalam tag Grid ContentPanel.
    <TextBox x:Name="txt1" VerticalAlignment="Top" Height="100"></TextBox>
    <TextBox x:Name="txt2" Height="100"></TextBox>
    <Ellipse Fill="{Binding ElementName=txt1, Path=Text}" Height="{Binding ElementName=txt2, Path=Text}"></Ellipse>

    Jika dilihat, pada control Ellipse disini saya membinding elemen, untuk properti Fill saya binding dari elemen txt1 yang artinya nilai dari properti Fill ini saya dapatkan dari nilai yang dimasukkan pada TextBox txt1. Begitu juga untuk properti Height-nya.
  3. Agar tampilannya lebih rapi atau terstruktur tambahkan StackPanel sehingga menjadi

    <StackPanel Orientation="Vertical">
    <TextBox x:Name="txt1" VerticalAlignment="Top" Height="100"></TextBox>
    <TextBox x:Name="txt2" Height="100"></TextBox>
    <Ellipse Fill="{Binding ElementName=txt1, Path=Text}" Height="{Binding ElementName=txt2, Path=Text}"></Ellipse>
    </StackPanel>

    StackPanel ini akan membuat control secara otomatis terstruktur dari control(TextBox, Ellipse, dsb) paling atas dan seterusnya. Saya menggunakan Orientation Vertical karena ingin terstruktur dari atas ke bawah.
  4. Sekarang coba jalankan (F5). Kemudian masukkan nilai txt1 = red, txt2=200.

Terimakasih.
Semoga bermanfaat.

Spread The Love, Share Our Article

Related Posts

No Response to "Binding Elemen di Windows Phone"

Post a Comment