MainPage.xaml

<phone:PhoneApplicationPage 
    x:Class="G7Phenology.MainPage"
    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"
    xmlns:Controls="clr-namespace:Coding4Fun.Phone.Controls;assembly=Coding4Fun.Phone.Controls"
    xmlns:g7="clr-namespace:G7Phenology"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel Grid.Row="0" HorizontalAlignment="Left">
            <ProgressBar x:Name="progress" Height="9" Maximum="100" Value="33" Foreground="White" />
            <Grid>
                <TextBlock x:Name="sector" HorizontalAlignment="Left" FontWeight="Bold" Text="BS23" Style="{StaticResource PhoneTextNormalStyle}"/>
                <Grid Width="180">
                    <TextBlock x:Name="prevSpec" HorizontalAlignment="Left" Style="{StaticResource PhoneTextSmallStyle}" Text="..." />
                    <TextBlock x:Name="specimen" HorizontalAlignment="Center" Style="{StaticResource PhoneTextNormalStyle}" FontWeight="Bold" Text="123" />
                    <TextBlock x:Name="nextSpec" HorizontalAlignment="Right" Style="{StaticResource PhoneTextSmallStyle}" Text="..." />
                </Grid>
                <TextBlock HorizontalAlignment="Right" Text="G7-Phenology" Style="{StaticResource PhoneTextAccentStyle}"/>
            </Grid>
            <Controls:Tile HorizontalAlignment="Left" Margin="12, 12" Width="458" Height="173">
                <Grid>
                    <Canvas>
                        <Image x:Name="image" Source="Images/3.jpg" Width="458">
                            <Image.RenderTransform>
                                <ScaleTransform ScaleY="0.5" />
                            </Image.RenderTransform>
                        </Image>
                    </Canvas>
                    <Controls:TileNotification x:Name="specNotification" Background="Black">
                        <StackPanel>
                            <TextBlock x:Name="name" Margin="5,5" Text="Ophrys tenthredinifera" />
                            <TextBlock x:Name="notes" Style="{StaticResource PhoneTextSmallStyle}" Text="cuidado com a trepadeira" Visibility="Visible" />
                        </StackPanel>
                    </Controls:TileNotification>
                </Grid>
            </Controls:Tile>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            <g7:PhenoTile Grid.Row="0" Grid.Column="0"  Title="Brotamento" Background="Teal" Foreground="Turquoise" />
            <g7:PhenoTile Grid.Row="0" Grid.Column="1" Title="Queda" Background="DarkGoldenrod" Foreground="Yellow" />
            <g7:PhenoTile Grid.Row="1" Grid.Column="0"  Title="Botão" Background="DarkSlateBlue" Foreground="Salmon" />
            <g7:PhenoTile Grid.Row="1" Grid.Column="1" Title="Antese" Background="DarkMagenta" Foreground="Violet" />
            <g7:PhenoTile Grid.Row="2" Grid.Column="0"  Title="Fruto Verde" Background="DarkOliveGreen" Foreground="Lime" />
            <g7:PhenoTile Grid.Row="2" Grid.Column="1" Title="Fruto Maduro" Background="Maroon" Foreground="OrangeRed" />
            <Grid Grid.Column="2" Grid.RowSpan="3" Margin="12,25,12,25" VerticalAlignment="Stretch">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
                <Controls:RoundButton Grid.Row="0" ImageSource="Toolkit.Content/ApplicationBar.Check.png" Click="OnCheck" />
                <Controls:RoundButton Grid.Row="1" ImageSource="Icons/Note.png" Click="OnChat" />
                <Controls:RoundToggleButton Grid.Row="3" ImageSource="Toolkit.Content/ApplicationBar.Select.png" Click="OnContrast" DoubleTap="OnShowIntensity" />
            </Grid>
        </Grid>
    </Grid>

</phone:PhoneApplicationPage>