xamarin 形式的可擴展樹視圖

Question

我想在 android 中制作可擴展的樹視圖，就像下面的屏幕短可擴展列表視圖一樣。 我試過了，但我想要解釋。 希望能得到更好的解決方案。

提前致謝。

Answer 1

Xamarin 目前有一個 PR 來包含這個（見這里）

目前，您可以使用很簡單的ExpandableView NuGet ：

<expandable:ExpandableView>
    <expandable:ExpandableView.PrimaryView>
        //{YOUR MAIN VIEW HERE}
    </expandable:ExpandableView.PrimaryView>
    <expandable:ExpandableView.SecondaryViewTemplate>
        <DataTemplate>
            //{YOUR DROP-DOWN MENU TEMPLATE HERE} you can use DataTemplateSelector too
        </DataTemplate>
    </expandable:ExpandableView.SecondaryViewTemplate>
</expandable:ExpandableView>

Answer 2

您可以使用 Xamarin 社區工具包包：

 xmlns:xct="http://xamarin.com/schemas/2020/toolkit"

您可以定義標題、嵌套多個擴展器、將視圖定義為內容或使用數據ExpandAnimationEasing 、定義動畫（ ExpandAnimationEasing 、 CollapseAnimationEasing ）...

<xct:Expander IsEnabled="{Binding IsEnabled}" ExpandAnimationEasing="{x:Static Easing.CubicIn}"
                                             CollapseAnimationEasing="{x:Static Easing.CubicOut}">
    <xct:Expander.Header>
        <Label Text="Nested expander" FontSize="30" FontAttributes="Bold"/>
    </xct:Expander.Header>
    <xct:Expander.ContentTemplate>
        <DataTemplate>
            <StackLayout Spacing="0" Margin="10" Padding="1" BackgroundColor="Black">
                <BoxView HeightRequest="50" Color="White" />
                <BoxView HeightRequest="50" Color="Red" />
                <BoxView HeightRequest="50" Color="White" />
            </StackLayout>
        </DataTemplate>
    </xct:Expander.ContentTemplate>
</xct:Expander>

文檔中的注釋

眾所周知，Expander 控件在 ListView 或 CollectionView 中使用時會顯示不需要的行為。 目前我們建議不要在這些控件之一中使用擴展器。

資源

Nuget： https ://www.nuget.org/packages/Xamarin.CommunityToolkit

文檔： https : //docs.microsoft.com/en-us/xamarin/community-toolkit/views/expander

回購： https : //github.com/xamarin/XamarinCommunityToolkit