Minggu, 16 November 2014

Membuat Secondary Tile di Windows Phone

INDONESIANWARE - Pada Artikel yang anda baca kali ini dengan judul Membuat Secondary Tile di Windows Phone, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Windows Phone, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Membuat Secondary Tile di Windows Phone
link : Membuat Secondary Tile di Windows Phone

Baca juga


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  Membuat Secondary Tile di Windows Phone

Apa itu Tile ?
Tile adalah sebuah link ke aplikasi yang ada di dalam Start. Ada 2 jenis Tile yaitu Application Tiles dan Secondary Tiles
Application Tile adalah tile yang dibuat ketika pengguna pin aplikasi ke Start dengan cara menekan dan menahan icon aplikasi dalam daftar aplikasi
dan Secondary Tiles adalah Tiles yang dibuat di aplikasi berdasarkan interaksi dari pengguna.

Langkah - langkah  Menambah dan Menghapus Secondary Tile di Windows Phone

1. Buat sebuah project windows phone di visual studio, lalu tambahkan gambar ke dalam project, gambar tersebut yang akan di gunakan sebagai Tiles

Membuat Secondary Tile di Windows Phone


2. Pada mainpage.xaml tambahkan script dibawah ini untuk membuat 2 buah button

<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>



3. Buat sebuah fungsi untuk menetukan Tiles Aplikasi apakah sudah ada pada Start Screen atau belum
private ShellTile FindTile(string TileUriSource)
{
ShellTile shelltile = ShellTile.ActiveTiles.FirstOrDefault(tile => tile.NavigationUri.ToString().Contains(TileUriSource));
return shelltile;
}

4. Pada event btn_tambah click tambahkan script dibawah ini
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");
}
}

5. Pada event btn_hapus click tambahkan script dibawah ini
        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");
}
}

6. Jalankan aplikasi dengan menekan tombol F5 jangan lupa memilih target device ke Emulator atau ke device

Membuat Secondary Tile di Windows Phone

Membuat Secondary Tile di Windows Phone

Anda bisa mendownload source codenya disini
dan untuk passwordnya disini

Sekian pembahasan tentang Membuat Secondary Tile di Windows Phone
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini


Sekianlah artikel Membuat Secondary Tile di Windows Phone kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Membuat Secondary Tile di Windows Phone dengan alamat link https://ware-id.blogspot.com/2014/11/membuat-secondary-tile-di-windows-phone.html


EmoticonEmoticon