0

私はWPFで数独ゲームを書いており、実行時にキャンバスに81個のテキストボックスを作成しています:

public partial class Test : Window
    {
        private TextBox[,] texts = new TextBox[9, 9];
        GameBoard board = new GameBoard();

    public Test(string path)
    {
        InitializeComponent();
        Initialization_text();
    }

    void Initialization_text()
    {
        for (int i = 0; i < texts.GetLength(0); i++)
        {
            for (int j = 0; j < texts.GetLength(1); j++)
            {
                texts[i, j] = new TextBox();
                texts[i, j].Name = "txt" + i + j;
                texts[i, j].Width = 40;
                texts[i, j].Height = 40;
                texts[i, j].MaxLength = 1;
                texts[i, j].FontSize = 22;
                texts[i, j].FontWeight = FontWeights.Bold;
                texts[i, j].Foreground = new SolidColorBrush(Colors.DimGray);
                texts[i,j].TextAlignment = TextAlignment.Center;
                Canvas.SetLeft(texts[i, j], (i+1)*40);
                Canvas.SetTop(texts[i, j], (j+1)*40);
                canvas1.Children.Add(texts[i, j]);
            }
        }
    }

ユーザーが値を確認するために番号を入力するテキストボックスの位置を取得する必要がありますが、実行時に作成されるため、TextBoxKeyDown を呼び出すメソッドを記述できません

しかし、私がこのメソッドを書くと:

private void canvas1_KeyDown(object sender, KeyEventArgs e)
        {
            if (sender.GetType().Name == "TextBox")//the sender is canvas
            {

            }
        }

ユーザーが番号を入力するテキストボックスを取得するにはどうすればよいですか? 助けてください...

4

2 に答える 2

2

Ok。すべてのコードを削除して、最初からやり直してください。

WPF で数独ボードを作成する方法は次のとおりです。

XAML:

<Window x:Class="WpfApplication4.Window17"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Window17" Height="300" Width="300">
    <ItemsControl ItemsSource="{Binding}">
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <UniformGrid Rows="9" Columns="9"/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
        <ItemsControl.ItemContainerStyle>
            <Style>
                <Setter Property="Grid.Row" Value="{Binding Row}"/>
                <Setter Property="Grid.Column" Value="{Binding Column}"/>
            </Style>
        </ItemsControl.ItemContainerStyle>
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <TextBox Text="{Binding Value}" VerticalAlignment="Stretch" FontSize="20" TextAlignment="Center"/>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</Window>

コードビハインド:

using System.Collections.Generic;
using System.Windows;
using System.ComponentModel;

namespace WpfApplication4
{
    public partial class Window17 : Window
    {
        public Window17()
        {
           InitializeComponent();

           var random = new Random();

           var board = new List<SudokuViewModel>();

           for (int i = 0; i < 9; i++)
           {
               for (int j = 0; j < 9; j++)
               {
                   board.Add(new SudokuViewModel() {Row = i, Column = j,Value = random.Next(1,20)});
               }
           }

           DataContext = board;            
       }
   }
}

ビューモデル:

 public class SudokuViewModel:INotifyPropertyChanged
    {
        public int Row { get; set; }

        public int Column { get; set; }

        private int _value;
        public int Value
        {
            get { return _value; }
            set
            {
                _value = value;
                NotifyPropertyChange("Value");
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

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

    }

ご覧のとおり、コードで UI 要素を作成したり操作したりすることは決してありません。それはWPFでは明らかに間違っています。MVVM を学び、UI はデータではないことを理解する必要があります。データはデータです。UIはUI

これで、TextBox 内の Value に対して操作する必要があるときはいつでもpublic int Value、ViewModel 内のプロパティに対して操作するだけです。アプリケーション ロジックと UI は完全に分離する必要があります。

コードをコピーして a に貼り付けるだけでFile -> New Project -> WPF Application、結果を確認できます。これは私のコンピューターでどのように見えるかです:

ここに画像の説明を入力

編集:

Value が変更されたときにメソッドを呼び出すようにサンプルを変更しました。

WPF の UI に対してではなく、DATA に対して操作する必要があることを理解してください。本当に気にしているのは、UI 自体ではなく、データ (ViewModel) です。

using System.Collections.Generic;
using System.Windows;
using System.ComponentModel;
using System;

namespace WpfApplication4
{
    public partial class Window17 : Window
    {
        public List<SudokuViewModel> Board { get; set; } 

        public Window17()
        {
            InitializeComponent();

            var random = new Random();

            Board = new List<SudokuViewModel>();

            for (int i = 0; i < 9; i++)
            {
                for (int j = 0; j < 9; j++)
                {
                    Board.Add(new SudokuViewModel()
                                  {
                                      Row = i, Column = j,
                                      Value = random.Next(1,20),
                                      OnValueChanged = OnItemValueChanged
                                  });
                }
            }

            DataContext = Board;
        }

        private void OnItemValueChanged(SudokuViewModel vm)
        {
            MessageBox.Show("Value Changed!\n" + "Row: " + vm.Row + "\nColumn: " + vm.Column + "\nValue: " + vm.Value);
        }
    }

    public class SudokuViewModel:INotifyPropertyChanged
    {
        public int Row { get; set; }

        public int Column { get; set; }

        private int _value;
        public int Value
        {
            get { return _value; }
            set
            {
                _value = value;
                NotifyPropertyChange("Value");

                if (OnValueChanged != null)
                    OnValueChanged(this);
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

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

        public Action<SudokuViewModel> OnValueChanged { get; set; }

    }
}
于 2013-03-11T17:14:39.060 に答える
0

アタッチされたイベント ハンドラーを使用する

AddHandler(TextBox.KeyDownEvent, new RoutedEventHandler(MyFieldClick));

これは、呼び出し要素内のすべてのテキスト ボックスに対して呼び出されます。したがって、それをウィンドウに配置すると、すべてのテキスト ボックスの KeyDownEvent が MyFieldClick イベント ハンドラー メソッドにパッチされます。この場合、送信者は最初にイベントを送信したテキストボックスです。

しかし、私は HighCore に同意します。WPF をもっと活用する必要があります。あなたの場合、ItemControls と Grid、またはより良い UniformGridPanel が表示されます。

Btw TextChangedは、あなたのケースにより適切なイベントかもしれません。

于 2013-03-11T16:56:48.643 に答える