Rabu, 06 November 2013

Tutorial .NET dan Silverlight, namespace, collection | Windows phone | 1 NOVEMBER 2013

Assalamu'alaikum warahmatullahi wabarakaatuh..
tema tutorial kali ini adalah play with .NET and Silverlight, di windows phone ini kita akan menggunakan .NET framework yang sudah dibuat pada microsoft dan silverlight ini adalah sebuah framework untuk membuat aplikasi sedangkan untuk game menggunakan framework XNA. nah untuk XNA mungkin kita akan bahas pada sesi lain, nah di project sebelumnya yang namanya "date and time" coba deh kalian buka kembali. yang ada pada gambar ini

nah DateTime adalah sebuah class .NET library karna ini udah dibuat default oleh microsoft, jadi DateTime ini harus di ikuti oleh new. sama halnya dengan TimeSpan sebuah class .NET juga yang harus adanya inisialisasi. ada beberapa class dari .NET library ini yang tidak perlu instance, contohnya adalah: 
nah untuk class String bisa langsung berdiri sendiri, contohnya seperti gambar diatas. selain class ini ada banyak lagi yang tidak perlu instance. mari kita buat project baru 
new project >> pilih visual C# >> Windows Phone Application >> beri nama project dengan nama "CreateAButton" lalu tambahkan Button dan beri content "Add Element" dan Text Box dengan text "First Text Box" nah di microsoft visual studio 2010 kalau kita buat file baru, ada dua file yaitu MainPage.xaml dan MainPage.xaml.cs nah pada element ini 
adalah contoh dari class .NET library bisa kalian lihat jika kursor kalian di arahkan ke Button maka akan muncul tulisan "System.Windows.Control.Button" artinya ini merupakan class dari button. oh ya itu yang ada pada gambar di atas, "ContentPanel" harap diganti menjadi "ContentGrid" supaya sama dengan tutorial. lalu anda ketikan kode ini:

private void button1_Click(object sender, RoutedEventArgs e)
        {
            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;

            ContentGrid.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 Text Box";
            myTextBox.VerticalAlignment = VerticalAlignment.Top;

            ContentGrid.Children.Add(myTextBox);
        }


coding ini, adalah membuat element dari MainPage.xaml.cs yang biasanya kita buat element itu tinggal drag and drop, sekarang kita buat melalui koding. mudah kan?
hasilnya akan seperti ini:

okeh materi selanjutnya adalah Mengenal Name Space. jika kita lihat ke aplikasi sebelumnya, kita selalu menggunakan namespace. 
nah seperti ini namespace tuh. saat kita buat project baru, pasti namespace ini akan digunakan secara default. namespace adalah sebuah cara untuk "membungkus" sebuah code, ini akan berguna sekali ketika code ini besar atau banyak. contoh logikanya seperti ini, ada dua nama "opik". opik yang pertama berada di bandung sedangkan opik yang satunya berada di jakarta. jadi kita tidak akan pernah tertukar opik yang di bandung dengan opik yang di jakarta.
jadi opik ini adalah nama class, sedangkan bandung adalah nama namespacenya jadi nama class dibungkus oleh namespace. jadi ketika kita memanggil nama class yang sama itu tidak akan tertukar karna kita memakai namespace, kecuali kalau kita tidak menggunakan namespace akan akan ada dua class, jadi bingung mana yang akan dipanggil. kalau masih di basic itu masih blm kerasa kegunaan namespace saat aplikasi besar, maka akan berguna sekali menggunakan namespace. okeh kalian buat new project.
new project >> pilih visual C# >> Windows Phone Application >> beri nama project dengan nama "UnderstandingNameSpaces"
lalu kita tambahkan Button, dan dua text box. text box pertama beri nama "namespace1" dan untuk text box kedua beri nama "namespace2". ketika code ini ke dalam button
jadi seperti ini, disini saya menggunakan class IsolatedStorageSettings adalah sebuah class yang dapat menyimpan data di lokal HP kita, namanya IsolatedStorageSettings. untuk System.IO.IsolatedStorage adalah nama namespace, jadi didalam namespace "System" ada namespace "IO" juga didlmnya ada namespace "IsolatedStorage" dan didlmnya ada class namanya "IsolatedStorageSettings" apakah dapat dimengerti?
coba kita liat di bagian paling atas..
nah bisa anda lihat "using" ini adalah sebuah deklarasi untuk menggukan suatu namespace. jika kita pindahkan "System.IO.IsolatedStorage" ke bagian paling atas, maka akan secara otomatis kita tidak perlu menggunakan code yang ada digambar yang atas. cukup menggunakan ini.
private void button1_Click(object sender, RoutedEventArgs e)
        {
            IsolatedStorageSettings mySetting =IsolatedStorageSettings.ApplicationSettings;
        }
nah seperti ini, jadi kita tidak cape mengetik ulang. oke sekarang kita akan membuat namespace yang baru. coba ketikan code ini
namespace FirstSpace
    {
        class TestClass
        {
            public string getString()
            {
                return "Inside First Space";
            }
        }
    }
    namespace SecondSpace
    {
        class TestClass
        {
            public string getString()
            {
                return "Inside Second Space";
            }
        }
    }

hati kurung kurawalnya berlebihan atau kurang, harus diperhatikan baik-baik. ini kan kita mempunya nama class yang sama, lalu akan kita panggil satu-satu. seperti contoh yang tadi. untuk memanggilnya ketikan kode ini
            FirstSpace.TestClass firstNameSpace = new FirstSpace.TestClass();
            SecondSpace.TestClass secondNameSpace = new SecondSpace.TestClass();

            namespace1.Text = firstNameSpace.getString();
            namespace2.Text = secondNameSpace.getString();

bagaimana hasilnya? coba kalian lihat sendiri :)
cukup sekian tutorial dari saya semoga bermanfaat, wasalamu'alaikum warahmatullahi wabarakaaatuh

0 komentar:

Posting Komentar