主页 / 问题 / 702276
Accepted
trydex
Asked:2020-08-05 18:52:57 +0000 UTC2020-08-05 18:52:57 +0000 UTC

在扩展器中滚动

  • 772

有几个Expander，其中一个应该有滚动内容。

问题是滚动仅在您不对行大小进行硬编码时才有效，但如果您指定Height=Auto，滚动将拒绝工作。

同时，如果不将行大小指定为Auto，则将其Expander拉伸到剩余空间。

如何找到妥协？

在此处输入图像描述

XAML：

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

    <Expander Grid.Row="0"
        Background="LightBlue" Header="1" Margin="10"/>
    <Expander Grid.Row="1"
        Background="LightBlue" Header="2" Margin="10">
        <ScrollViewer>

        </ScrollViewer>
    </Expander>
</Grid>
c#

1 个回答

  1. Best Answer

    嗯，例如。让我们让展开的扩展器带有星号，而折叠的扩展器带有 - Auto。为此，您需要一个简单的转换器：

    class BooleanConverter<T> : IValueConverter
{
    public T OnTrue { get; set; }
    public T OnFalse { get; set; }

    public object Convert(object value, Type targetType, object p, CultureInfo ci) =>
        ((bool)value) ? OnTrue : OnFalse;

    public object ConvertBack(object value, Type targetType, object p, CultureInfo ci) =>
        object.Equals(OnTrue, value);
}

class BooleanToGridLengthConverter : BooleanConverter<GridLength> { }

    好吧，XAML：

    <Window.Resources>
    <local:BooleanToGridLengthConverter OnTrue="*" OnFalse="Auto" x:Key="B2GL"/>
</Window.Resources>

<!-- ... -->

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="{Binding IsExpanded, ElementName=First,
                                   Converter={StaticResource B2GL}}"/>
        <RowDefinition Height="{Binding IsExpanded, ElementName=Second,
                                   Converter={StaticResource B2GL}}"/>
    </Grid.RowDefinitions>

    <Expander Grid.Row="0" Name="First">
        <ScrollViewer>
            <Grid Height="400">
                <Grid.Background>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="Red" Offset="0"/>
                        <GradientStop Color="Yellow" Offset="1"/>
                    </LinearGradientBrush>
                </Grid.Background>
            </Grid>
        </ScrollViewer>
    </Expander>
    <Expander Grid.Row="1" Name="Second">
        <ScrollViewer>
            <Grid Height="400">
                <Grid.Background>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="Blue" Offset="0"/>
                        <GradientStop Color="Green" Offset="1"/>
                    </LinearGradientBrush>
                </Grid.Background>
            </Grid>
        </ScrollViewer>
    </Expander>
</Grid>

    结果：

    像这样

    • 3

相关问题