绑定到 ScrollViewer 的 ViewportWidth 和 ViewportHeight

Question

我正在构建的 WPF 应用程序中使用模型-视图-视图模型架构，并且我希望特定的视图模型能够真正对视图的大小做出反应（我知道，这不是 MVVM 方法的正常用例） 。

本质上，我有一个 ScrollViewer 对象，我希望视图模型观察滚动查看器的宽度和高度，然后能够根据宽度和高度相应地执行操作。

我想做这样的事情：

<ScrollViewer ViewportWidth="{Binding Path=MyViewportWidth, Mode=OneWayToSource}" ViewportHeight="{Binding Path=MyViewportHeight, Mode=OneWayToSource}" />

但是当然这是不可能做到的，因为“ViewportWidth”和“ViewportHeight”不能“绑定到”（也称为绑定目标），因为它们是只读依赖属性（即使我根本没有在此绑定中给他们写信，因为它是 OneWayToSource）。

有人知道能够做这样的事情的好方法吗？

Answer 1

您可以尝试运行 OnLoaded 或 OnResizeChanged 来更新视图模型

private void ScrollViewer_Loaded(object sender, RoutedEventArgs e)
{
   ScrollViewer sv = sender as ScrollViewer;
   ViewModel vm = sv.DataContext as ViewModel;

   vm.ScrollViewerHeight = sv.ViewportHeight;
   vm.ScrollViewerWidth = sv.ViewportWidth;
}

Answer 2

好吧，这是一个非常的老问题，但我想我应该为后代分享，因为我自己已经解决了这个问题。我发现的最佳解决方案是创建一个从 ScrollView 类派生的用户控件，并实现您想要的属性 - 当然，这些属性链接到基类的不可绑定属性。

您可以使用 OnPropertyChanged 函数来监视这些属性并使值保持同步。

这是我的自定义用户控件 DynamicScrollViewer 的完整代码隐藏。请注意，我有四个可绑定依赖项属性，称为 DynamicHorizo​​ntalOffset、DynamicVerticalOffset、DynamicViewportWidth 和 DynamicViewportHeight。

这两个偏移属性允许对偏移进行读写控制，而视口属性本质上是只读的。

在创建复杂的动画编辑器控件时，我必须使用此类，其中各种组件（左侧的标签、中间的节点、顶部的时间轴）需要同步滚动，但仅限于有限的方面，并且全部绑定到公共外部滚动条。想象一下锁定电子表格中的一部分行，您就明白了。

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

namespace CustomControls
{
    public partial class DynamicScrollViewer : ScrollViewer
    {
        public DynamicScrollViewer()
        {
            InitializeComponent();
        }

        public double DynamicHorizontalOffset
        {
            get { return (double)GetValue(DynamicHorizontalOffsetProperty); }
            set { SetValue(DynamicHorizontalOffsetProperty, value); }
        }

        public static readonly DependencyProperty DynamicHorizontalOffsetProperty =
            DependencyProperty.Register("DynamicHorizontalOffset", typeof(double), typeof(DynamicScrollViewer));

        public double DynamicVerticalOffset
        {
            get { return (double)GetValue(DynamicVerticalOffsetProperty); }
            set { SetValue(DynamicVerticalOffsetProperty, value); }
        }

        public static readonly DependencyProperty DynamicVerticalOffsetProperty =
            DependencyProperty.Register("DynamicVerticalOffset", typeof(double), typeof(DynamicScrollViewer));

        public double DynamicViewportWidth
        {
            get { return (double)GetValue(DynamicViewportWidthProperty); }
            set { SetValue(DynamicViewportWidthProperty, value); }
        }

        public static readonly DependencyProperty DynamicViewportWidthProperty =
            DependencyProperty.Register("DynamicViewportWidth", typeof(double), typeof(DynamicScrollViewer));

        public double DynamicViewportHeight
        {
            get { return (double)GetValue(DynamicViewportHeightProperty); }
            set { SetValue(DynamicViewportHeightProperty, value); }
        }

        public static readonly DependencyProperty DynamicViewportHeightProperty =
            DependencyProperty.Register("DynamicViewportHeight", typeof(double), typeof(DynamicScrollViewer));

        protected override void OnPropertyChanged(DependencyPropertyChangedEventArgs e)
        {
            base.OnPropertyChanged(e);
            if (e.Property == DynamicVerticalOffsetProperty)
            {
                if (ScrollInfo != null)
                    ScrollInfo.SetVerticalOffset(DynamicVerticalOffset);
            }
            else if (e.Property == DynamicHorizontalOffsetProperty)
            {
                if (ScrollInfo != null)
                    ScrollInfo.SetHorizontalOffset(DynamicHorizontalOffset);
            }
            else if (e.Property == HorizontalOffsetProperty)
            {
                DynamicHorizontalOffset = (double)e.NewValue;
            }
            else if (e.Property == VerticalOffsetProperty)
            {
                DynamicVerticalOffset = (double)e.NewValue;
            }
            else if (e.Property == ViewportWidthProperty)
            {
                DynamicViewportWidth = (double)e.NewValue;
            }
            else if (e.Property == ViewportHeightProperty)
            {
                DynamicViewportHeight = (double)e.NewValue;
            }
        }
    }
}