Скрыть строки под заголовком в просмотре списка по щелчку - PullRequest
Новая
       3

Скрыть строки под заголовком в просмотре списка по щелчку

0 голосов
/ 03 апреля 2020

У меня проблема. Я создал список со следующими элементами: 

<ListView ItemsSource="{Binding knownDeviceList}" RowHeight="70" SelectionMode="None" ItemTapped="rowDevice_Clicked" x:Name="MyListView">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <AbsoluteLayout HeightRequest="60" Margin="20,5,20,5">
                    <StackLayout Opacity="0.1" BackgroundColor="White"
                AbsoluteLayout.LayoutBounds="0,0,1,1" 
                AbsoluteLayout.LayoutFlags="All" />
                    <StackLayout AbsoluteLayout.LayoutBounds="0,0,1,1" 
                AbsoluteLayout.LayoutFlags="All">
                        <Grid RowSpacing="0">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="27" />
                                <RowDefinition Height="6" />
                                <RowDefinition Height="27" />
                            </Grid.RowDefinitions>

                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="60" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="60" />
                            </Grid.ColumnDefinitions>


                            <controls:IconView Source="{Binding DeviceImage}" Grid.RowSpan="3" Grid.Column="0" Margin="5" Foreground="{Binding DeviceImageColor}" />


                            <Label Grid.Row="0" Grid.Column="1" Text="{Binding Name}" FontSize="24" TextColor="White" />
                            <Label Grid.Row="2" Grid.Column="1" Text="{Binding StateShown}" FontSize="16" TextColor="White" />

                            <controls:IconView x:Name="btnPower" Source="power" Grid.RowSpan="3" Grid.Column="2" Margin="5"
                                    Foreground="{Binding PowerStateColor}">
                                <controls:IconView.GestureRecognizers>
                                    <TapGestureRecognizer Command="{Binding Path=BindingContext.cmdTogglePower, Source={x:Reference MyListView}}" CommandParameter="{Binding Id}" />
                                </controls:IconView.GestureRecognizers>
                            </controls:IconView>
                        </Grid>
                    </StackLayout>
                </AbsoluteLayout>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

Теперь это работает так, как я хочу, но теперь я хочу добавить над ним заголовок с именем: Devices Примерно так: enter image description here

Теперь в этом случае я получил все лампочки, потому что это список, который вы видите выше, но как я могу показать и скрыть этот список, когда вы нажимаете на заголовок а затем повернуть стрелку в самом конце этого заголовка?

...