2015-06-25 4 views
1

Как создать аккордеон в ListView с привязкой данных? Я создаю это приложение с Xamarin.Forms.Как создать аккордеон в Xamarin.Forms ListView

Это то, что я до сих пор:

<ListView x:Name="List" HasUnevenRows="True" > 
    <ListView.ItemTemplate> 
    <DataTemplate> 
     <ViewCell> 
     <ViewCell.View> 
      <Grid Padding="10,10,10,10"> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="Auto"></RowDefinition> 
       <RowDefinition Height="Auto"></RowDefinition> 
      </Grid.RowDefinitions> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="*" /> 
       <ColumnDefinition Width="*" /> 
      </Grid.ColumnDefinitions> 
      <Label Text="ABC:-" FontSize="20" TextColor="Black" Grid.Column="0" Grid.Row ="0"/> 
      <Label Text="{Binding ABC}" FontSize="20" TextColor="Black" Grid.Column="1" Grid.Row ="0" HorizontalOptions="EndAndExpand" VerticalOptions="FillAndExpand"/> 
      <Label Text="XYZ:-" FontSize="20" TextColor="Black" Grid.Column="0" Grid.Row ="1"/> 
      <Label Text="{Binding XYZ}" FontSize="20" TextColor="Black" Grid.Column="1" Grid.Row ="1" HorizontalOptions="EndAndExpand" VerticalOptions="FillAndExpand"/> 
      </Grid> 
     </ViewCell.View> 
     </ViewCell> 
    </DataTemplate> 
    </ListView.ItemTemplate> 
</ListView> 
+0

Улучшенное форматирование. – Knelis

+0

Вы уже исправили эту проблему? Если нет, то какие элементы вы хотите расширить и свернуть? Вы хотите, чтобы каждый «ViewCell» мог расширять и сворачивать или каждый «Grid» в «ViewCell» или каждый «Label» в «Grid»? – hvaughan3

+0

@ hvaughan3 каждая сетка в ячейке просмотра –

ответ

0

Вы можете проверить нить, ниже которой перечислены несколько вариантов для этого. Наш аккордеон не был в пределах ListView, но мы в основном использовали только WidthRequest и немного анимации, чтобы развернуть и свернуть различные WebView.

https://forums.xamarin.com/discussion/33975/how-to-implement-expandable-collapsible-listview-in-xamarin-forms

Смежные вопросы