Tutorial Koding

Membuat Secondary Tile di Windows Phone

Setelah beberapa hari yang lalu saya membahas tentang <a href="http://dwirandyherdinanto.blogspot.com/2014/11/membuat-application-bar-di-windows-phone.html">Membuat Application Bar di Windows Phone</a>, kali ini saya akan membahas tentang  <a href="http://dwirandyherdinanto.blogspot.com/2014/11/membuat-secondary-tile-di-windows-phone.html">Membuat Secondary Tile di Windows Phone</a><br />
<br />
Apa itu Tile ?<br />
Tile adalah sebuah link ke aplikasi yang ada di dalam Start. Ada 2 jenis Tile yaitu Application Tiles dan Secondary Tiles<br />
Application Tile adalah tile yang dibuat ketika pengguna pin aplikasi ke Start dengan cara menekan dan menahan icon aplikasi dalam daftar aplikasi<br />
dan Secondary Tiles adalah Tiles yang dibuat di aplikasi berdasarkan interaksi dari pengguna.<br />
<br />
Langkah - langkah  Menambah dan Menghapus Secondary Tile di Windows Phone<br />
<br />
1. Buat sebuah project windows phone di visual studio, lalu tambahkan gambar ke dalam project, gambar tersebut yang akan di gunakan sebagai Tiles<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhEG1ruRzqc26OIWwpIFgzaDRAIoh_u3sdUcirW2s9Mm5DBBph17IzVX36FBimnfaLItK7qJVJeLAJlEzBWYfmZFfMFX_zBG9my3fdK0UtPVU3Xmhyphenhyphen0gRxc_MlN7bapFLCC8xFC875gnJu/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Secondary Tile di Windows Phone" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhEG1ruRzqc26OIWwpIFgzaDRAIoh_u3sdUcirW2s9Mm5DBBph17IzVX36FBimnfaLItK7qJVJeLAJlEzBWYfmZFfMFX_zBG9my3fdK0UtPVU3Xmhyphenhyphen0gRxc_MlN7bapFLCC8xFC875gnJu/s1600/Screenshot_1.png" title="Membuat Secondary Tile di Windows Phone" /></a></div>
<br />
<br />
2. Pada mainpage.xaml tambahkan script dibawah ini untuk membuat 2 buah button<br />
<br />
<pre class="brush:html"><Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <Button x:Name="btn_tambah" Click="btn_tambah_Click" Content="Tambah Tiles" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="91,148,0,0" Width="257"/>
            <Button x:Name="btn_hapus" Click="btn_hapus_Click" Content="Hapus Tiles" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="91,264,0,0" Width="257"/>

</Grid></pre>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgShB4WnqIiH3EaxGKSQJdu4UW9fvPqtCIPKAZKmGzLzL7nOM5vGL2nXp_Oahnq0O1Wj93DNy7e3w0rXT9ise-3soDzSqnd5OHXH4OP_iBAYNRb7mbekbi42Jwsa2VbFsJiky6v3M-dMyuP/s1600/Membuat+Secondary+Tile+di+Windows+Phone+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgShB4WnqIiH3EaxGKSQJdu4UW9fvPqtCIPKAZKmGzLzL7nOM5vGL2nXp_Oahnq0O1Wj93DNy7e3w0rXT9ise-3soDzSqnd5OHXH4OP_iBAYNRb7mbekbi42Jwsa2VbFsJiky6v3M-dMyuP/s1600/Membuat+Secondary+Tile+di+Windows+Phone+2.png" width="175" /></a></div>
<br />
<br />
3. Buat sebuah fungsi untuk menetukan Tiles Aplikasi apakah sudah ada pada Start Screen atau belum<br />
<pre class="brush:html">private ShellTile FindTile(string TileUriSource)
        {
            ShellTile shelltile = ShellTile.ActiveTiles.FirstOrDefault(tile => tile.NavigationUri.ToString().Contains(TileUriSource));
            return shelltile;
        }</pre>
<br />
4. Pada event btn_tambah click tambahkan script dibawah ini<br />
<pre class="brush:html">private void btn_tambah_Click(object sender, RoutedEventArgs e)
        {
            // menemukan tile apakah sudah ada di start screen atau belum
            ShellTile tile = this.FindTile("Source=SecondaryTile");
            if (tile == null) // jika belum ada di start screen
            {
                // membuat tiledata
                StandardTileData tiledata = new StandardTileData
                {
                    Title="Tutorial Koding", // judul tile
                    BackgroundImage = new Uri("/Tile.png",UriKind.Relative), // bakcgrond tile
                    Count=3, 
                    BackTitle="Back Title", // judul ketika tile dibalik
                    BackBackgroundImage = new Uri("",UriKind.Relative), // background ketika tile dibalik
                    BackContent="Contoh Tile" // content tile ketika dibalik
                };

string tileuri = "/MainPage.xaml?Source=SecondaryTile";
                // membuat tile
                ShellTile.Create(new Uri(tileuri, UriKind.Relative), tiledata);
            }
            else
            {
                MessageBox.Show("Secondary Tile sudah ada");
            }
        }</pre>
<br />
5. Pada event btn_hapus click tambahkan script dibawah ini<br />
<pre class="brush:html">        private void btn_hapus_Click(object sender, RoutedEventArgs e)
        {
            ShellTile tile = this.FindTile("Source=SecondaryTile");
            if (tile != null) // jika tile ditemukan
            {
                // menghapus tile
                tile.Delete();
                MessageBox.Show("Secondary tile dihapus");
            }
            else
            {
                MessageBox.Show("Tidak ada secondary tile ditemukan");
            }
        }</pre>
<br />
6. Jalankan aplikasi dengan menekan tombol F5 jangan lupa memilih target device ke Emulator atau ke device<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ugdHgCnaxOLo1w7csv9vY_LGbk7FRwmyEsP4l4VubpGxQqu7rKV7AkN17AKX7pMnaI2SV1eOgilKFfn6QuIRv2r8-iHhiqbBfpaJ8G4CSuBGkzOR5LC5YxiFsy6eFpULAskslyIHrRi2/s1600/Membuat+Secondary+Tile+di+Windows+Phone+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Secondary Tile di Windows Phone" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ugdHgCnaxOLo1w7csv9vY_LGbk7FRwmyEsP4l4VubpGxQqu7rKV7AkN17AKX7pMnaI2SV1eOgilKFfn6QuIRv2r8-iHhiqbBfpaJ8G4CSuBGkzOR5LC5YxiFsy6eFpULAskslyIHrRi2/s1600/Membuat+Secondary+Tile+di+Windows+Phone+3.png" title="Membuat Secondary Tile di Windows Phone" width="175" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBXDEtT4Tp_lrlbJhvSJdnLfe8cTKdMUaYVsDmubVqKAfaoCn26CnR4GjmX5gC5igRSq7Prcgnhy8SfmqiCkvGxDZukQSeeShP3CujrhzFAm3ouFHACCbD7Mz_mXJCq_VvWdSSK24K8nLZ/s1600/Membuat+Secondary+Tile+di+Windows+Phone+4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Secondary Tile di Windows Phone" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBXDEtT4Tp_lrlbJhvSJdnLfe8cTKdMUaYVsDmubVqKAfaoCn26CnR4GjmX5gC5igRSq7Prcgnhy8SfmqiCkvGxDZukQSeeShP3CujrhzFAm3ouFHACCbD7Mz_mXJCq_VvWdSSK24K8nLZ/s1600/Membuat+Secondary+Tile+di+Windows+Phone+4.png" title="Membuat Secondary Tile di Windows Phone" width="172" /></a></div>
<br />
<div style="text-align: center;">
Anda bisa mendownload source codenya <a href="http://adf.ly/uE5hy">disini</a></div>
<div style="text-align: center;">
dan untuk passwordnya <a href="http://adf.ly/fHCDH">disini</a></div>
<br />
Sekian pembahasan tentang <a href="http://dwirandyherdinanto.blogspot.com/2014/11/membuat-secondary-tile-di-windows-phone.html">Membuat Secondary Tile di Windows Phone</a><br />
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini

Membuat Secondary Tile di Windows Phone

Setelah beberapa hari yang lalu saya membahas tentang Membuat Application Bar di Windows Phone , kali ini saya akan membahas tentang Membu...

Sunday, November 16, 2014

Membuat Application Bar di Windows Phone

Setelah beberapa hari yang lalu saya membahas tentang <a href="http://dwirandyherdinanto.blogspot.com/2014/11/membuat-navigasi-halaman-di-windows.html">Membuat Navigasi Halaman di Windows Phone</a>, kali ini saya akan membahas tentang <a href="http://dwirandyherdinanto.blogspot.com/2014/11/membuat-application-bar-di-windows-phone.html">Membuat Application Bar di Windows Phone</a><br />
<div>
<br /></div>
<div>
Apa itu Application Bar ?</div>
<div>
Application bar merupakan sistem kontrol yang dapat kita gunakan untuk membangun sebuah toolbar pada aplikasi windows phone.</div>
<div>
Ada 2 jenis application bar yaitu icon button dan text menu</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigo8trTu2EFU8BMZVWur6_NA1w8-xMyhrnYKPlcjVOJoeh-zEzdX2c5ymbpv-FRJ_8deA7Vk5femEz5PgTxPOhq9F6SG3IfZGvpxY9V1VoU2RF3nRlIyZShpLiu6vOMjYgbl_KUUwxD08a/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Application Bar di Windows Phone" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigo8trTu2EFU8BMZVWur6_NA1w8-xMyhrnYKPlcjVOJoeh-zEzdX2c5ymbpv-FRJ_8deA7Vk5femEz5PgTxPOhq9F6SG3IfZGvpxY9V1VoU2RF3nRlIyZShpLiu6vOMjYgbl_KUUwxD08a/s1600/Screenshot_1.png" title="Membuat Application Bar di Windows Phone" width="180" /></a></div>
<div>
<br /></div>
<div>
Ada beberapa hal yang perlu kita perhatikan dalam membuat application bar yaitu :</div>
<div>
<ol>
<li>Image yang digunakan sebagai icon berwarna putih untuk foreground dan transparent menggunakan Alpha Channel.</li>
<li>Tidak perlu menambahkan lingkaran, karena lingkaran telah otomatis.</li>
<li>Ukuran icon utama adalah 26x26 dan diletakan di tengah image.</li>
<li>Jangan menggunakan icon button yang telah disediakan pada hardware button.</li>
<li>Gunakan icon button utnuk task yang utama pada aplikasi</li>
<li>Hindari lebih dari 5 icon button</li>
<li>Jika suatu task dapat direpresentasikan dengan jelas melalui icon, gunakan icon button jika tidak, gunakan text menu.</li>
<li>Ketentuan mengenai opacity : 0 (tidak akan ditampilkan dan content page akan memenuhi layar), 0.5 s.d 1 (akan tampak di layar).</li>
</ol>
</div>
<div>
<br /></div>
<div>
Langkah - langkah Membuat Application Bar di Windows Phone</div>
<div>
<br /></div>
<div>
1. Buka visual studio yang anda punya buat sebuah project windows phone application baru</div>
<div>
<br /></div>
<div>
2. Pada file MainPage.xaml tambahkan script dibawah ini tepat di atas </phone:PhoneApplicationPage></div>
<div>
<pre class="brush:html"><phone:PhoneApplicationPage.ApplicationBar>
    <shell:ApplicationBar Mode="Default" Opacity="1.0" IsMenuEnabled="True" IsVisible="True">
        
        <shell:ApplicationBarIconButton x:Name="btn_simpan" IconUri="/Assets/AppBar/save.png" Text="simpan" Click="btn_simpan_Click"/>
        <shell:ApplicationBarIconButton x:Name="btn_bagikan" IconUri="/Assets/AppBar/share.png" Text="bagikan" Click="btn_bagikan_Click"/>
            
        
        <shell:ApplicationBar.MenuItems>
            <shell:ApplicationBarMenuItem x:Name="btn_pengaturan" Text="Pengaturan" Click="btn_pengaturan_Click"/>
            <shell:ApplicationBarMenuItem x:Name="btn_tentang" Text="Tentang" Click="btn_tentang_Click"/>
         </shell:ApplicationBar.MenuItems>
    </shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar></pre>
</div>
<br />
3. Anda juga bisa membuat application bar melalui behind code dengan cara tambahkan script dibawha ini pada file MainPage.xaml.cs<br />
<pre class="brush:html">            ApplicationBar appbar = new ApplicationBar();
            appbar.IsMenuEnabled = true;
            appbar.Opacity = 1.0;
            appbar.Mode = ApplicationBarMode.Default;
            appbar.IsVisible = true;
            
            // icon button
            ApplicationBarIconButton btn_simpan = new ApplicationBarIconButton();
            btn_simpan.Text = "simpan";
            btn_simpan.IconUri = new Uri("/Assets/AppBar/save.png", UriKind.Relative);
            appbar.Buttons.Add(btn_simpan);
            btn_simpan.Click += new EventHandler(btn_simpan_Click);

ApplicationBarIconButton btn_bagikan = new ApplicationBarIconButton();
            btn_bagikan.Text = "bagikan";
            btn_bagikan.IconUri = new Uri("/Assets/AppBar/share.png", UriKind.Relative);
            appbar.Buttons.Add(btn_bagikan);
            btn_bagikan.Click += new EventHandler(btn_bagikan_Click);

// text menu
            ApplicationBarMenuItem btn_pengaturan = new ApplicationBarMenuItem();
            btn_pengaturan.Text = "Pengaturan";
            appbar.MenuItems.Add(btn_pengaturan);
            btn_pengaturan.Click += new EventHandler(btn_pengaturan_Click);

ApplicationBarMenuItem btn_tentang = new ApplicationBarMenuItem();
            btn_tentang.Text = "Tentang";
            appbar.MenuItems.Add(btn_tentang);
            btn_tentang.Click += new EventHandler(btn_tentang_Click);

this.ApplicationBar = appbar;</pre>
<br />
4. Pada file MainPage.xaml.cs tambahkan script dibawah ini untuk menghandle event pada icon button dan text menu pada application bar<br />
<br />
<pre class="brush:html">private void btn_bagikan_Click(object sender, EventArgs e)
{
    MessageBox.Show("Icon Button Bagikan ditekan");
}

private void btn_simpan_Click(object sender, EventArgs e)
{
     MessageBox.Show("Icon Button Simpan ditekan");
}

private void btn_pengaturan_Click(object sender, EventArgs e)
{
     MessageBox.Show("Text menu pengaturan ditekan");
}

private void btn_tentang_Click(object sender, EventArgs e)
{
     MessageBox.Show("Text menu tentang ditekan");
}</pre>
<div>
<br />
5. Jalankan F5 maka akan seperti gambar dibawah ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigo8trTu2EFU8BMZVWur6_NA1w8-xMyhrnYKPlcjVOJoeh-zEzdX2c5ymbpv-FRJ_8deA7Vk5femEz5PgTxPOhq9F6SG3IfZGvpxY9V1VoU2RF3nRlIyZShpLiu6vOMjYgbl_KUUwxD08a/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Application Bar di Windows Phone" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigo8trTu2EFU8BMZVWur6_NA1w8-xMyhrnYKPlcjVOJoeh-zEzdX2c5ymbpv-FRJ_8deA7Vk5femEz5PgTxPOhq9F6SG3IfZGvpxY9V1VoU2RF3nRlIyZShpLiu6vOMjYgbl_KUUwxD08a/s1600/Screenshot_1.png" title="Membuat Application Bar di Windows Phone" width="180" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7onp2B8fRNCLb1Mr_lLsH1CbJ9ZYWkWIbCbMs8MjymlAMrHbZ7yMXE3syxSceWE52N24oHs9gkHzwc4fAviSjmW_P7c7J4eLfassSlFnpREk14FOGhSvjn5wea8dfky_P5lN8moI7wq5f/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Application Bar di Windows Phone" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7onp2B8fRNCLb1Mr_lLsH1CbJ9ZYWkWIbCbMs8MjymlAMrHbZ7yMXE3syxSceWE52N24oHs9gkHzwc4fAviSjmW_P7c7J4eLfassSlFnpREk14FOGhSvjn5wea8dfky_P5lN8moI7wq5f/s1600/Screenshot_2.png" title="Membuat Application Bar di Windows Phone" width="175" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLJ0jmgQn0d1leee_7QHsTO96nhOEEUOD9Glpyt9xII4jCd0uRPKKZY73IMMbrvPM-3Si8uzipKGvnhWcQ8cu0PbU4FFv6MY3Ov8ll4z6oDus1ZK0LZ_cQbSQFnfclUtG-eSGr680gA-xV/s1600/Screenshot_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Application Bar di Windows Phone" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLJ0jmgQn0d1leee_7QHsTO96nhOEEUOD9Glpyt9xII4jCd0uRPKKZY73IMMbrvPM-3Si8uzipKGvnhWcQ8cu0PbU4FFv6MY3Ov8ll4z6oDus1ZK0LZ_cQbSQFnfclUtG-eSGr680gA-xV/s1600/Screenshot_3.png" title="Membuat Application Bar di Windows Phone" width="181" /></a></div>
<br />
<div style="text-align: center;">
Anda bisa mendownload source codenya <a href="http://adf.ly/tuLdb">disini</a></div>
<div style="text-align: center;">
dan untuk passwordnya <a href="http://adf.ly/fHCDH">disini</a></div>
<br />
<br />
Sekian pembahasan tentang <a href="http://dwirandyherdinanto.blogspot.com/2014/11/membuat-application-bar-di-windows-phone.html">Membuat Application Bar di Windows Phone</a><br />
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>

Membuat Application Bar di Windows Phone

Setelah beberapa hari yang lalu saya membahas tentang Membuat Navigasi Halaman di Windows Phone , kali ini saya akan membahas tentang Membu...

Sunday, November 09, 2014

Membuat Navigasi Halaman di Windows Phone

Malam semua, pada kesempatan kali ini saya ingin memposting tentang Windows Phone, karena saya sedang belajar tentang windows phone, sekalian juga saya ingin share tutorial tentang windows phone ini :D<br />
<br />
<div>
Pertama - tama yang perlu dipersiapkan adalah Visual Studio 2012/2013</div>
<div>
<br /></div>
<div>
Langkah - langkah Membuat Navigasi Halaman di Windows Phone 8</div>
<div>
<br /></div>
<div>
1. Buka Visual Studio yang sudah anda punya (disini saya menggunakan Visual Studio 2013), Pilih File - New - Project - Visual C# pilih Windows Phone</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTbnrlbrKIw1l-RWTm0M2733lAj8Cqa06B54KdoKCngWtTPufO7RkFZCpMm6FMnpiVoMIb7moCcuYHEE4XAc0N6L1mZVjBg_gYdYWe72v49pSG26yftpi8P3d7fbSs3CMjd37C4SsIr4b-/s1600/Navigasi_Halaman_Windows_Phone_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Navigasi Halaman di Windows Phone 8" border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTbnrlbrKIw1l-RWTm0M2733lAj8Cqa06B54KdoKCngWtTPufO7RkFZCpMm6FMnpiVoMIb7moCcuYHEE4XAc0N6L1mZVjBg_gYdYWe72v49pSG26yftpi8P3d7fbSs3CMjd37C4SsIr4b-/s1600/Navigasi_Halaman_Windows_Phone_1.png" title="Membuat Navigasi Halaman di Windows Phone 8" width="320" /></a></div>
<div>
<br /></div>
<div>
2. Tambahkan sebuah button pada grid ContentPanel</div>
<div>
<pre class="brush:html"><Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,519">
    <Button x:Name="btn_hal2" Content="Ke halaman 2" Width="400" Height="80" Click="btn_hal2_Click"/>
</Grid></pre>
</div>
<br />
3. Buka file MainPage.xaml.cs tambahkan script dibawah ini untuk berpindah ke hal2.xaml ketika tombol btn_hal2 di klik<br />
<br />
<pre class="brush:html">private void btn_hal2_Click(object sender, RoutedEventArgs e)
{
    NavigationService.Navigate(new Uri("/Hal2.xaml", UriKind.Relative));
}</pre>
<br />
4. Buat 1 halaman dengan cara klik Menu Project - Add New Item - Windows Phone Portrait Page beri nama hal2.xaml<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheEQ4300WwaooIf2AMobxpizg2TGlJHLQN-dLF3qu_-gkwNroLvSGqPTDkAtg_cNlXC38KfwQe_iL-eardbM54sl9bwafqeGCGVeI6t8BUSdtz6UaAy56KoSt10Jbp-_I__ayTFhf8sVK5/s1600/Navigasi_Halaman_Windows_Phone_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Navigasi Halaman di Windows Phone 8" border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheEQ4300WwaooIf2AMobxpizg2TGlJHLQN-dLF3qu_-gkwNroLvSGqPTDkAtg_cNlXC38KfwQe_iL-eardbM54sl9bwafqeGCGVeI6t8BUSdtz6UaAy56KoSt10Jbp-_I__ayTFhf8sVK5/s1600/Navigasi_Halaman_Windows_Phone_2.png" title="Membuat Navigasi Halaman di Windows Phone 8" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
5. Tambahkan sebuah button pada grid ContentPanel</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<pre class="brush:html"><Grid x:Name="ContentPanel" Margin="12,151,12,10" Grid.RowSpan="2">
      <Button x:Name="btn_kembali" Content="Kembali ke halaman sebelumnya" Width="400" Height="80" Click="btn_kembali_Click"/>
</Grid></pre>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
6. Buka file hal2.xaml.cs tambahkan script dibawah ini untuk kembali ke halaman yang sebelumnya</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<pre class="brush:html">private void btn_kembali_Click(object sender, RoutedEventArgs e)
{
     NavigationService.GoBack();
}</pre>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
7. Jalankan program tersebut dengan cara menekan F5 maka akan seperti gambar dibawah ini</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKzTyHgouVt1sDXgq3JRNrep8y7wa8vyrMKb1iP1QBJZhd3sKClVvFbW4T85x2scIEAL1KJ1SPPALfRcTLiUC22SuOwk1B0MMXMmjtuWuk93MrlXsaa_a_hpfX4DxfDFB75nNpBxkPfAhl/s1600/Navigasi_Halaman_Windows_Phone_4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Navigasi Halaman di Windows Phone 8" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKzTyHgouVt1sDXgq3JRNrep8y7wa8vyrMKb1iP1QBJZhd3sKClVvFbW4T85x2scIEAL1KJ1SPPALfRcTLiUC22SuOwk1B0MMXMmjtuWuk93MrlXsaa_a_hpfX4DxfDFB75nNpBxkPfAhl/s1600/Navigasi_Halaman_Windows_Phone_4.png" title="Membuat Navigasi Halaman di Windows Phone 8" width="179" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9vgZ5QQwW54J0kZrABp4VusMTv8-Pl7-Agxhj8OrsoR8p8KKmM2KpXLJUKkShBTHdGKSZhiWTPEBUTNxxHcv763I2kOPbDcDz1zPk5-J13P8cQPtriSWI6FFgxiujETuQ_UleMqNfiuQ-/s1600/Navigasi_Halaman_Windows_Phone_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Navigasi Halaman di Windows Phone 8" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9vgZ5QQwW54J0kZrABp4VusMTv8-Pl7-Agxhj8OrsoR8p8KKmM2KpXLJUKkShBTHdGKSZhiWTPEBUTNxxHcv763I2kOPbDcDz1zPk5-J13P8cQPtriSWI6FFgxiujETuQ_UleMqNfiuQ-/s1600/Navigasi_Halaman_Windows_Phone_3.png" title="Membuat Navigasi Halaman di Windows Phone 8" width="176" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Anda bisa mendownload source codenya <a href="http://adf.ly/thoZj">disini</a></div>
<div class="separator" style="clear: both; text-align: center;">
dan untuk passwordnya <a href="http://adf.ly/fHCDH">disini</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Sekian pembahasan tentang Membuat Navigasi Halaman di Windows Phone 8</div>
<div class="separator" style="clear: both;">
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini</div>