none
Silverlight FAQ: Apa yang dimaksud dengan Navigation Application? RRS feed

  • Diskusi Umum

  • Navigation Application adalah suatu template aplikasi yang sudah didefinisikan dan berfungsi untuk mempermudah pengguna dalam membuat aplikasi Silverlight yang memiliki fitur navigasi. Aplikasi itu sendiri menyediakan fitur yang mudah digunakan, sehingga anda dapat memiliki aplikasi yang unik.

    Untuk membuat sebuah navigation application, ikuti langkah-langkah di bawah ini.
                    1. Klik
    F
    ile di atas pojok kiri dari Visual Studio.
                    2. Pada menu dropdown, klik 'New Project'.
                    3. Di jendela popup, pilih Silverlight dari Template
    tree. Kemudian pilih

                        Silverlight Application Navigation. Kemudian klik ok.


    Kemudian Visual Studio secara otomatis akan membuat template aplikasi. Dalam MainPage.xaml, kita dapat menemukan bar navigasi dan bingkai konten yang mendefinisikan kode. Potongan kode bar navigasi adalah sebagai berikut.

     

    <Border x:Name="LinksBorder" Style="{StaticResource LinksBorderStyle}">

                    <StackPanel x:Name="LinksStackPanel" Style="{StaticResource LinksStackPanelStyle}">

                        <HyperlinkButton x:Name="Link1" Style="{StaticResource LinkStyle}"

                                         NavigateUri="/Home" TargetName="ContentFrame" Content="home"/>

                        <Rectangle x:Name="Divider1" Style="{StaticResource DividerStyle}"/>

                        <HyperlinkButton x:Name="Link2" Style="{StaticResource LinkStyle}"

                                         NavigateUri="/About" TargetName="ContentFrame" Content="about"/>

                    </StackPanel>

                </Border>

     

    Ketika menambahkan halaman baru, silahkan tambahkan HyperlinkButton baru di LinksStackPanel sehingga pengguna dapat menavigasi ke halaman tersebut. Kodenya harus seperti ini.

     

    <Border x:Name="LinksBorder" Style="{StaticResource LinksBorderStyle}">

                    <StackPanel x:Name="LinksStackPanel" Style="{StaticResource LinksStackPanelStyle}">

                    <HyperlinkButton x:Name="Link1" Style="{StaticResource LinkStyle}" NavigateUri="/Home"

                                                    TargetName="ContentFrame" Content="home"/>                                                                 

                        <Rectangle x:Name="Divider1" Style="{StaticResource DividerStyle}"/>

                                        <HyperlinkButton x:Name="Link2" Style="{StaticResource LinkStyle}"

                                         NavigateUri="/About" TargetName="ContentFrame" Content="about"/>

                                 <Rectangle x:Name="Divider1" Style="{StaticResource DividerStyle}"/>

                                         //newly added seperator so the UI looks nice

                        <HyperlinkButton x:Name="Link2" Style="{StaticResource LinkStyle}"

                              NavigateUri="/NewPage" TargetName="ContentFrame" Content="about"/>

                        //newly added button direct to the new page

                   </StackPanel>

                </Border>

     

    Bila anda ingin menavigasi atau mengakses kontrol MainPage dari Frame konten,  dibawah ini terdapat sebuah kode untuk referensi Anda.

     ((MainPage)App.Current.RootVisual).ControlName  //code before the dot get you the MainPage’s reference

    Untuk informasi lebih rinci silakan lihat video dengan mengklik link di bawah ini.

             http://www.silverlight.net/learn/videos/all/navigation-framework/

     


    Agnes Sannie [MSFT]
    MSDN Community Support | Feedback to us
    Get or Request Code Sample from Microsoft
    Please remember to mark the replies as answers if they help and unmark them if they provide no help.
    Kamis, 16 Juni 2011 08.49
    Moderator