Come consentire a un espansore di espandersi verso l'alto

Question

Ho un dataGrid e un expander come segue:

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

Voglio che il datagrid sia il più grande possibile e l'espansore il più piccolo possibile all'inizio. Quando un utente fa clic sull'espansore, voglio che si espanda verso l'alto anziché verso il basso e che il datagrid si riduca.

Grazie!

Answer 1

Puoi definire le altezze di riga nella griglia, quindi posizionare l'espansore nella riga inferiore e lasciare che la griglia lo risolva.

* - Questa altezza è un'unità, in cui l'altezza totale è divisa per il numero di unità e ripartita. Quindi se l'altezza fosse 300 e ci fossero due file, 2 * e *, sarebbero 200 e 100 ciascuno.

Auto : questa è qualunque sia l'altezza minima del contenuto.

<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>