WPF通过VisualBrush创建缩略图

时间:2018-03-28 07:53:06

标签: wpf xaml scale thumbnails visualbrush

我有一个用户控件,用于显示窗口的缩略图

UserControl XAML:

<Grid x:Name="containerGrid" Margin="0">
        <Border Background="White" CornerRadius="5">
            <Border.Style>
                <Style>
                    <Style.Triggers>
                        <Trigger Property="Border.IsMouseOver" Value="True">
                            <Setter Property="Border.Effect">
                                <Setter.Value>
                                    <DropShadowEffect BlurRadius="20" Color="White" ShadowDepth="0" />
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </Border.Style>
            <Border x:Name="containerBorder" CornerRadius="5" BorderThickness="1" BorderBrush="Black">
                <Border.Background>
                    <VisualBrush x:Name="vb" />
                </Border.Background>                
            </Border>
        </Border>
    </Grid>

创建新窗口后,我让上面的用户控件通过VisualBrush显示窗口内容的缩略图

vb.Visual = (Border)Win.Template.FindName("mainBorder", Win);

一切似乎都很好......

已打开的窗口 enter image description here

缩略图

enter image description here

直到用户更改窗口大小... enter image description here

缩略图

enter image description here

我的问题是,无论源(窗口)大小如何变化,我应该如何让缩略图宽度和高度始终适合我的用户控件(200 X 200)?

非常感谢,如果有任何线索的话。

通过将Stretch设置为Fill并将ViewBox设置为窗口ActualWidth和ActualHeight来解决

<VisualBrush x:Name="vb" Stretch="Fill" ViewboxUnits="Absolute">
                        <VisualBrush.Viewbox>
                            <MultiBinding Converter="{CONV:WidthHeightToRectConverter}">
                                <Binding Path="Win.ActualWidth" />
                                <Binding Path="Win.ActualHeight" />
                            </MultiBinding>
                        </VisualBrush.Viewbox>                        
                    </VisualBrush>

1 个答案:

答案 0 :(得分:0)

您可以尝试在视觉刷上设置拉伸。

<VisualBrush Stretch="Fill"

拉伸还有其他选择,但我认为Fill将是您想要的选项。