0

を含むいくつかのコントロールを含むリストがありますExpander。エキスパンダー内には別のリストがあり、外側のリストをオーバーレイしたいと思います。簡単な再現は次のとおりです。

<Page.Resources>
    <x:Array x:Key="array1" Type="sys:String">
        <sys:String>item 1</sys:String>
        <sys:String>item 2</sys:String>
        <sys:String>item 3</sys:String>
    </x:Array>
    <DataTemplate x:Key="buttonTemplate">
        <Button Content="{Binding}"/>
    </DataTemplate>
    <DataTemplate x:Key="expanderItem">
        <StackPanel>
            <Expander Header="Options">
                <Canvas>
                    <StackPanel Panel.ZIndex="999" Background="Red">
                        <Label>A1</Label>
                        <Label>A2</Label>
                        <Label>A3</Label>
                        <Label>A4</Label>
                    </StackPanel>
                </Canvas>
            </Expander>
            <Label BorderBrush="Black" BorderThickness="2" Content="{Binding}"/>
        </StackPanel>
    </DataTemplate>
</Page.Resources>
<Grid>
    <ListBox ItemsSource="{StaticResource array1}" ItemTemplate="{StaticResource expanderItem}"/>
</Grid>

がExpander開かれると、内側のラベルは同じレベルのラベルと同じレベルでレンダリングされDataTemplate、コンテンツはリストの後半のアイテムにレンダリングされます。Panel.ZIndex変更せずにパネルまで上に 移動してみました。

次のスタイルを追加すると、次のようになります。

<Style TargetType="{x:Type Expander}">
    <Style.Triggers>
        <Trigger Property="IsExpanded" Value="True">
            <Setter Property="Panel.ZIndex" Value="999"/>
        </Trigger>
    </Style.Triggers>
</Style>

同じリストアイテムのアイテムを適切にオーバーレイしますが、それでも後のリストアイテムのコンテンツと混合してレンダリングします。

（これはかなり明白なレイアウトの問題だと思いますが、見つけることができませんでした。）

4

1 に答える 1

0

リスト内のアイテムのインデックスに基づいて、データテンプレートにZIndexを設定するコンバーターを作成してみてください。これの興味深い点は、アイテムが追加/削除されたときにすべてが正しく更新されることを確認することです。

エキスパンダーをレイアウトから独立させる必要がありますか？

于 2009-11-25T13:03:10.877 に答える