1

我目前正在处理一些设计问题。我需要一个包含多个扩展器的 WrapPanel，它应该正确地适合我显示的图像。 在此处输入图像描述

因此，如果用户打开一个，应该会出现一些命令。（可以是 3 到 10 个命令。）我认为以 5 个项目开头的滚动视图最适合）

目前我没有让它工作。如果我切换第一个框，则每个框都会切换。如果我切换另一个框，它也需要完整的高度。

第一个盒子

这里是图像，如果第一个盒子是关闭的。 在此处输入图像描述

我想我需要多个控件。首先是 Expander-Menu，其次是 VariableSizedWrapGrid。但正如预期的那样，两者都不起作用。这是我当前的代码。

<controls:DockPanel Grid.Row="1" Grid.Column="1" Background="#efefef" >
            <GridView x:Name="CommandList" controls:DockPanel.Dock="Top"  Margin="15" SelectionMode="None" VerticalContentAlignment="Top"  >
                <GridView.ItemTemplate>
                <DataTemplate>
                    <controls:WrapPanel Name="VerticalWrapPanel" Margin="2"
                             VerticalSpacing="10" HorizontalSpacing="10" Orientation="Vertical">

                    <controls:Expander  Style="{StaticResource ExpanderStyleCheckBox}" VerticalAlignment="Top" Margin="20,20,0,20" VerticalContentAlignment="Top"                                                
                               IsExpanded="True" Width="500"
                               ExpandDirection="Down" Background="White" Tapped="Expander1_Tapped" VariableSizedWrapGrid.RowSpan="{Binding RowSpan}" >
                        <controls:Expander.Content>
                            <ListView ItemsSource="{Binding Phrases}" Margin="30,0,0,0" Background="#efefef" SelectionMode="None">
                                <DataTemplate>
                                    <TextBlock  TextWrapping="WrapWholeWords" VerticalAlignment="Center" />
                                </DataTemplate>
                                </ListView>
                        </controls:Expander.Content>
                            <controls:Expander.Header>
                            <TextBlock Margin="10"  HorizontalAlignment="Left" FontSize="18" TextWrapping="WrapWholeWords" VerticalAlignment="Center">
                                                <Run Text="{Binding Heading}" />
                                    </TextBlock>
                            </controls:Expander.Header>
                           
                        </controls:Expander>
                    </controls:WrapPanel>
                </DataTemplate>
            </GridView.ItemTemplate>
            <GridView.ItemsPanel>
                <ItemsPanelTemplate>
                        <VariableSizedWrapGrid Margin="20" ItemWidth="530" VerticalAlignment="Top" VerticalChildrenAlignment="Top"
                            Orientation="Horizontal" MaximumRowsOrColumns="5" >
                        </VariableSizedWrapGrid>
                    </ItemsPanelTemplate>
            </GridView.ItemsPanel>
            </GridView>
    </controls:DockPanel>

如果有人可以帮助我，那就太好了。

谢谢，周末愉快。基督教

4

0 回答 0