prs/prs.mobile/comal.timesheets/CustomControls/TitleBar/TitleBar.xaml

<?xml version="1.0" encoding="utf-8"?>

<ContentView xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:ui="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
             xmlns:timesheets="clr-namespace:comal.timesheets"
             x:Class="comal.timesheets.TitleBar"
             Margin="-10,0">
    <ContentView.ControlTemplate>
        <ControlTemplate>
            <Grid x:DataType="timesheets:TitleBar">
                
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>
                
                <Image 
                    Grid.Column="0"
                    Source="blueprint" 
                    Aspect="AspectFit"
                    IsVisible="{TemplateBinding HasBackButton}">
                    <Image.GestureRecognizers>
                        <TapGestureRecognizer Tapped="Back_Clicked" />
                    </Image.GestureRecognizers>
                </Image>
                
                <ui:MaterialLabel 
                    Grid.Column="1" 
                    VerticalTextAlignment="Center"
                    HorizontalTextAlignment="Start"
                    TypeScale="H6" 
                    TextColor="White"
                    Text="{TemplateBinding Header}"/>
                
                <StackLayout 
                    Grid.Column="2"
                    BindableLayout.ItemsSource="{TemplateBinding Icons}" 
                    Orientation="Horizontal">
                    
                    <BindableLayout.ItemTemplate>
                        <DataTemplate x:DataType="timesheets:TitleBarItem">
                            <Image Source="{Binding Image}" Aspect="AspectFit" IsVisible="{Binding IsVisible}"/>
                        </DataTemplate>
                    </BindableLayout.ItemTemplate>
                </StackLayout>
                
                <StackLayout 
                    Grid.Column="3"
                    BindableLayout.ItemsSource="{TemplateBinding Items}" 
                    Orientation="Horizontal">
                    
                    <BindableLayout.ItemTemplate>
                        <DataTemplate x:DataType="timesheets:TitleBarItem">
                            <Image Source="{Binding Image}" Aspect="AspectFit" IsVisible="{Binding IsVisible}">
                                <Image.GestureRecognizers>
                                    <TapGestureRecognizer Tapped="TitleBarItem_Tapped" />
                                </Image.GestureRecognizers>
                            </Image>
                        </DataTemplate>
                    </BindableLayout.ItemTemplate>
                </StackLayout>
                
            </Grid>
        </ControlTemplate>
    </ContentView.ControlTemplate>

</ContentView>