首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将mouseLeftButtonDown绑定到ListBoxItem和PropertyChanged上的背景色(mvvm,wpf)

将mouseLeftButtonDown绑定到ListBoxItem和PropertyChanged上的背景色(mvvm,wpf)
EN

Stack Overflow用户
提问于 2016-05-09 13:19:25
回答 1查看 784关注 0票数 2

很抱歉,如果你认为这是一个重复的另一个帖子,但我尝试了所有可能的解决方案,我无法使它工作。

问题是两个部分,但代码是相同的,所以我想我可以在同一个线程中问这个问题。

我尝试使用mvvm在C#、wpf、vs2015中使用订单系统,而不使用任何(硬编码)耦合。我需要做两件事。首先是触发需要在ViewModel中捕获的事件,其次,当文章数量超过某一级别时,该文章的列表项的背景应为绿色(否则为白色/灰色)。

为此,我使用一个ListBox和一些listBoxItems。

MainWindow.xaml (重要的部分)

代码语言:javascript
运行
复制
        <Window x:Class="Sequence_Application_2.GUI.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
        xmlns:acb="clr-namespace:AttachedCommandBehavior;assembly=AttachedCommandBehavior"
        mc:Ignorable="d"
        ....
    <Window.DataContext>

<Grid Grid.Column="0" Margin="10">
                <ListBox x:Name="LstViewFlows" SelectedItem="{Binding SelectedFlow.Name}" ItemsSource="{Binding Flows.Keys}" >
                    <ListBox.ItemContainerStyle>
                        <Style TargetType="{x:Type ListBoxItem}" >
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding SelectedFlow.CanDeliver, UpdateSourceTrigger=PropertyChanged}" Value="true" >
                                    <Setter Property="ListBoxItem.Background" Value="DarkGreen" />
                                    <Setter Property="FontWeight" Value="Bold"/>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </ListBox.ItemContainerStyle>
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="MouseLeftButtonDown">
                            <i:InvokeCommandAction Command="{Binding SetSelectedCommand}"/>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </ListBox>
            </Grid>

问题1)

当我单击列表框中的MouseLeftButtonDown时,需要将命令绑定到“listboxItem”事件。我试过ACB解决方案,但没能成功。最后,我尝试了上面的代码,当我单击一个项目时,我无法让它触发,但是在列表框的空部分(不是在listboxitem上),它按它应该的方式触发。我想我需要换一下我的xaml文件什么的,但是我已经试了两天了,我似乎什么都没做。

该命令名为"setSelectedCommand“,实现方式如下

代码语言:javascript
运行
复制
internal class SetSelectedFlowCommand : ICommand
{
    private FlowsViewModel _flowsViewModel;

    public SetSelectedFlowCommand(FlowsViewModel flowsViewModel)
    {
        _flowsViewModel = flowsViewModel; 
    }

    /// <summary>
    /// 
    /// </summary>
    public event EventHandler CanExecuteChanged
    {
            add { CommandManager.RequerySuggested += value; }
            remove { CommandManager.RequerySuggested -= value; }
    }

    public bool CanExecute(object parameter)
    {
        return true;
    }

    public void Execute(object parameter)
    {
        _flowsViewModel.SetSelectedFlow();
    }
}

正如我所说的,如果我单击ListBoxItem -什么都不会发生,但是如果我在ListBox中单击-命令就会被触发(但是没有什么是“被选中的”)

问题2

正如您在上面的xaml中所看到的,我尝试根据存储在ListBoxitem中字典中的对象中的值.CanDeliver来设置ViewModel的背景色。变量流是字典,而SelectedFlow应该是被选择的流。

这是一个订单系统,CanDeliver是一个变量,它告诉操作员/用户是否有足够的产品可以交付给客户。如果有足够的列表框项目应该是绿色的,否则保持白色/灰色。你明白我的问题吗?我能这样做吗?引用字典中的对象?(它是由对象中的INotifyPropertyChanged触发的)

希望你能帮我,因为我现在已经没有头发了;-)

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-05-09 14:09:29

如果只想获得selectedItem,则不需要使用事件处理程序。我已经为您构建了一个工作示例,以演示如何使用绑定(MVVM)来满足您在问题中的要求:

C# (ViewModel):

代码语言:javascript
运行
复制
using System;
using System.Collections.Generic;
using System.Windows;
using System.ComponentModel;
using System.Collections.ObjectModel;

namespace WpfApplication1
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            MyViewModel mvm = new MyViewModel()
            {
                Flows = new ObservableCollection<Flow>() 
                { 
                    new Flow() { Name = "Flow1" }, 
                    new Flow() { Name = "Flow2" }, 
                    new Flow() { Name = "Flow3" , Amount=1}, 
                    new Flow() { Name = "Flow4" } 
                }
            };
            this.DataContext = mvm;
        }
    }

    public class MyViewModel : ObservableObject
    {
        private Flow _selectedflow;
        public ObservableCollection<Flow> Flows
        {
            get;
            set;
        }

        public Flow SelectedFlow
        {
            get { return _selectedflow; }
            set
            {
                if (value != _selectedflow)
                {
                    _selectedflow = value;
                    RaisePropertyChanged("SelectedFlow");
                }
            }
        }
    }

    public class Flow : ObservableObject
    {
        private string _name;
        private int _amount;
        public string Name
        {
            get { return _name; }
            set
            {
                if (value != _name)
                {
                    _name = value;
                    RaisePropertyChanged("Name");
                }
            }
        }

        public bool CanDeliver
        {
            get
            {
                return Amount > 0;
            }
        }

        public int Amount
        {
            get { return _amount; }
            set
            {
                if (value != _amount)
                {
                    _amount = value;
                    RaisePropertyChanged("Amount");
                    RaisePropertyChanged("CanDeliver");
                }
            }
        }
    }

    public class ObservableObject : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        protected virtual void OnPropertyChanged(PropertyChangedEventArgs e)
        {
            var handler = this.PropertyChanged;
            if (handler != null)
            {
                handler(this, e);
            }
        }

        protected void RaisePropertyChanged(String propertyName)
        {
            OnPropertyChanged(new PropertyChangedEventArgs(propertyName));
        }
    }
}

XAML:

代码语言:javascript
运行
复制
<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="300" Width="350">
    <Grid>
        <StackPanel Orientation="Vertical">
        <ListBox SelectedItem="{Binding SelectedFlow}" ItemsSource="{Binding Flows}" DisplayMemberPath="Name">
            <ListBox.ItemContainerStyle>
                <Style TargetType="{x:Type ListBoxItem}" >
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding CanDeliver, UpdateSourceTrigger=PropertyChanged}" Value="true" >
                            <Setter Property="Background" Value="DarkGreen" />
                            <Setter Property="FontWeight" Value="Bold"/>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </ListBox.ItemContainerStyle>
        </ListBox>
        <TextBlock Text="{Binding SelectedFlow.Name}"/>
        </StackPanel>
    </Grid>
</Window>

结果:您可以看到Flow项目与CanDeliver = True (Amount>0)有绿色背景。而TextBlock正在展示SelectedFlow

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37116846

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档