Question

我是MVVVM的新手所以如果这是一个愚蠢的问题，请原谅我。我正在使用此示例http://www.codeproject.com/Articles/36848/WPF-Image-Pixel-Color-Picker-Element并在其中包含库以获取由图像的用户像素指示的颜色。它看起来不错，并且矩形选择颜色的dipsalys但我需要将选择的值绑定到viewmodel。

这是我的xaml代码：

@class

这是我的观点模型：

<Window x:Class="MovieEditor.View.PixelSelector"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:ctrls="clr-namespace:ColorPickerControls;assembly=ColorPickerControls"
        xmlns:local="clr-namespace:MovieEditor.MVVMCommon"
         Title="FilterDesigner" Height="550" Width="550"
                Icon="..\Resources\Images\icon.ico"
        xmlns:VM="clr-namespace:MovieEditor.ViewModel">
        <Window.DataContext>
        <VM:PixelSelectorVM/>
    </Window.DataContext>
    <Window.Resources>
        <local:ColorToBrushConverter x:Key="ColorToBrushConverter"/>
    </Window.Resources>
    <Grid Background="#FF191919" >
        <DockPanel>
            <Grid Margin="10,10,10,1">
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition Height="Auto" MinHeight="38"/>
                </Grid.RowDefinitions>

                <Border BorderBrush="White" BorderThickness="5" Margin="0,39,0,11">
                    <ctrls:ImageColorPicker Binding.XmlNamespaceManager="{Binding  p PixelSelectorVM.MyImageColorPicker, UpdateSourceTrigger=PropertyChanged}" 
                                            x:Name="image" Source ="{Binding Frame}" Margin="0,36,0,0"
                                            />

                </Border>
                <Border Width="77"
                    HorizontalAlignment="Center"
                    BorderBrush="White" BorderThickness="1" Margin="263,2,182,435">
                    <Rectangle Fill="{Binding ElementName=image, Path=SelectedColor,
                    Converter={StaticResource ColorToBrushConverter}}" RenderTransformOrigin="0.549,0.429" Margin="1"/>

                </Border>
                <Button Content="Save" Command="{Binding Save}" Margin="165,0,0,4" Grid.Row="1" HorizontalAlignment="Left" Width="60"/>
                <Label Content="Selected pixel color:" HorizontalAlignment="Left" Height="18" Margin="140,11,0,0" VerticalAlignment="Top" Width="110"/>
                <Button Content="Cancel" Command="{Binding Cancel}" Margin="0,1,165,4" HorizontalAlignment="Right" Width="60" RenderTransformOrigin="0.5,0.5" Grid.Row="1">
                </Button>
            </Grid>
        </DockPanel>
    </Grid>
</Window>
</code>

请建议我解决方法如何将所选颜色传递给视图模型

Answer 1

您应该能够将ImageColorPicker的SelectedColor绑定到ViewModel的属性。

所以在XAML中添加绑定：

SelectedColor="{Binding MySelectedColor, Mode=TwoWay}"

在VM中添加MySelectedColor属性：

    private Color selectedColor;
    public Color MySelectedColor
    {
        get
        {
            return this.selectedColor;
        }
        set
        {
            this.selectedColor = value;
            OnPropertyChanged("MySelectedColor");
        }
    }

当控件的SelectedColor发生变化时，它会自动更新VM中的MySelectedColor。

MVVM绑定cutom属性来查看模型

1 个答案: