将背景“固定”到控件底部

Question

我有一个UserControl，它有一个使用以下代码设置的重复图像背景：

<UserControl.Background>
    <ImageBrush ImageSource="Resources/image.jpg" Viewport="0,0,32,32" ViewportUnits="Absolute" TileMode="Tile" Stretch="None" AlignmentX="Left" AlignmentY="Top" />
</UserControl.Background>

而且效果很好。但是，问题在于平铺图像来自控件的顶部，因此如果垂直调整控件的大小，背景中新可见的部分似乎会从控件的底部出来。

我希望图像从底部到顶部而不是从顶部到底部平铺，以便在调整控件大小时，新可见的背景来自顶部，而不是底部

我该怎么做？我尝试将AlignmentY 设置为Bottom，但并没有改变任何事情。

Answer 1

好的，这可能不是你要找的，但我发现你的问题很有趣。

我能够横向进行（新图像从左侧显示，而不是从右侧显示）。
通过在您的用户控件上将“FlowDirection”设置为“RightToLeft”，它将执行您需要的水平操作。我不知道这是否可以垂直。我还在研究中......

    <Canvas FlowDirection="RightToLeft">
        <Canvas.Background>
            <ImageBrush ImageSource="Resources/image.jpg" Viewport="0,0,32,32" ViewportUnits="Absolute" TileMode="Tile" Stretch="None" AlignmentX="Left" AlignmentY="Bottom" />
        </Canvas.Background>
    </Canvas>

这是我的 UserControl 的第一个元素，但这个“FlowDirection”可以放在用户控件根目录的基本元素（通常是网格）上。但是，使用画布，您可以确保此“流向”不会影响用户控件中的任何其他组件。

希望这能为您指明一个好的方向。

-- 编辑--

大声笑我不敢相信这有效，但它确实有效！基于我的第一个作品，并使用转换器作为画布的边距：

转换器：

    [ValueConversion(typeof(double), typeof(Thickness))]
    public class SizeToInverseMarginConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            if (targetType != typeof(Thickness))
                throw new InvalidOperationException("The target must be of type 'Thickness'");

            double vNewVal = -5000 + (double)value;
            return new Thickness(0, vNewVal, 0, 0);
        }

        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            throw new NotSupportedException();
        }
    }

然后是用户控件的内容：

<UserControl.Resources>
    <My:SizeToInverseMarginConverter x:Key="s2m" />
</UserControl.Resources>
<Grid x:Name="MainGrid">
    <Canvas FlowDirection="RightToLeft" Margin="{Binding Path=ActualHeight, ElementName=MainGrid, Converter={StaticResource s2m}}">
        <Canvas.Background>
            <ImageBrush ImageSource="Resources/image.jpg" Viewport="0,0,32,32" ViewportUnits="Absolute" TileMode="Tile" Stretch="None" AlignmentX="Left" AlignmentY="Bottom" />
        </Canvas.Background>
    </Canvas>
</Grid>