1

我正在努力解决对我来说的一些约束，一个复杂的设置。为了重现这种情况，我创建了一个新的 WPF 项目，该项目已删除除此问题之外的所有内容。

我的 MainWindow 在后面的代码中设置了它的数据上下文 (this.DataContext = this;)。在 MainWindow 中，有一个用户控件。我的研究表明，UserControl自动从其父级继承DataContext。因此，为了让 UserControl 拥有自己的 DataContext，我可以在后面的代码中使用类似于MyUserControlsCanvas.DataContext = this;. 这可以按需要工作

问题是，我的 UserControl 有一个类的引用，它是通过 RealtiveSource TemplatedParent 继承的，因此我无法绑定。现在，我很欣赏这部分可能没有意义，所以让我展示完整的代码（对不起，有很多）。

主窗口.xaml

<Window x:Class="BindingTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:myControl="clr-namespace:BindingTest"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <myControl:MyControl />
    </Grid>
</Window>

主窗口.xaml.cs

    ...
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = this; // this is required although not shown why in this example
        }
    }

MyControl.xaml

<UserControl x:Class="BindingTest.MyControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:myControl="clr-namespace:BindingTest"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
        <Canvas>
            <Canvas.Resources>
                <ControlTemplate x:Key="ResizeDecoratorTemplate" TargetType="{x:Type Control}">
                    <Grid DataContext="{Binding RelativeSource={RelativeSource TemplatedParent}}">
                        <Grid.Background>
                            <SolidColorBrush Color="LightSkyBlue" Opacity=".1"></SolidColorBrush>
                        </Grid.Background>
                        <myControl:MoveMe Width="3" Test="{Binding HOW_DO_I_BIND_HERE}" Cursor="SizeWE" Margin="-2 0 0 0" VerticalAlignment="Stretch" HorizontalAlignment="Left" BorderThickness="2" BorderBrush="LightGreen"/>
                    </Grid>
                </ControlTemplate>
            </Canvas.Resources>
            <ContentControl Width="130"
                    MinWidth="50"
                    x:Name ="MyCanvas"
                    MinHeight="50"
                    Canvas.Top="0"
                    Canvas.Left="1"
                    Template="{StaticResource ResizeDecoratorTemplate}" />
        </Canvas>
    </Grid>
</UserControl>

MyControl.xaml.cs

    ...
    public partial class MyControl : UserControl
    {
        public MyControl()
        {
            InitializeComponent();
            MyCanvas.DataContext = this;
            this.ValueOfLeftBorder = 5;
        }

        //Dependancy properties, properties and methods

        public double ValueOfLeftBorder { get; set; }
        public double ValueOfRightBorder { get; set; }
    }

MoveMe.cs

    ...
    public class MoveMe : Thumb
    {
        public double Test
        {
            get { return (double)GetValue(TestProperty); }
            set { SetValue(TestProperty, value); }
        }

        public static readonly DependencyProperty TestProperty = DependencyProperty.Register(
           "Test",
           typeof(double),
           typeof(MainWindow));    

        public MoveMe()
        {
            base.DragDelta += this.ResizeThumb_DragDelta;
        }

        private void ResizeThumb_DragDelta(object sender, DragDeltaEventArgs e)
        {
            //Logic
            MessageBox.Show("I Moved");
        }
    }

在 MyControl.xaml 我有以下代码

<myControl:MoveMe Width="3" Test="{Binding HOW_DO_I_BIND_HERE}" Cursor="SizeWE" Margin="-2 0 0 0" VerticalAlignment="Stretch" HorizontalAlignment="Left" BorderThickness="2" BorderBrush="LightGreen"/>

我正在尝试绑定到测试。

我在这里的主要目标只是找到这个可移动项目的 Y 位置。我正在创建一个时间线，我希望能够在其中选择起点和终点。这是当前外观的屏幕截图。请注意，这很好用，除了我需要知道开始的 Y 位置（浅绿色垂直线）和（深绿色垂直线）。

在此处输入图像描述

4

1 回答 1

1

我不确定我是否理解您的目的，但如果您有类似的 MoveMe xaml：

<UserControl...>
    <Thumb x:Name="root" DragDelta="ResizeThumb_DragDelta">
        <Thumb.Template>
            <ControlTemplate>
                <Rectangle Fill="Blue"/>
            </ControlTemplate>
        </Thumb.Template>
    </Thumb>
</UserControl>

和后面的代码

    public double Test
    {
        get { return (double)GetValue(TestProperty); }
        set { SetValue(TestProperty, value); }
    }
    public static readonly DependencyProperty TestProperty = DependencyProperty.Register(
        "Test",
        typeof(double),
        typeof(MoveMe));

    private void ResizeThumb_DragDelta(object sender, DragDeltaEventArgs e)
    {
        Margin = new Thickness(Margin.Left + e.HorizontalChange,0,0,0);
        Test = Margin.Left;
        //or resize ...
    }

和 MyControl xaml 像：

<Grid>
    <Grid.Background>
        <SolidColorBrush Color="LightSkyBlue" Opacity=".1"></SolidColorBrush>
    </Grid.Background>
    <myControl:MoveMe Width="30" Cursor="SizeWE" 
Test="{Binding RelativeSource={RelativeSource AncestorType=myControl:MyControl}, Path=ValueOfLeftBorder, Mode=OneWayToSource}"
Margin="-2 0 0 0" VerticalAlignment="Stretch" HorizontalAlignment="Left" BorderThickness="2" 
BorderBrush="LightGreen"/>
</Grid>

您ValueOfLeftBorder通过拖动保持更新MoveMe

于 2013-11-10T12:35:37.720 回答