2016-07-08 9 views
1

Hallo, ich habe eine App, die ich in Xamrian Formen mache, und ich habe eine Karte styled Listenansicht. Ich möchte drei Tasten unterhalb der Listenansicht auf der linken Seite eine in der Mitte ein hinzufügen zu können und auf der rechten Seite hier ist mein XAML:So fügen Sie Schaltflächen unter einer Xamarin.Forms-Listenansicht hinzu

<?xml version="1.0" encoding="utf-8" ?> 
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
      x:Class="App.HomePage"> 
    <ListView x:Name="listView" HasUnevenRows="true" ItemSelected="OnItemSelected"> 
    <ListView.ItemTemplate> 
     <DataTemplate> 
     <ViewCell> 
      <Frame Padding="0,0,0,8" BackgroundColor="#d2d5d7"> 
      <Frame.Content> 
       <Frame Padding="15,15,15,15" OutlineColor="Gray" BackgroundColor="White"> 
       <Frame.Content> 
        <StackLayout Padding="20,0,0,0" Orientation="Horizontal" HorizontalOptions="CenterAndExpand"> 
        <Image 
          HorizontalOptions="StartAndExpand" 
          Source="{Binding Image}" /> 
        <Label Text="{Binding Name}" 
          TextColor="#69add1" 
          FontFamily="OpenSans-Light" 
          FontSize="24"/> 
        </StackLayout> 
       </Frame.Content> 
       </Frame> 
      </Frame.Content> 
      </Frame> 

      </ViewCell> 
     </DataTemplate> 
    </ListView.ItemTemplate> 
    </ListView> 
    </ContentPage> 

Wie würde ich mich tun dies etwa in XAML?

Vielen Dank im Voraus! :)

Antwort

1
<StackLayout> 
    <ListView> 
    ... 
    </ListView> 
    <StackLayout Orientation="Horizontal"> 
    <Button ... /> 
    <Button ... /> 
    <Button ... /> 
    </StackLayout> 
</StackLayout> 
+0

Danke für die schnelle Antwort! Ich habe Ihren Vorschlag ausprobiert, aber unter der ListView erscheinen keine weiteren Vorschläge? – Phoneswapshop

2

Try this:

<?xml version="1.0" encoding="utf-8" ?> 
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
      xmlns:local="clr-namespace:Sandbox_Forms" 
      x:Class="Sandbox_Forms.MainPage"> 

    <Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="*"/> 
     <RowDefinition Height="Auto"/> 
    </Grid.RowDefinitions> 

    <ListView Grid.Row="0" BackgroundColor="Aqua"> 
     <!-- Add bindings and data template --> 
    </ListView> 
    <StackLayout Orientation="Horizontal" Grid.Row="1"> 
     <Button Text="Button1" HorizontalOptions="FillAndExpand"/> 
     <Button Text="Button2" HorizontalOptions="FillAndExpand"/> 
     <Button Text="Button3" HorizontalOptions="FillAndExpand"/> 
    </StackLayout> 
    </Grid> 

</ContentPage> 

Dies wird beschränken Sie Ihre ListView nur den Raum zu füllen, dass Ihre Tasten belegen nicht. Die Ausgabe sollte in etwa so aussehen: UWP Desktop sample

+0

Danke für die Antwort Ich habe deinen Vorschlag ausprobiert und nichts in der App zeigt irgendwelche anderen Vorschläge? Danke für die Hilfe bis jetzt! – Phoneswapshop

+0

Neugierig - funktioniert gut für mich. Ich habe meine Antwort aktualisiert, um konkreter zu sein - der Aqua-Hintergrund sollte etwas aussagen, aber behalte dein Ausgabefenster im Auge, um verbindliche Fehler und ähnliches zu finden, und lass mich wissen, was du siehst. Zumindest sollten Sie in der Lage sein, die Schaltflächen zu sehen, auch wenn es ein Problem mit Ihrer Listenansicht gibt. Überprüfen Sie Ihr Snippet, binden Sie Ihre Listview an ein Objekt außerhalb der Ansicht? Nicht sicher, wie es sonst Inhalte erhalten wird. – Joe

+0

Wie sieht Ihr Bindungscode aus? Ich verbinde nichts mit der Gridview, könnte das das Problem sein? – Phoneswapshop

Verwandte Themen