2017-11-23 12 views
0

私はWPFとMVVMに新しいですし、私は、次の質問

同じコマンドで相対バインドを行うことはできますか?

  1. を持って、私は3つのボタン
  2. 私は1つのボタンをクリックすると、それは例えば、CommandParameterを取得してい:0,1
  3. settiための条件とBackgroundを持っている今、私はIsSelectedとの結合を試みる抽出行と列
  4. ためCommandParameterを分割SetBackGroundコマンドは、 Background
  5. ngのは、問題は、私はすべてのボタンをクリックしたとき、彼らは黄色Backgroundを設定するが、私は唯一の右の条件を持ってボタンを必要とする...ですので、...

ドゥ私は各ボタンの背景を変える必要がありますか、それとも別の方法がありますか?

誰が言う..この条件 "パラメータ"が黄色に背景を設定し、他のものがそうでない場合。

画像

image

のViewModel

using System; 
using System.Collections.Generic; 
using System.ComponentModel; 
using System.Linq; 
using System.Text; 
using System.Windows.Input; 
using Testing00.Commands; 

namespace Testing00.ViewModels 
{ 
    public class ViewModel : INotifyPropertyChanged 
    { 

     public ICommand SetBackGroundCommand { get; set; } 
     bool LeftSelected { get; set; } 
     bool RightSelected { get; set; } 

     #region Methods 
     int row; 
     public int Row 
     { 
      get { return row; } 
      set { row = value; } 
     } 

     int column; 
     public int Column 
     { 
      get { return column; } 
      set { column = value; } 
     } 

     public bool IsSelected 
     { 
      get 
      { 
       if (row == 0 && column == 0) 
       { 
        return false; 
       } 
       else 
       { 

        return true; 
       } 
      } 
      set 
      { 
       OnPropertyChanged("IsSelected"); 
       OnPropertyChanged("Background"); 
      } 
     } 

     public string Background 
     { 
      get 
      { 
       return IsSelected ? "Yellow" : "Transparent"; 
      } 
     } 

     #endregion 


     #region Constructor 

     public ViewModel() 
     { 
      SetBackGroundCommand = new RelayCommand(SetBackGround, param => true); 
     } 

     #endregion 

     private void SetBackGround(object obj) 
     { 
      string[] commandParametters = obj.ToString().Split(','); 
      Row = Convert.ToInt32(commandParametters[0]); 
      Column = Convert.ToInt32(commandParametters[1]); 
      OnPropertyChanged("IsSelected"); 
      OnPropertyChanged("BackGround"); 
     } 

     public event PropertyChangedEventHandler PropertyChanged; 
     public void OnPropertyChanged(string propertyName) 
     { 
      if (PropertyChanged != null) 
      { 
       PropertyChanged(this, new PropertyChangedEventArgs(propertyName)); 
      } 
     } 

    } 
} 

MainWindows

<Window x:Class="Testing00.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:TEST="clr-namespace:Testing00.ViewModels" 
     xmlns:local="clr-namespace:Testing00" 
     mc:Ignorable="d" 
     Title="MainWindow" Height="350" Width="525"> 
    <Window.Resources> 
     <TEST:ViewModel x:Key="testVM"></TEST:ViewModel> 
    </Window.Resources> 
    <Grid> 
     <Button Content="0,0" HorizontalAlignment="Left" Margin="84,109,0,0" VerticalAlignment="Top" Width="79" Height="81" CommandParameter="0,0" Command="{Binding SetBackGroundCommand, Source={StaticResource testVM}}" Background="{Binding Background, Mode=OneWay, Source={StaticResource testVM}}" /> 
     <Button Content="0,1" HorizontalAlignment="Left" Margin="208,109,0,0" VerticalAlignment="Top" Width="79" Height="81" CommandParameter="0,1" Command="{Binding SetBackGroundCommand, Source={StaticResource testVM}}" Background="{Binding Background, Mode=OneWay, Source={StaticResource testVM}}" /> 
     <Button Content="0,2" HorizontalAlignment="Left" Margin="341,109,0,0" VerticalAlignment="Top" Width="79" Height="81" CommandParameter="0,2" Command="{Binding SetBackGroundCommand, Source={StaticResource testVM}}" Background="{Binding Background, Mode=OneWay, Source={StaticResource testVM}}" /> 
    </Grid> 
</Window> 

RelayCommand

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
using System.Threading.Tasks; 
using System.Windows.Input; 

namespace Testing00.Commands 
{ 
    public class RelayCommand : ICommand 
    { 

     Action<object> _execute; 
     Func<object, bool> _canexecute; 
     public RelayCommand(Action<object> execute, Func<object, bool> canexecute) 
     { 
      _execute = execute; 
      _canexecute = canexecute; 

     } 
     public bool CanExecute(object parameter) 
     { 
      if (_canexecute != null) 
      { 
       return _canexecute(parameter); 
      } 
      else 
      { 
       return false; 
      } 
     } 

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

     public void Execute(object parameter) 
     { 
      _execute(parameter); 
     } 
    } 
} 
+0

これはXYの問題のように読んでいます。ボタンで何をしたいのか、そしてなぜ、ビューのモデルが選択されたボタン(そして選択されたボタンが本当に何であるか)を気にしなければならない理由について、選択可能なボタンが必要だった場合は、 'ToggleButton'を作成し、' IsChecked'プロパティに基づいて背景を変更することになります。 viewmodelは背景を気にせず、 'IsSelected'ブール値などとやりとりします。 – grek40

+0

私の場合は、条件に基づいてボタンのグループを選択する必要があります。これは、将来、2つのボタンを「左または右」に追加すると、私は** Left **を選択し、次にコンテンツ0,1この例では、0,1&0,0は、BackGroundを黄色に設定し、右に0,2を設定する必要があります。ViewModelのボタンの背景は、条件に依存しますか?ありがとう –

+1

まあ何でも...バインディングが個別に動作するためには、各ボタンに個別のプロパティが必要です。 – grek40

答えて

0

大体、そして少しのコードは(あなたがItemsControlを探している場合、あなたがより多くを見つけることができます)が実証された状態でgrek40が言ったように、あなたが行うことができます。

あなたのボタンは、独自のviewmodelとそのプロパティを持つusercontrol(ucMyButton)になります。

あなたが ItemControlを追加すると、それはボタンのコレクション( ObservableCollection<MyButtonViewModel> MyButtons { ..... }

が含まれていますあなたのMAINVIEWで

各MyButtonViewModelは独自のBackgroundプロパティを持つ別のボタンになりますので、各ボタンが

個別に設定することができます
<ItemsControl x:Name="itmWrapPanel" 
      ItemsSource="{Binding MyButtons, UpdateSourceTrigger=PropertyChanged}" 

      ScrollViewer.CanContentScroll="True" 
      ScrollViewer.VerticalScrollBarVisibility="Auto" 
      ScrollViewer.HorizontalScrollBarVisibility="Auto" 
      > 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <WrapPanel Orientation="Horizontal" 
        Background="White" 
        AllowDrop="True" 
        Width="{Binding ActualWidth, ElementName=itmWrapPanel}" 
        Height="{Binding ActualHeight, ElementName=itmWrapPanel}" /> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 

    <ItemsControl.ItemTemplate> 
     <DataTemplate > 
      <local:ucMyButton /> 

     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 
関連する問題