Question

我正在尝试在WPF中实现一种单行选项卡控件，它显示包含选项卡的区域左右滚动按钮。选项卡在自定义控件中实现。仅当窗口太小而无法显示所有选项卡时，才会显示滚动按钮。通过拖动边框调整窗口大小时，一切都按预期工作。但是当窗口最大化然后恢复时，右滚动按钮仍然隐藏。

只有当右滚动按钮的Visibility属性数据绑定到自定义控件的Measure传递中更新的自定义控件的依赖项属性时，问题才会出现。

我的问题是：我在这里正确使用WPF，还是需要以不同的方式完成某些工作？（请注意：我需要使用数据绑定和自定义控件;因此请避免使用建议采用完全不同的方法的答案。）

这是一个小样本程序，用于说明问题：

宽度小时：

Small window

当宽度很大时：

Large window

这些是示例程序的文件：

MainWindow.xaml：

<Window x:Class="GridTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:gridTest="clr-namespace:GridTest"
        Title="MainWindow" Height="350" Width="525">
    <Grid x:Name="theGrid">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions> 
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Button x:Name="btnScrollLeft" Content="&lt;" Grid.Row="0" Grid.Column="0" Width="30"/>
        <gridTest:MyCustomControl x:Name="cust" Grid.Row="0" Grid.Column="1"/>
        <Button x:Name="btnScrollRight" Content="&gt;" Grid.Row="0" Grid.Column="2" Width="30"
                Visibility="{Binding ElementName=cust, Path=ShowButton}"/>
        <TextBox Text="The content goes here..." Grid.Row="1" Grid.ColumnSpan="3"
                 Background="LightGreen" HorizontalContentAlignment="Center" VerticalContentAlignment="Center"/>
        <Button x:Name="btnRedraw" Grid.Row="1" Grid.Column="1" Content="Redraw" VerticalAlignment="Bottom"
                HorizontalAlignment="Center" Click="btnRedraw_Click" />
    </Grid>
</Window>

MainWindow.xaml.cs：

using System.Windows;
namespace GridTest
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void btnRedraw_Click(object sender, RoutedEventArgs e)
        {
            theGrid.InvalidateMeasure();
        }
    }
}

MyCustomControl.cs：

using System;
using System.Windows;
using System.Windows.Controls;

namespace GridTest
{
    public class MyCustomControl : Control
    {
        static MyCustomControl()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(MyCustomControl), new FrameworkPropertyMetadata(typeof(MyCustomControl)));
        }

        public Visibility ShowButton
        {
            get { return (Visibility)GetValue(ShowButtonProperty); }
            set { SetValue(ShowButtonProperty, value); }
        }

        // Using a DependencyProperty as the backing store for ShowButton.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty ShowButtonProperty =
            DependencyProperty.Register("ShowButton", typeof(Visibility), typeof(MyCustomControl), new UIPropertyMetadata(Visibility.Visible));

        protected override Size MeasureOverride(Size constraint)
        {
            if (constraint.Width > 800)
            {
                ShowButton = Visibility.Collapsed;
            }
            else
            {
                ShowButton = Visibility.Visible;
            }

            double width = Math.Min(2000.0, constraint.Width);
            double height = Math.Min(50.0, constraint.Height);

            return new Size(width, height);
        }
    }
}

Generic.xaml：

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:GridTest">

    <Style TargetType="{x:Type local:MyCustomControl}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:MyCustomControl}">
                    <Border Background="LightCyan">
                        <TextBlock VerticalAlignment="Center" TextAlignment="Center">Custom Control</TextBlock>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

问题可以重现如下：

确保窗口很小，以便可以看到右滚动按钮。
现在最大化窗口。 =＆GT;右滚动按钮应该变得不可见。
现在将窗口恢复为原始大小。 =＆GT;右侧滚动按钮应再次可见。（问题是：右滚动按钮仍然不可见。）

编辑：仅供参考：我可以使用VS2010 + .NET4.0和VS2013 + .NET4.51重现此问题。

Answer 1

您需要将ShowButton可见性更改发送回调度队列以使其工作（为应用程序提供渲染所需的时间并按顺序）而不是直接在{{1}中执行此操作方法。

所以说我将您的MeasureOverride更改为

MeasureOverride

你可以看到它运作正常。

使用您发布的原始代码，您可以看到，即使最大化protected override Size MeasureOverride(Size constraint) { if (constraint.Width > 800) { Application.Current.Dispatcher.BeginInvoke( new Action(() => ShowButton = Visibility.Collapsed)); } else { Application.Current.Dispatcher.BeginInvoke( new Action(() => ShowButton = Visibility.Visible)); } double width = Math.Min(2000.0, constraint.Width); double height = Math.Min(50.0, constraint.Height); return new Size(width, height); }，右侧的Window也会被隐藏，但实际上并不是Button，就像您设置它一样那，这将再次归因于控制没有达到新尺寸的相同原因。

同样在恢复并隐藏Collapsed之后，如果您通过拖动其大小来重新调整Button的大小，则可以再次看到按钮变为Window。

通过调度Visible更改，如果您的Visibility函数中有断点，则可以看到它被调用两次（一次用于MeasureOverride尺寸更改和第二次尺寸更改由于Window被隐藏/显示，基本上是在最大化/恢复窗口时，从而产生正确的尺寸计算和您想要的输出。

Answer 2

之前使用过一些自定义Panel，我似乎记得传递给MeasureOverride方法的值是而不是使用的实际大小...尝试移动该代码改为ArrangeOverride方法，看看会发生什么。

恢复最大化窗口时，不会正确重新计算网格列大小

2 个答案: