在自定义WPF控件

时间:2016-11-25 12:08:51

标签: wpf custom-controls repaint uielement custom-draw

我正在使用自定义WPF控件。此控件的主要目的是在可滚动区域中可视化数千个图形基元。控件模板的核心部分如下所示:

<Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="{x:Type local:ItemVisualizer}">
            <Border Background="{TemplateBinding Background}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    BorderThickness="{TemplateBinding BorderThickness}">

                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>
                    <local:ItemAreaElement Grid.Row="0" Grid.Column="0" x:Name="PART_ItemArea" />
                    <ScrollBar Grid.Row="0" Grid.Column="1" x:Name="PART_ScrollBarVert" Orientation="Vertical" Maximum="100" />
                    <ScrollBar Grid.Row="1" Grid.Column="0" x:Name="PART_ScrollBarHorz" Orientation="Horizontal" Maximum="100" />
                    <Rectangle Grid.Row="1" Grid.Column="1" x:Name="PART_SizeGrip" Focusable="False" Fill="#F0F0F0" />
                </Grid>

            </Border>
        </ControlTemplate>
    </Setter.Value>
</Setter>

ItemAreaElement负责绘制项目。为简单起见,我们可以认为其核心部分如下所示:

class ItemAreaElement : FrameworkElement
{
    protected override void OnRender(DrawingContext drawingContext)
    {
        base.OnRender(drawingContext);

        for (int i = 0; i < _data.ItemCount; i++)
        {
            drawingContext.DrawLine(_penLine, new Point(0, i * 10), new Point(100, i * 10));
        }
    }
}

每次当整个ItemVisualizer控件中的相关属性发生更改时,我都需要重新绘制ItemAreaElement。但是,我在WPF中找不到办法。使用Dispatcher对象的众所周知的技巧在我的情况下不起作用:

private static void OnItemCountPropertyChanged(DependencyObject source,
        DependencyPropertyChangedEventArgs e)
{
    ItemVisualizer vis = (ItemVisualizer)source;
    vis._itemArea.Dispatcher.Invoke(delegate { }, DispatcherPriority.Render);
}

,其中_itemArea是OnApplyTemplate()中获得的ItemAreaElement的本地引用:

public override void OnApplyTemplate()
{
    base.OnApplyTemplate();

    if (this.Template != null)
    {
        _itemArea = this.Template.FindName("PART_ItemArea", this) as ItemAreaElement;
        _itemArea.Grid = this;
    }
}

是否还有其他方法可以在我的构造中强制更新UIElement?或者,我需要重新设计整个控件以使其成为可能吗?

1 个答案:

答案 0 :(得分:0)

通常在注册FrameworkPropertyMetadataOptions.AffectsRender属性时指定ItemCount就足够了:

public static readonly DependencyProperty ItemCountProperty =
    DependencyProperty.Register(
        "ItemCount", typeof(int), typeof(ItemVisualizer),
        new FrameworkPropertyMetadata(FrameworkPropertyMetadataOptions.AffectsRender));

如果这没有帮助,您可以通过调用ItemAreaElement上的InvalidVisual()来强制重绘:

var vis = (ItemVisualizer)source;
vis._itemArea.InvalidVisual();