エキスパンダーを上方に拡張する方法

Question

次のようにdataGridとエキスパンダーを持っています：

<Grid>
    ...
    <DataGrid ....>
    <Expander ...>
</Grid>

最初はデータグリッドをできるだけ大きくし、エキスパンダーをできるだけ小さくしたい。ユーザーがエキスパンダーをクリックすると、下方向ではなく上方向にエキスパンドし、データグリッドを縮小します。

ありがとう！

Answer 1

グリッドで行の高さを定義し、一番下の行にエキスパンダーを配置して、グリッドで並べ替えることができます。

*-この高さは1単位で、合計の高さは単位数で除算されて配分されます。したがって、高さが300で、2 *と*の2つの行がある場合、それぞれ200と100になります。

自動-これは、コンテンツの最小の高さが何であれ。

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <Canvas Grid.Row="0" Background="LightBlue" />
    <Expander Grid.Row="1">
        <Canvas Background="LightGreen" Height="200" />
    </Expander>
</Grid>