Xamarin Cross-Plattform-Formular für Schaltflächen mit Bild-und Text-Layout

Question

Ich bin auf der Suche nach einem Xamarin Cross-Plattform-Dashboard-Seite mit einigen Tasten erstellen. Jede Schaltfläche hat ein Symbolbild und einen Text. Ich habe versucht, zwei Ansätze 1. bei der Verwendung von eingebauten Eigenschaft Symbol von Button-Steuerelement und ein anderer mit separatem StackLayout

Aber meine Ausgabe einige Optimierungen auf XAML muss

XAML habe ich versucht, ist wie folgt

<Grid Padding="10"> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="150" ></RowDefinition> 
       <RowDefinition Height="150"></RowDefinition> 
      </Grid.RowDefinitions> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition></ColumnDefinition> 
       <ColumnDefinition></ColumnDefinition> 
      </Grid.ColumnDefinitions>   
      <StackLayout Grid.Row="0" Grid.Column="0" BackgroundColor="#3094d2" > 
       <StackLayout VerticalOptions="Center" HorizontalOptions="Center"> 
        <Image Source="@drawable/announcement.png" VerticalOptions="Center" HorizontalOptions="Center" /> 
       </StackLayout> 
       <StackLayout VerticalOptions="Center" HorizontalOptions="Center"> 
        <Button Text="Announcement" TextColor="White" VerticalOptions="Center" HorizontalOptions="Center" /> 
       </StackLayout> 
      </StackLayout> 

      <Button Text="News &amp; Events" Grid.Row="0" Grid.Column="1" BackgroundColor="#287cbe" Image="@drawable/announcement.png" TextColor="White" Clicked="Button_NewsHome_Clicked" /> 
      <Button Text="Messages" Grid.Row="1" Grid.Column="0" BackgroundColor="#5153a9" Image="@drawable/announcement.png" TextColor="White" Clicked="Button_SMSHome_Clicked" /> 



      <Button Text="SMS Alers" Grid.Row="1" Grid.Column="1" Image="@drawable/announcement.png" BackgroundColor="#a434a6" TextColor="White" Clicked="Button_SMSHome_Clicked" /> 

    </Grid> 

Welche Anpassungen i auf vertikale und horizontale align tun müssen, um meine ouput wie das auf der linken Seite

Answer 1

Sie XLabs Extended Button sieht machen können gewünschte Ausg erhalten ut