Cerita 6-Play with .Net class and Silverlight | Windows Phone-1 November 2013

Pada posting kali ini saya Ilfan Rifa’I akan share tentang tutorial membuat program dengan tema Play with .Net class and Silverlight dengan menggunakan SDK Microsoft Visual Studio 2012 for Windows Phone. Pada windows phone ini kita akan menggunakan yang namanya Microsoft .Net Framework dan akan menggunakan .Net Class library.

Mari kita mulai membuat programmnya, saya akan memberikan tutorial dengan mudah agar kita bisa belajar dengan mudah, berikut :

1. Jalankan Program

2. Create New Project

3. Beri nama sesuai judul yang terkait dan kita pilih Windows Phone App

4. Pada form berikut, kita pilih Target Windows Phone OS Version ke Windows Phone OS 7.1

5. Tunggu hingga proses berikut selesai

6. Setelah itu, mari kita buat beberapa tool, sebagai berikut Button dan TextBox

7. Setelah itu ubah menjadi :

<Grid x:Name="ContentGrid" Grid.Row="1">
            <Button Content="Add Element"
                    HorizontalAlignment="Left"
                    Margin="10,10,0,0"
                    VerticalAlignment="Top"
                    Click="Button_Click_1"/>
           
            <TextBox HorizontalAlignment="Left"
                     Height="72"
                     Margin="10,87,0,0"
                     TextWrapping="Wrap"
                     Text="TextBox"
                     VerticalAlignment="Top"
                     Width="436"/>
        </Grid>
    </Grid>

Jika masih bingung, lihat pada gambar berikut untuk mempermudah

Click for max resolution

8. Mari kita pindah ke MainPage.xaml.cs, dengan kita klik 2 kali pada button, maka akan secara otomatis akan muncul seperti gambar di bawah ini, setelah itu masukkan code dibawah ini seperti pada screenshot berikut

Button myNewButton = new Button();
myNewButton.Name = "newButton";
myNewButton.Height = 100;
myNewButton.Width = 200;
myNewButton.Content ="New Button";
myNewButton.Margin = new Thickness(100.0, 100.0, 100.0, 100.0);
myNewButton.HorizontalAlignment = HorizontalAlignment.Stretch;
myNewButton.VerticalAlignment = VerticalAlignment.Stretch;

ContentGird.Children.Add(myNewButton);

TextBox myTextBox = new TextBox();
myTextBox.Name = "newTextBox";
myTextBox.Height = 72;
myTextBox.width = 456;
myTextBox.Margin = new Thickness(14,170,0,0);
myTextBox.TextWrapping = TextWrapping.Wrap;
myTextBox.Text = "New TextBox";
myTextBox.VerticalAlignment = VerticalAlignment.Top;

ContentGird.Children.Add(myTextBox);

Click for max resolution

9. Sekarang mari kita run program, dan pilih Emulator 7.1, maka tampilan sebagai berikut, gambar dibawah ini merupakan tampilan pertama sebelum kita tekan button Add Element

10. Inilah tampilan jika kita tekan tombola tau button Add Element

 

Demikian penjelasan yang bisa saya jelaskan, semoga bermanfaat.