Monday, 26 May 2014

Windows Phone Tutorial - Membuat Halaman Aplikasi Menjadi Layar Penuh (Fullscreen)

Advertisement

Hai semua, balik lagi dengan postingan seputar Windows Phone Development. Kali ini saya ingin bahas tentang bagaimana membuat aplikasi Windows Phone kita menjadi Fullscreen (layar penuh). Misalkan kalian sudah bikin layout aplikasi kalian, tapi kalian melihat suatu space yang termakan untuk bar sinyal, baterai device, dst dari Windows Phone. Space ini disebut dengan System Tray.

System Tray
System Tray

Nah, sekarang bagaimana cara menghilangkan System Tray ini? Pertama, kalian bisa ubah kodingan XAML property shell:SystemTray.IsVisible dari tag phone:PhoneApplicationPage. Jadinya seperti ini:

<phone:PhoneApplicationPage
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
 xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
 x:Class="FulllScreenModule.MainPage"
 FontFamily="{StaticResource PhoneFontFamilyNormal}"
 FontSize="{StaticResource PhoneFontSizeNormal}"
 Foreground="{StaticResource PhoneForegroundBrush}"
 SupportedOrientations="Portrait" Orientation="Portrait"
 shell:SystemTray.IsVisible="False">

Atau bisa juga kalian kasih di source code-behind halamannya, misalnya seperti ini:

using Microsoft.Phone.Shell;

...

public MainPage()
        {
            InitializeComponent();
   SystemTray.IsVisible = false;
        }


System Tray Invisible
System Tray Invisible


Okeh, sudah deh, semoga bermanfaat ya :)



EmoticonEmoticon