WPFでTriggerをコードで記述する。

この記事は2019年05月20日に投稿しました。

目次

1. はじめに
2. WPFでTriggerをコードで記述する
3. おわりに

エッセンシャルWPF:Windows Presentation Foundation (Programmer's SELECTION)

1. はじめに

こんにちは、iOSのエディタアプリPWEditorの開発者の二俣です。
今回は業務で使用しているWPFのTriggerをコードで記述する方法についてです。

目次へ

2. WPFでTriggerをコードで記述する

WPFのTriggerをコードで記述する方法ですが、以下のような実装になります。

実葬例

MainWindow.xaml

<Window x:Class="WPFTrigger.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:local="clr-namespace:WPFTrigger"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <DataGrid Name="dataGrid" MouseMove="DataGrid_MouseMove" />
    </Grid>
</Window>

MainWindow.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WPFTrigger
{
    /**
     * @brief パーソンクラス
     *        データグリッドに表示するクラス
     */
    public class Person
    {
        public string Name { get; set; }
        public string Address { get; set; }
        public int Age { get; set; }
    }

    /// <summary>
    /// MainWindow.xaml の相互作用ロジック
    /// </summary>
    public partial class MainWindow : Window
    {
        /**
         * @brief コンストラクタ
         */
        public MainWindow()
        {
            InitializeComponent();

            // データグリッドにサンプルデータを設定します。
            var list = new List<Person>();
            list.Add(new Person() { Name = "佐藤", Address = "東京", Age = 20 });
            list.Add(new Person() { Name = "鈴木", Address = "千葉", Age = 31 });
            list.Add(new Person() { Name = "高橋", Address = "埼玉", Age = 42 });
            list.Add(new Person() { Name = "田中", Address = "神奈川", Age = 53 });
            list.Add(new Person() { Name = "伊藤", Address = "群馬", Age = 64 });
            dataGrid.ItemsSource = list;
        }

        /**
         * @brief データグリッドでマウスが移動した時に呼び出されます。
         * 
         * @param [in] sender データグリッド
         * @param [in] e マウスイベント
         */
        private void DataGrid_MouseMove(object sender, MouseEventArgs e)
        {
            // マウスカーソル位置にあるデータグリッドのセルを取得します。
            var dataGrid = sender as DataGrid;
            var point = e.GetPosition(dataGrid);
            var cell = GetDataGridCell<DataGridCell>(dataGrid, point);
            if (cell == null)
            {
                return;
            }

            // トリガーオブジェクトを生成します。
            // マウスオーバーで背景色を変更します。
            var trigger = new Trigger();
            trigger.Property = DataGridCell.IsMouseOverProperty;
            trigger.Value = true;
            var brush = new SolidColorBrush(Colors.Green);
            var setter = new Setter(TextBox.BackgroundProperty, brush);
            trigger.Setters.Add(setter);

            // セルとトリガーはスタイルで関連付けます。
            var style = new Style(typeof(DataGridCell));
            style.Triggers.Add(trigger);
            cell.Style = style;
        }

        // 内部メソッド(詳細は省略)

        private T GetDataGridCell<T>(DataGrid dataGrid, Point point)
        {
            T result = default(T);
            var hitResultTest = VisualTreeHelper.HitTest(dataGrid, point);
            if (hitResultTest != null)
            {
                var visualHit = hitResultTest.VisualHit;
                while (visualHit != null)
                {
                    if (visualHit is T)
                    {
                        result = (T)(object)visualHit;
                        break;
                    }
                    visualHit = VisualTreeHelper.GetParent(visualHit);
                }
            }
            return result;
        }
    }
}

目次へ

3. おわりに

DataGridでマウスのカーソル位置にあるセルに対して処理を行う方法を調べてみました。

GEEK JOB

実戦で役立つ C#プログラミングのイディオム/定石&パターン

紹介している一部の記事のコードはGitlabで公開しています。
興味のある方は覗いてみてください。

目次へ

---

私が勤務しているニューラルでは、主に組み込み系ソフトの開発を行っております。
弊社製品のハイブリッドOS Bi-OSは高い技術力を評価されており、特に制御系や通信系を得意としています。
私自身はiOSモバイルアプリやウィンドウズアプリを得意としております。
ソフトウェア開発に関して相談などございましたら、お気軽にご連絡ください。

また一緒に働きたい技術者の方も随時募集中です。
興味がありましたらご連絡ください。

EMAIL : info-nr@newral.co.jp / m-futamata@newral.co.jp
TEL : 042-523-3663
FAX : 042-540-1688

目次へ