「WPF」の記事 - Crieit

【WPF】パソコンにインストールされてるソフトをチェックしてみる

2019-07-24T14:14:21+09:00

業務アプリなんかでは、
データベースなど本体の他にアプリケーションの動作に必要なものがあったりします。

そういったものがインストールされているかどうか、プログラムでチェックする処理を書いてみました。

プログラムは一応前回のものを流用します。
【WPF】chm ヘルプファイルを表示する

クラスの追加

アプリケーション情報クラス

ソリューション・エクスプローラーからプロジェクトを右クリックし、「追加」＞「クラス」を選択します。

名前を入力して「追加」ボタンをクリックします。

プログラムは次のようにします。

UninstallApp.cs

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

    namespace WpfApp1
    {
        /// 
        /// アンインストールアプリケーション.
        /// 
        public class UninstallApp
        {
            /// 
            /// 表示名
            /// 
            public String DisplayName { set; get; }

            /// 
            /// 表示バージョン
            /// 
            public String DisplayVersion { set; get; }

            /// 
            /// インストール日次
            /// 
            public String InstallDate { set; get; }

            /// 
            /// 発行元
            /// 
            public String Publisher { set; get; }
        }
    }

レジストリチェッククラス

先程と同様、ソリューション・エクスプローラーからクラスを追加します。

RegistryUtil.cs

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

    using Microsoft.Win32;

    namespace WpfApp1
    {
        public static class RegistryUtil
        {

            /// 
            /// 対象のアプリケーションがインストールされているかどうかを返します.
            /// 
            /// 
            /// 
            public static Boolean isInstalled(String appName)
            {

                List list = getUninstallAppList();
                var result = list.Where(x => x.DisplayName.IndexOf(appName) > -1).ToList();
                if (result.Count > 0)
                {
                    return true;
                }

                return false;
            }

            /// 
            /// アンインストールアプリケーションの一覧を作成します.
            /// 
            /// 
            public static List getUninstallAppList()
            {
                String uninstallPath = "SOFTWARE\\Microsoft\\Windows\\CurrentVersion\\Uninstall";
                RegistryKey regKey = Microsoft.Win32.Registry.LocalMachine.OpenSubKey(uninstallPath, false);
                List list = new List();
                if (regKey != null)
                {
                    foreach (string subKey in regKey.GetSubKeyNames())
                    {
                        UninstallApp ap = new UninstallApp();
                        RegistryKey appkey = Registry.LocalMachine.OpenSubKey(uninstallPath + "\\" + subKey, false);
                        // 表示名
                        String displayName = GetValue(appkey, "DisplayName");
                        ap.DisplayName = displayName != "" ? displayName : subKey;
                        // バージョン
                        ap.DisplayVersion = GetValue(appkey, "DisplayVersion");
                        // インストール日時
                        ap.InstallDate = GetValue(appkey, "InstallDate");
                        // 発行元
                        ap.Publisher = GetValue(appkey, "Publisher");
                        list.Add(ap);
                    }
                }
                return list;
            }

            /// 
            /// レジストリキーから指定した名前のデータを取得します.
            /// 
            /// 
            /// 
            /// 
            private static String GetValue(RegistryKey key, String name)
            {
                var value = key.GetValue(name);
                if (value != null)
                {
                    return value.ToString();
                }
                return "";
            }
        }
    }

プログラムの修正

起動時にチェックするように修正

            public MainWindow()
            {

                InitializeComponent();

                if (!RegistryUtil.isInstalled("Oracle"))
                {
                    MessageBox.Show("Oracleがインストールされていません。", "起動時チェック");
                    this.Close();
                }

                .
                .
                .
                省略
            }

起動してみる

起動時にチェックが実施され、アラートメッセージが表示されました。

まとめ

レジストリを参照するので、他にもいろいろと応用がききそうですね。

また、必要なアプリがインストールされていない場合に、
インストーラーを起動するなんてこともできるかもしれませんね。

ではでは。

【WPF】chm ヘルプファイルを表示する

2019-07-17T10:03:01+09:00

昨日に引き続きWPFのネタ。
以前、Wordからchmファイルを作るソフトの紹介をしましたが、それで作成したファイルをWPFで表示する方法を調べてみました。

Windowsフォームであれば専用のクラスがあるのですが、WPF用のものは無いみたいなので、Windowsフォームのライブラリを利用して表示します。

プログラムは前回のものを流用します。
【WPF】右クリックメニューでデータグリッドの内容をコピーする

chmを作成するソフトについては次の記事を参考にしてください。
Word から chm ファイルを生成する「doc2htmlhelp」

画面の修正

バインディングの追加

F1キーでヘルプファイルを開けるように画面にバインディングの記述を追加します。

MainWindow.xaml

メニューの追加

PDF表示とは別に、ヘルプ表示用のメニューを追加します。

MainWindow.xaml

ライブラリの追加

ソリューション・エクスプローラーからプロジェクトの「参照」を右クリックし、「参照の追加」を選択します。

「System.Windows.Forms」を選択して、「OK」ボタンをクリックします。

chmファイルの追加

プロジェクト直下に作成した「chm」ファイルを追加します。

chmディレクトリに、作成したファイルをペーストします。

プログラムの修正

アセンブリからアプリケーション実行ディレクトリを取得するためのライブラリをインポートします。

MainWindow.xaml.cs

using System.Reflection;

ヘルプ表示メソッドの追加

F1キー、メニューから呼び出すメソッドを追加します。

MainWindow.xaml.cs

        /// 
        /// ヘルプファイルを表示します.
        /// 
        private void ShowHelp()
        {
            Assembly mainAssembly = Assembly.GetExecutingAssembly();
            String appDir = System.IO.Path.GetDirectoryName(mainAssembly.Location);
            System.Windows.Forms.Help.ShowHelp(null, "file://" + appDir + "/chm/開発環境構築手順書.chm");
        }

イベントメソッドの追加

F1キー、ヘルプメニュークリック時のイベントメソッドを追加します。

        /// 
        /// F1キーでヘルプ表示
        /// 
        /// 
        /// 
        private void CommandBinding_Executed(object sender, ExecutedRoutedEventArgs e)
        {
            logger.Info("F1押下");
            ShowHelp();
        }

        /// 
        /// ヘルプ表示
        /// 
        /// 
        /// 
        private void menu_chmview_Click(object sender, RoutedEventArgs e)
        {
            logger.Info("ヘルプメニュークリック");
            ShowHelp();
        }

起動してみる

ヘルプメニューに追加した「ヘルプ表示」を選択します。

無事にヘルプファイルの表示ができました。

全然関係内容ですが。。

まとめ

アプリケーションのヘルプはPDFもいいですが、こういったヘルプファイルだとキーワード検索が簡単にできたり、
目次から目的のヘルプを探しやすいのでユーザーフレンドリーかもしれませんね。

ではでは。

【WPF】右クリックメニューでデータグリッドの内容をコピーする

2019-07-16T10:10:15+09:00

おはようございます。

データグリッドで、
編集まではさせないけど内容のコピーが出来ると便利なシーンってありますよね。

そんな時は、右クリックでコンテキストメニューを表示して操作させるのがいいかもしれません。
ということでやってみました。

ついでに、クリップボードの内容を貼り付ける操作と、行のコピーも実装してみます。

プログラムは下記の記事のものを流用します。
【WPF】WebBrowser に PDFファイルを表示する

画面の修正

まずは、データグリッドにコンテキストメニューを追加します。

MainWindow.xaml

プログラムの修正

コピーメソッドの追加

次のようにメソッドを実装します。
MainWindow.xaml.cs

        /// 
        /// 名前をクリップボードにコピーします.
        /// 
        /// 
        /// 
        private void ctm_namecopy_Click(object sender, RoutedEventArgs e)
        {
            // 選択中のデータを取得
            CatModel cat = this.dataGrid.SelectedItem as CatModel;
            if (cat != null)
            {
                try
                {
                    // クリップボードにコピー
                    Clipboard.SetText(cat.Name);
                }
                catch (Exception ex)
                {
                }
            }
        }

データベース上で選択された行の、名前列をクリップボードにコピーします。
簡単なものですね。

貼り付けメソッドの追加

次のようにメソッドを実装します。
MainWindow.xaml.cs

        /// 
        /// クリップボードの名前を貼り付け
        /// 
        /// 
        /// 
        private void ctm_namepaste_Click(object sender, RoutedEventArgs e)
        {
            // 選択中のデータを取得
            CatModel cat = this.dataGrid.SelectedItem as CatModel;
            if (cat != null)
            {
                String name = Clipboard.GetText();
                cat.Name = name;
                this.dataGrid.Items.Refresh();
            }
        }

選択された行の名前列の内容をクリップボードの内容で上書きします。
リフレッシュメソッドを呼び出すことで内容が即座に反映されます。

行コピーメソッドの追加

次のようにメソッドを実装します。
MainWindow.xaml.cs

        /// 
        /// 行をカンマ区切り文字列にしてクリップボードにコピーします.
        /// 
        /// 
        /// 
        private void ctm_rowcopy_Click(object sender, RoutedEventArgs e)
        {
            // 選択中のデータを取得
            CatModel cat = this.dataGrid.SelectedItem as CatModel;
            if (cat != null)
            {
                // データをCSV形式に変換
                String delmiter = ",";
                StringBuilder sb = new StringBuilder();
                sb.Append(cat.No).Append(delmiter);
                sb.Append(cat.Name).Append(delmiter);
                sb.Append(cat.Sex).Append(delmiter);
                sb.Append(cat.Age).Append(delmiter);

                KindConverter kindConverter = new KindConverter();
                sb.Append(kindConverter.Convert(cat.Kind, null,null,null)).Append(delmiter);

                sb.Append(cat.Favorite);
                try
                {
                    // クリップボードにコピー
                    Clipboard.SetText(sb.ToString());
                }
                catch (Exception ex)
                {
                }
            }
        }

こちらはコピーの応用で、選択された行の内容をカンマ区切りに編集し
クリップボードにコピーします。

まとめ

思っていたより簡単に実装できました。
クライアントソフトならではの手軽さですかね。
（WEBはセキュリティとかの問題でコピーとかが意外に面倒）

コンテキストメニュー自体は階層も持たすことができますし、
色々なことに利用できそうですね。
何か思いついたらやってみようと思います。

ではでは。

【WPF】SQLiteのインサートが遅いので速度アップの方法を試してみる

2019-07-14T11:29:04+09:00

SQLiteって手軽で便利なんですが、
大量のデータを扱うとなるとそれなりに速度が気になってきます。

試しに何万件のインサート処理をやってみたら案の定とても待ち切れる時間で処理が終わらなかったのでちょっと調べてみました。

プログラムは次の記事のものを流用します。
【WPF】TextFieldParser で CSVファイルを読み込む

元の処理

CSVを読み込んで一括登録する処理を変更してみます。

MainWindow.xaml.cs

        /// 
        /// CSV読込ボタンクリックイベント.
        /// 
        /// 
        /// 
        private void imp_button_Click(object sender, RoutedEventArgs e)
        {
            OpenFileDialog ofd = new OpenFileDialog();
            ofd.FileName = "";
            ofd.DefaultExt = "*.csv";
            if (ofd.ShowDialog() == false)
            {
                return;
            }

            List list = readFile(ofd.FileName);

            // 接続
            int count = 0;
            // データを追加する
            using (var conn = new SQLiteConnection("Data Source=SampleDb.sqlite"))
            {
                using (DataContext context = new DataContext(conn))
                {
                    foreach (Cat cat in list)
                    {
                        // 対象のテーブルオブジェクトを取得
                        var table = context.GetTable();
                        // データが存在するかどうか判定
                        if (table.SingleOrDefault(x => x.No == cat.No) == null)
                        {
                            // データ追加
                            table.InsertOnSubmit(cat);
                            // DBの変更を確定
                            context.SubmitChanges();
                            count++;
                        }
                    }
                }
                conn.Close();
            }

            MessageBox.Show(count + " / " + list.Count + " 件 のデータを取り込みました。");

            // データ再検索
            searchData();
        }

プラグマステートメントを設定

まずはプラグマというステートメントを設定してみます。
（プラグマステートメントとは、SQLite ライブラリの動作を変更するためのものです。）

次の記事に色々と詳しく書いてありますので参考にしてみてください。

参考 : http://devlights.hatenablog.com/entry/2014/02/01/151642

            using (var conn = new SQLiteConnection("Data Source=SampleDb.sqlite;version=3;synchronous=Normal;journal mode=Wal"))
            {
                using (DataContext context = new DataContext(conn))
                {
                    foreach (Cat cat in list)
                    {
                        // 対象のテーブルオブジェクトを取得
                        var table = context.GetTable();
                        // データが存在するかどうか判定
                        if (table.SingleOrDefault(x => x.No == cat.No) == null)
                        {
                            // データ追加
                            table.InsertOnSubmit(cat);
                            // DBの変更を確定
                            context.SubmitChanges();
                            count++;
                        }
                    }
                }
                conn.Close();
            }

接続文字列にオプションを追加する方式でやってみました。

詳細に処理時間を載せませんが、処理速度の改善が見られました。

明示的にトランザクションを開始する

これは結構有名な話しですが、
一括処理する際にちゃんと明示的にトランザクションを制御しないと、
1件毎にそれなりに時間のかかるトランザクション処理が実行されてしまうので、明示的にトランザクションを開始するように変更します。

                using (var conn = new SQLiteConnection("Data Source=SampleDb.sqlite;version=3;synchronous=Normal;journal mode=Wal"))
                {
                    using (DataContext context = new DataContext(conn))
                    {
                        using (var ts = conn.BeginTransaction())
                        {
                            foreach (Cat cat in list)
                            {
                                // 対象のテーブルオブジェクトを取得
                                var table = context.GetTable();
                                // データが存在するかどうか判定
                                if (table.SingleOrDefault(x => x.No == cat.No) == null)
                                {
                                    // データ追加
                                    table.InsertOnSubmit(cat);
                                    // DBの変更を確定
                                    context.SubmitChanges();
                                    count++;
                                }
                            }
                            ts.Commit();
                        }
                    }
                    conn.Close();
                }

これも処理速度アップとしては有効な手段でした。

Sqlコマンドに変更する

データコンテキストを使って更新や追加を行うのも結構時間がかかるようなので、SQLクエリを直書きして実行するようにしてみます。

            using (var conn = new SQLiteConnection("Data Source=SampleDb.sqlite;version=3;synchronous=Normal;journal mode=Wal"))
            {
                using (DataContext context = new DataContext(conn))
                {
                    using (var ts = conn.BeginTransaction())
                    {
                        foreach (Cat cat in list)
                        {
                            using (SQLiteCommand cmd = conn.CreateCommand())
                            {
                                // 対象のテーブルオブジェクトを取得
                                var table = context.GetTable();
                                // データが存在するかどうか判定
                                if (table.SingleOrDefault(x => x.No == cat.No) == null)
                                {
                                    String sql = @"INSERT INTO CAT (" +
                                        "  NO" +
                                        ", NAME" +
                                        ", SEX" +
                                        ", AGE" +
                                        ", KIND_CD" +
                                        ", FAVORITE" +
                                        ") VALUES (" +
                                        cat.No +
                                        "', '" + cat.Name +
                                        "', '" + cat.Sex +
                                        "', '" + cat.Age + 
                                        "', '" + cat.Kind +
                                        "', '" + cat.Favorite + "')";
                                    // データ追加
                                    cmd.CommandText = sql;
                                    cmd.ExecuteNonQuery();
                                    count++;
                                }
                            }
                        }
                        ts.Commit();
                    }
                }
                conn.Close();
            }

こちらも勿論速度アップしました。

まとめ

ちょっと殴り書きみたいな記事ですが、とりあえず上記のような対策を施すとひとまず何万件のインサートも問題なく実行できるかと思います。

もっと劇的に速度アップさせる必要がある場合は、
登録するデータの存在確認をしないようにするといいと思います。
（この場合はテーブル定義や、別で一時テーブルを用意するなど別途検討が必要となります）

ではでは。

【WPF】Orcaデータベースエディタでバージョン体系を変更する方法

2019-07-13T16:15:37+09:00

セットアッププロジェクトを利用してインストーラーを作成すると、バージョン体系が 3段階となります。例えば 0.0.0。

普通は気にしなくてもいいかと思うんですが、アプリケーションなんかでバージョン情報を表示しようと思うと
普通アセンブリから取得して表示するので、バージョンが一致しなくなってしまうんですよね。

ちなみにアセンブリに設定するバージョン体系は4段階となっています。

自動で一致させることが難しいっぽいので、インストーラー（msiファイル）を作成した後に無理やり合わせる方法を試してみました。

Orcaのインストール

（Visual Studio をインストールする際に一緒にインストールされている可能性があります。）

環境によって場所が違うかもしれませんので、Orcaでファイル検索してみてください。

私の環境では次の場所に格納されていました。
C:\Program Files (x86)\Windows Kits\8.0\bin\x86\Orca-x86_en-us.msi

どこにもない場合は、後述する「ダウンロード」を参照してください。

見つかった場合は、そのファイルを実行します。

セットアップウィザードが表示されるので、「Next」ボタンをクリックします。

ライセンス同意画面が表示されるので、「I Agree」にチェックし「Next」ボタンをクリックします。

ユーザ情報設定画面が表示されるので、名前と所属を入力して「Next」ボタンをクリックします。

インストールタイプの選択画面が表示されるので、「Custom」を選択して「Next」ボタンをクリックします。

インストール先指定画面が表示されるので、デフォルトのまま「Next」ボタンをクリックします。

カスタムインストールチップス画面が表示されるので、「Next」ボタンをクリックします。

カスタムインストール設定画面が表示されるので、そのまま「Next」ボタンをクリックします。

インストール開始画面が表示されるので、「Next」ボタンをクリックします。

インストール完了画面が表示されるので、「Finish」ボタンをクリックします。

以上でインストールは完了です。

起動

スタートメニューに「Orca」メニューが追加されているので、そこから起動します。

上部メニューの「File」＞「Open」を選択します。

ファイル選択ダイアログが表示されるので、対象の「msi」ファイルを選択します。

「Table」から「Property」を選択し、表示された詳細から、「ProductVersion」の Value を変更します。

上部メニューの「File」＞「Save」を選択して上書き保存すれば完了です。

「Windowsスタートメニュー」＞「コントロールパネル」＞「プログラムと機能」を見てみると
バージョンが変更されていることが確認できます。

Orcaのダウンロード

お使いの端末にインストーラーが存在しなかった場合、
Microsoftのサイトからダウンロードしてください。

https://www.microsoft.com/en-us/download/details.aspx?id=6510

Download ボタンをクリックします。

PSDK-amd64.exe にチェックし、「Next」ボタンをクリックします。

まとめ

本当はもっと便利な方法があればいいんですが、ちょっと情報が見つかりませんでした。

まあ何かのお役に立てれば。。

ではでは。

【WPF】WebBrowser を使ってPDFファイルを表示してみる

2019-07-12T09:56:02+09:00

おはようございます。

今回は、WPFアプリでPDFを表示する方法のうち、WebBrowser でサクッとファイルを表示するのを試してみました。

画面に上部メニューを追加し、そこから呼び出せるように修正します。
ヘルプやマニュアルなんかをアプリから表示する際にやったりしますよね。

プログラムは前回のものを流用します。
【WPF】はてなアイコンにツールチップを表示する

画面の追加

新規でPDFを表示するためのウィンドウを追加します。
画像を取り忘れてしまいましたが、ソリューション・エクスプローラーから「追加」＞「ウィンドウ」みたいな感じで出来るはずです。

画面レイアウト

PdfView.xaml

単純に WebBrowser を配置してスタイルを弄っただけです。

コードビハインド

PdfView.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.Shapes;

using MahApps.Metro.Controls;
using System.Reflection;

namespace WpfApp1
{
    /// 
    /// PdfView.xaml の相互作用ロジック
    /// 
    public partial class PdfView : MetroWindow
    {
        public PdfView()
        {
            InitializeComponent();
            Assembly mainAssembly = Assembly.GetExecutingAssembly();
            String appDir = System.IO.Path.GetDirectoryName(mainAssembly.Location);

            wb_manual.Navigate("file://" + appDir + "/Pdf/sample.pdf" + "#toolbar=1");

        }
    }
}

実行ディレクトリを取得して、PDFのパスを絶対パスで指定します。
また、ツールバーを表示したくなければ「#toolbar=1」を「#toolbar=0」に変更してください。

PDFファイルの追加

プロジェクト直下に「Pdf」フォルダ―を作成し、適当なPDFファイルを格納します。
ファイル名は「sample.pdf」としました。

また、ファイルのプロパティを開き、常に実行ディレクトリにコピーするようにプロパティを変更します。

画面の修正

グリッドのレイアウト調整

MainWindow.xaml（抜粋）

メニュー追加

MainWindow.xaml（抜粋）

スタイル定義の追加

StyleDic.xaml

プログラム修正

追加したメニューのクリックイベントの実装を追加します。

MainWindow.xaml.cs

        /// 
        /// 閉じるメニュークリックイベント.
        /// 
        /// 
        /// 
        private void menu_exit_Click(object sender, RoutedEventArgs e)
        {
            this.Close();
        }

        /// 
        /// サンプルPDF表示メニュークリックイベント.
        /// 
        /// 
        /// 
        private void menu_pdfview_Click(object sender, RoutedEventArgs e)
        {
            // ダイアログを表示
            var win = new PdfView();
            win.Owner = GetWindow(this);
            win.ShowDialog();
        }

起動してみる

上部にメニューが追加されました。

よくある閉じるメニュー。
他に何も思いつきませんでした。。

PDF表示用のメニューです。

サンプルPFD表示メニューをクリックしてPDFを表示した画面です。
無事に表示されました。

まとめ

以前、何かの記事でも触れましたが
Word で、「rand=(10,10)」みたいな文言を入力し、エンターを押すとランダムでサンプルドキュメントを作ることができます。

今回のPDFはその機能を使って作ったサンプルのドキュメントを、PDFとして保存したものとなります。

こういった便利なコマンドを知っていると、ちょっとした効率化ができますね。

WebBrowser はもちろん HTML も表示できるので他にも色々と応用することができそうですね。
そのうちまた何か別のこともやってみたいと思います。

ではでは。

【WPF】はてなアイコンを設置してツールチップでヘルプを表示する

2019-07-09T09:28:41+09:00

今回はツールチップによってヒントを表示するサンプルです。

本当は何も説明しなくてもいいユーザーインターフェースを目指すべきなんですが、なかなかそうもいかない場合もありますよね。

まあプラスアルファで付けるとそれはそれで喜ばれるものかもしれません。

プログラムは前回のものを流用します。
【WPF】データグリッドにコンボボックスを表示する

画面の修正

MainWindow.xaml

抜粋

Imageタグの中に、ToolTipServiceのToolTipタグを入れ、更にテキストブロックでヒントを表示するようにしました。
また、文言自体はリソースファイルから取得するようになっています。
リソースを利用するために宣言部分に「xmlns:p」という属性を追加してあります。

画像の追加

![](https://www.doraxdora.com/wp-content/uploads/2017/11/questionMark-300x294.png" はてなアイコン

ハテナマークの画像を作成し、プロジェクト直下の「Resource」ディレクトリに追加します。
（Inkscape というドローソフトでサクッと作りました）

スタイル定義の追加

StyleDic.xaml（抜粋）

リソースの追加

ヒントで表示する文言をリソースに追加します。

Resources.resx

文言を追加し、xamlからアクセスするためにアクセス修飾子を「public」に変更します。

起動してみる

名前ラベルの横にあるハテナマークをマウスオーバーした表示です。

こちらは種別ラベルの横のハテナマークをマウスオーバーした表示となります。

ついでにボタンにもつけてみました。

まとめ

簡単に実装できるうえ、スタイルを変更したり、表示時間を変更したりもできます。
表示するコンポーネントをテキストブロック以外にも出来そうなので、カスタマイズ性抜群ですね。

興味のある方は色々試してみてください。

ではでは。

【WPF】データグリッドにコンボボックス列を定義してリストを表示してみた

2019-07-07T10:01:46+09:00

今回はデータグリッドにコンボボックスを表示したいと思います。

チェックボックスと同様、デフォルトで「DataGridComboBoxColumn」がありますが、
同じ理由（2回クリックしないと変更できない）で「DetaGridTemplateColumn」を利用したいと思います。

プログラムは次の記事のものを流用します。
【WPF】データグリッドにチェックボックスを表示する

※DBはSQLiteに変更してます

スタイルの修正

StyleDic.xaml

データグリッドを編集可能（行追加不可）にし、データグリッド内のコンボボックス用定義を追加。

画面の修正

MainWindow.xaml

「性別」列を「DataGridTemplateColumn」に変更し、コンボボックスを設置。

ポイントは次のプロパティ

ItemsSource

コンボボックスの表示内容となるリスト
コードビハインドにて、DataContextに設定したリストを指定
DisplayMemberPath
バインドされたクラスの表示するメンバーを指定
SelectedValuePath
バインドされたクラスの値となるメンバーを指定
SelectedValue
データグリッドにバインドされたリストのメンバーを指定
この項目が紐付きとなる

プログラムの修正

新規クラス追加

コンボボックスに設定するためのクラスを作成

Gender.cs

    using System;
    using System.Collections.Generic;
    using System.IO;
    using System.Linq;
    using System.Text;

    namespace WpfApp1
    {
        /// 
        /// 性別クラス
        /// 
        public class Gender
        {
            /// 
            /// コンストラクタ
            /// 
            /// 
            /// 
            public Gender(int cd, String name)
            {
                Cd = cd;
                Name = name;
            }

            /// 
            /// 性別コード
            /// 
            public int Cd { get; set; }

            /// 
            /// 性別名
            /// 
            public String Name { get; set; }

        }
    }

コードビハインドの修正

下記をグローバルスコープで定義

MainWindow.xaml.cs（抜粋）

        /// 
        /// データグリッド：性別コンボの項目リスト
        /// 
        public List GenderList { set; get; }

起動時にデータグリッド内のコンボボックス用リストを作成して設定

MainWindow.xaml.cs（抜粋）

            public MainWindow()
            {

                InitializeComponent();

                // データグリッドに表示するコンボの項目を設定
                GenderList = new List();
                GenderList.Add(new Gender(1, "♂"));
                GenderList.Add(new Gender(2, "♀"));
                this.DataContext = this;

                // SampleDb.sqlite を作成（存在しなければ）
                using (var conn = new SQLiteConnection("Data Source=SampleDb.sqlite"))
                {

                    // データベースに接続
                    conn.Open();
                    // コマンドの実行
                    using (var command = conn.CreateCommand())
                    {
                        // テーブルが存在しなければ作成する
                        // 種別マスタ
                        StringBuilder sb = new StringBuilder();
                        sb.Append("CREATE TABLE IF NOT EXISTS MSTKIND (");
                        sb.Append("  KIND_CD NCHAR NOT NULL");
                        sb.Append("  , KIND_NAME NVARCHAR");
                        sb.Append("  , primary key (KIND_CD)");
                        sb.Append(")");

                        command.CommandText = sb.ToString();
                        command.ExecuteNonQuery();

                        // 猫テーブル
                        sb.Clear();
                        sb.Append("CREATE TABLE IF NOT EXISTS TBLCAT (");
                        sb.Append("  NO INT NOT NULL");
                        sb.Append("  , NAME NVARCHAR NOT NULL");
                        sb.Append("  , SEX NVARCHAR NOT NULL");
                        sb.Append("  , AGE INT DEFAULT 0 NOT NULL");
                        sb.Append("  , KIND_CD NCHAR DEFAULT 0 NOT NULL");
                        sb.Append("  , FAVORITE NVARCHAR");
                        sb.Append("  , primary key (NO)");
                        sb.Append(")");

                        command.CommandText = sb.ToString();
                        command.ExecuteNonQuery();

                    }

                    // 種別マスタを取得してコンボボックスに設定する
                    using (DataContext con = new DataContext(conn))
                    {
                        // データを取得
                        Table tblCat = con.GetTable();
                        IQueryable result = from x in tblCat orderby x.KindCd select x;

                        // 最初の要素は「指定なし」とする
                        Kind empty = new Kind();
                        empty.KindCd = "";
                        empty.KindName = "指定なし";
                        var list = result.ToList();
                        list.Insert(0, empty);

                        // コンボボックスに設定
                        this.search_kind.ItemsSource = list;
                        this.search_kind.DisplayMemberPath = "KindName";
                    }
                    // 切断
                    conn.Close();
                }
            }

起動してみる

起動直後、「性別」がコンボボックスになってますね。

クリックすると、コンボボックスが展開されて変更することができます。

まとめ

データグリッドにコンボボックスを表示する方法は色々ありますが、
とりあえずこんな感じで落ち着きました。

今後他のコントロールも試していきたいと思います。

ではでは。

【WPF】カスタム動作を利用してアンインストール時にタスクを削除する

2019-07-05T14:32:46+09:00

昨日に引き続きですが、
アプリでタスク登録した場合はアンインストール時に削除しないと
存在しないバッチなんかを永遠に実行することになりかねないですよね。

ということで、アプリをアンインストールした際にタスクを削除してみます。

一応、前回の記事はこちら。
【WPF】Windowsのタスクスケジューラにタスクを登録する

削除用スクリプトの作成

下記、2つのファイルをプロジェクトのフォルダに配置します。

（カスタム動作からバッチファイルを直接呼び出すことができないため、
バッチを呼び出すVBScriptも作成します。）

taskDel.bat

    @echo off

    SET LOGF=taskDelete.log
    echo [%DATE% %TIME%] タスクスケジュール設定を削除します。 > %LOGF%
    echo. >> %LOGF%
    echo %CD% >> %LOGF%

    schtasks /delete /TN DORADORA\WpfApp1（自動実行タスク） /F >> %LOGF%

    echo. >> %LOGF%
    echo [%DATE% %TIME%] タスクスケジュール設定を削除しました。 >> %LOGF%

    exit

taskDel.vbs

Option Explicit

Dim intReturn
Dim ws
Set ws = CreateObject("Wscript.Shell") 

intReturn = ws.run("cmd /c " & Property("CustomActionData") & "taskDel.bat", 0)

セットアッププロジェクトの設定

バッチ、スクリプトの配置

パッケージ・エクスプローラーからセットアッププロジェクトを右クリックし、
「View」＞「ファイルシステム」を選択します。

「Application Folder」を右クリックし、「Add」＞「ファイル」を選択します。

プロジェクトに追加した、「taskDel.bat」、「taskDel.vbs」を選択して「開く」ボタンをクリックします。

カスタム動作の設定

パッケージ・エクスプローラーからセットアッププロジェクトを右クリックし、
「View」＞「カスタム動作」を選択します。

「Uninstall」を右クリックし、「カスタム動作の追加」を選択します。

項目選択ダイアログが表示されるので
「Application Folder」から、「taskDel.vbs」を選択して「OK」ボタンをクリックします。

追加した「taskDel.vbs」のプロパティを開き、
「CustomActionData」に、「 [TARGETDIR] 」を入力します。

以上でカスタム動作の設定は完了です。

カスタム動作の種類

種類
説明

Install（インストール）
全てのファイルがインストールされた後に実行されます。

Commit（確定）
インストールが問題なく終了した後に実行されます。

Rollback（ロールバック）
インストール中にエラーが発生し、ロールバックされた後に実行されます。

Uninstall（アンインストール）
アンインストールされた後に実行されます。

インストール

セットアッププロジェクトをビルドし、
作成されたモジュールからアプリケーションをインストールし、一度起動します。
（タスク登録処理が実行される）

アンインストール

「コントロールパネル」＞「すべてのコントロールパネル項目」＞「プログラムと機能」を開き、
インストールされている「WpfApp1」を右クリックし、「アンインストール」を選択します。

アンインストール確認ダイアログが表示される場合は「OK」ボタンをクリックします。

アンインストールが完了したら、
タスクスケジューラを起動してタスクの確認をします。

無事にタスクが削除されていることが確認できました。

何かのお役に立てれば。

【WPF】Windowsのタスクスケジューラにタスクを登録する

2019-07-04T10:27:15+09:00

Windows のソフトであれば、
タスクスケジューラを使って何かしたいってこと、あると思います。

のでやってみました。

プログラムは前回のものを流用します。
【WPF】Oracleに接続してデータ操作（追加、更新、削除）してみる

参照の追加

プログラムからタスクスケジューラを操作するためのライブラリを追加します。

パッケージ・エクスプローラーの「参照」を右クリックし「参照の追加」を選択します。

「COM」を選択し、「task」でフィルタリング、
「TaskScheduler 1.1 Type Library」にチェックをして「OK」ボタンをクリックします。

新規クラス作成

タスク登録用のクラスを追加します。

パッケージ・エクスプローラーでプロジェクトを右クリック、
「追加」＞「クラス」を選択します。

名前に「TaskManager.cs」と入力して「追加」ボタンをクリックします。

TaskManager.cs

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

using System.Reflection;
using TaskScheduler;

namespace WpfApp1
{
    class TaskManager
    {

        public static void RegistTask()
        {

            ITaskService taskservice = null;
            try
            {
                taskservice = new TaskScheduler.TaskScheduler();
                taskservice.Connect(null, null, null, null);
                ITaskFolder rootfolder = null;
                try
                {

                    // アセンブリ情報取得
                    Assembly mainAssembly = Assembly.GetExecutingAssembly();

                    // ソフトウェア名
                    string appName = "-";
                    object[] AppNameArray = mainAssembly.GetCustomAttributes(typeof(AssemblyTitleAttribute), false);
                    if ((AppNameArray != null) && (AppNameArray.Length > 0))
                    {
                        appName = ((AssemblyTitleAttribute)AppNameArray[0]).Title;
                    }

                    // 追加フォルダを指定する
                    rootfolder = taskservice.GetFolder("\\");
                    String path = "\\DORADORA\\" + appName + "（自動実行タスク）";

                    // 新規登録用のタスク定義
                    ITaskDefinition taskDefinition = taskservice.NewTask(0);

                    // RegistrationInfoプロパティ
                    IRegistrationInfo registrationInfo = taskDefinition.RegistrationInfo;

                    // Actionsプロパティ
                    IActionCollection actionCollection = taskDefinition.Actions;
                    IExecAction execAction = (IExecAction)actionCollection.Create(_TASK_ACTION_TYPE.TASK_ACTION_EXEC);

                    // Triggersプロパティ
                    ITriggerCollection triggerCollection = taskDefinition.Triggers;
                    ITimeTrigger timeTrigger = (ITimeTrigger)triggerCollection.Create(_TASK_TRIGGER_TYPE2.TASK_TRIGGER_TIME);

                    // Settingsプロパティ
                    ITaskSettings taskSettings = taskDefinition.Settings;

                    /** 全般タブ */

                    // 作成者
                    registrationInfo.Author = "DORADORA";

                    // 説明
                    registrationInfo.Description = "タスク登録のサンプル";

                    // 主要な設定
                    IPrincipal principal = taskDefinition.Principal;

                    // タスクの実行時に使うユーザアカウント
                    principal.UserId = Environment.UserDomainName + "\\" + Environment.UserName;

                    // ユーザがログオンしているかどうかにかかわらず実行する（パスワードを保存しない（チェックあり））
                    principal.LogonType = _TASK_LOGON_TYPE.TASK_LOGON_S4U;

                    // 最上位特権で実行する
                    //principal.RunLevel = _TASK_RUNLEVEL.TASK_RUNLEVEL_HIGHEST;

                    // 表示しない
                    taskSettings.Hidden = true;

                    // 優先度
                    taskSettings.Priority = 6;

                    /** トリガタブ */

                    // 開始
                    timeTrigger.StartBoundary = "2017-10-02T00:00:00";

                    // 繰り返し間隔
                    timeTrigger.Repetition.Interval = "PT1H";

                    // 有効
                    timeTrigger.Enabled = true;

                    /** 操作タブ */

                    // 実行フォルダ取得
                    String appDir = System.IO.Path.GetDirectoryName(mainAssembly.Location);

                    // プログラム／スクリプト
                    execAction.Path = appDir + "\\taskSample.vbs";

                    // 引数の追加（オプション）
                    //execAction.Arguments = "引数";

                    // 開始（オプション）
                    execAction.WorkingDirectory = appDir;

                    try
                    {
                        rootfolder.RegisterTaskDefinition(path,
                                                            taskDefinition,
                                                            (int)_TASK_CREATION.TASK_CREATE_OR_UPDATE,
                                                            null,
                                                            null,
                                                            _TASK_LOGON_TYPE.TASK_LOGON_NONE,
                                                            null);
                    }
                    catch (System.UnauthorizedAccessException e)
                    {
                        throw e;
                    }
                    catch (System.Exception e)
                    {
                        throw e;
                    }
                }
                finally
                {
                    if (rootfolder != null)
                        System.Runtime.InteropServices.Marshal.ReleaseComObject(rootfolder);
                }
            }
            finally
            {
                if (taskservice != null)
                    System.Runtime.InteropServices.Marshal.ReleaseComObject(taskservice);
            }

        }
    }
}

今回は単純に起動してから
60分（1時間）毎に繰り返し実行するタスクを登録するようにしました。

トリガーの種類

インターフェース
説明

IEventTrigger
システムイベントが発生したタイミングで開始する

ITimeTrigger
特定の日時に開始する

IDailyTrigger
日次スケジュールに基づいてタスクを開始するタスクは毎日、1日おき、3日おきなど特定の時刻に開始されます。

IWeeklyTrigger
週単位のスケジュールに基づいてタスクを開始する

IMonthlyTrigger
毎月のスケジュールに基づいてタスクを開始する

IMonthlyDOWTrigger
月曜日の曜日スケジュールでタスクを開始する

IIdleTrigger
コンピュータがアイドル状態になったときにタスクを開始する

IRegistrationTrigger
タスクが登録されたときにタスクを開始する

IBootTrigger
システムの起動時にタスクを開始する

ILogonTrigger
ユーザーがログオンしたときにタスクを開始する

ISessionStateChangeTrigger
コンソールの接続または切断、リモート接続または切断、またはワークステーションのロックまたはロック解除通知のタスクをトリガーします

各トリガーの使用方法は長くなるので割愛させてください。

プログラム修正

起動時にタスク登録を実行する

コンストラクタに次の記述を追加します。

MainWindow.xaml.cs

// タスクを登録
TaskManager.RegistTask();

実行するバッチの配置

下記のファイルを作成し、実行フォルダに配置します。

taskSample.bat

    @echo off

    echo %DATE% %TIME% タスク実行 > task.log

    exit /0

taskSample.vbs

    Option Explicit

    Dim intReturn
    Dim ws
    Set ws = CreateObject("Wscript.Shell") 

    intReturn = ws.run("cmd /c taskSample.bat", 0)

    WScript.Quit(intReturn)

起動してみる

タスクスケジューラ―を起動すると、無事にタスクが登録されているのが確認できました。

今回はここまで。

ではでは。

【WPF】「Oracle.DataAccess」を利用してデータ操作（追加、更新、削除）してみる

2019-07-03T09:45:14+09:00

引き続き、Oracle.DataAccess を使ってデータの登録、更新、削除をしてみます。

前回の記事はこちら。
【WPF】「Oracle.DataAccess」を利用して取得したデータを DataGrid に表示してみる

今回も、Entity Framework などは使わずに OracleCommand で実装していますので、サクッと書きます。

プログラムの修正

登録更新フォーム表示時の処理

SubWindow.xaml.cs

        public SubWindow(CatModel SelectedCat)
        {
            InitializeComponent();

            // データを取得
            // 種別マスタを取得してコンボボックスに設定する
            using (var conn = new OracleConnection("Data Source=localhost;User Id=USER01;Password=USER01;"))
            {
                // データを取得
                OracleCommand cmd = new OracleCommand("SELECT * FROM MSTKIND", conn);
                OracleDataAdapter da = new OracleDataAdapter(cmd);
                DataTable dt = new DataTable();
                da.Fill(dt);

                // コンボボックスに値を設定
                List sources = new List();
                Kind k = new Kind();
                k.KindCd = "00";
                k.KindName = "指定なし";
                sources.Add(k);
                foreach (DataRow row in dt.Rows)
                {
                    k = new Kind();
                    k.KindCd = row["KIND_CD"].ToString();
                    k.KindName = row["KIND_NAME"].ToString();
                    sources.Add(k);
                }

                // コンボボックスに設定
                this.cmb_kind.ItemsSource = sources;
                this.cmb_kind.DisplayMemberPath = "KindName";

                if (SelectedCat == null)
                {
                    // 追加処理の場合
                    this.Title = "追加";
                    this.btn_add.Visibility = Visibility.Visible;
                    this.btn_mod.Visibility = Visibility.Collapsed;
                }
                else
                {
                    this.SelectedCat = SelectedCat;

                    // 更新処理の場合
                    this.Title = "更新";
                    this.btn_add.Visibility = Visibility.Collapsed;
                    this.btn_mod.Visibility = Visibility.Visible;

                    // 値の設定
                    this.txt_name.Text = SelectedCat.Name;
                    foreach (ComboBoxItem i in this.cmb_sex.Items)
                    {
                        if (i.Content.ToString().Trim() == SelectedCat.Sex.Trim())
                        {
                            this.cmb_sex.SelectedItem = i;
                        }
                    }
                    this.txt_age.Text = SelectedCat.Age.ToString();
                    foreach (Kind kind in sources)
                    {
                        if (kind.KindCd == SelectedCat.Kind)
                        {
                            this.cmb_kind.SelectedItem = kind;
                            break;
                        }
                    }
                    this.txt_favorite.Text = SelectedCat.Favorite;

                }

            }
        }

追加処理

SubWindow.xaml.cs

        private void btn_add_Click(object sender, RoutedEventArgs e)
        {
            this.IsCancel = false;

            // データを追加する
            using (var conn = new OracleConnection("Data Source=localhost;User Id=USER01;Password=USER01;"))
            {
                conn.Open();

                // シーケンス列としていないので、
                // 最初に件数を取得して No を計算する
                OracleCommand cmd = new OracleCommand("SELECT COUNT(*) FROM TBLCAT", conn);
                decimal cnt = (decimal)cmd.ExecuteScalar();

                // クエリ作成
                String query = "INSERT INTO TBLCAT VALUES (" 
                             + ++cnt
                             + ", '" + this.txt_name.Text + "'"
                             + ", '" + (this.cmb_sex.SelectedItem as ComboBoxItem).Content + "'"
                             + ",  " + this.txt_age.Text
                             + ", '" + (this.cmb_kind.SelectedItem as Kind).KindCd + "'"
                             + ", '" + this.txt_favorite.Text + "')";

                // クエリ実行
                cmd = new OracleCommand(query, conn);
                cmd.ExecuteNonQuery();

                conn.Close();

                MessageBox.Show("データを追加しました。");
            }

            this.Close();
        }

更新処理

SubWindow.xaml.cs

        private void btn_mod_Click(object sender, RoutedEventArgs e)
        {
            this.IsCancel = false;

            // データを更新する
            using (var conn = new OracleConnection("Data Source=localhost;User Id=USER01;Password=USER01;"))
            {
                conn.Open();

                // クエリ作成
                String query = "UPDATE TBLCAT SET"
                             + "  NAME = '" + this.txt_name.Text + "'"
                             + ", SEX = '" + (this.cmb_sex.SelectedItem as ComboBoxItem).Content + "'"
                             + ", AGE = " + this.txt_age.Text
                             + ", KIND_CD = '" + (this.cmb_kind.SelectedItem as Kind).KindCd + "'"
                             + ", FAVORITE = '" + this.txt_favorite.Text + "' "
                             + "WHERE NO = " + SelectedCat.No;

                // クエリ実行
                OracleCommand cmd = new OracleCommand(query, conn);
                cmd.ExecuteNonQuery();

                conn.Close();

                MessageBox.Show("データを更新しました。");
            }

            this.Close();
        }

削除処理

MainWindow.xaml.cs

        private void del_button_Click(object sender, RoutedEventArgs e)
        {
            logger.Info("削除ボタンクリック");

            // データを削除する
            using (var conn = new OracleConnection("Data Source=localhost;User Id=USER01;Password=USER01;"))
            {
                conn.Open();
                int checkCount = 0;
                List list = this.dataGrid.ItemsSource as List;
                String query;
                foreach (CatModel cat in list)
                {
                    if (cat.IsChecked)
                    {
                        checkCount++;
                        // クエリ作成
                        query = "DELETE FROM TBLCAT WHERE NO = " + cat.No;

                        // クエリ実行
                        OracleCommand cmd = new OracleCommand(query, conn);
                        cmd.ExecuteNonQuery();
                    }
                }

                conn.Close();

                if (checkCount ==  0)
                {
                    MessageBox.Show("削除対象にチェックがされていません。");
                    return;
                }
            }

            // データ再検索
            searchData();

            MessageBox.Show("データを削除しました。");
        }

まとめ

そのうちまた違った方法で試してみたいと思いますが、Oracleはとりあえずここまでです。

ではでは。

【WPF】「Oracle.DataAccess」を利用して取得したデータを DataGrid に表示してみる

2019-07-02T11:15:57+09:00

今回は、Oracle.DataAccess を使ってデータを検索、データグリッドに表示してみます。
プログラムは前回までのものを流用します。
【WPF】別ウィンドウに値を受け渡して、データを更新できるようにしてみた

今までと同様、Entity Framework 、LINQ を利用してやってみようと思ったのですが、
ちょっと調べきれなかったのでひとまず DataTable を利用して自力でマッピングするといった感じになってしまいました。

EFとLINQについてはそのうち時間がある時に。。

参照の追加

パッケージ・エクスプローラーの「参照」を右クリックし、「参照の追加」を選択します。

参照マネージャー画面が表示されるので、「参照」ボタンをクリックします。

ファイル選択ダイアログが表示されるので、端末にインストールした「Oracle」から
Oracle.DataAccess.dll ファイルを指定します。

デフォルトであれば、下記のディレクトリにあります。
c:\oraclexe\app\oracle\product\11.2.0\server\odp.net\bin\4\

プログラムの修正

宣言の追加

MainWindow.xaml.cs

using System.Data;
using Oracle.DataAccess.Client;

接続処理の変更

MainWindow.xaml.cs

//using (var conn = new SQLiteConnection("Data Source=SampleDb.sqlite"))
using (var conn = new OracleConnection("Data Source=localhost;User Id=USER01;Password=USER01;"))

初期表示時の処理を修正

MainWindow.xaml.cs

        public MainWindow()
        {

            InitializeComponent();

            using (var conn = new OracleConnection("Data Source=localhost;User Id=USER01;Password=USER01;"))
            {

                conn.Open();

                // データを取得
                OracleCommand cmd = new OracleCommand("SELECT * FROM MSTKIND", conn);
                OracleDataAdapter da = new OracleDataAdapter(cmd);
                DataTable dt = new DataTable();
                da.Fill(dt);

                // コンボボックスに値を設定
                List sources = new List();
                Kind k = new Kind();
                k.KindCd = "";
                k.KindName = "指定なし";
                sources.Add(k);
                foreach (DataRow row in dt.Rows)
                {
                    k = new Kind();
                    k.KindCd = row["KIND_CD"].ToString();
                    k.KindName = row["KIND_NAME"].ToString();
                    sources.Add(k);
                }

                this.search_kind.ItemsSource = sources;
                this.search_kind.DisplayMemberPath = "KindName";
                conn.Close();
            }
        }

検索処理の修正

MainWindow.xaml.cs

        /// 
        /// 検索処理（非同期）
        /// 
        /// 
        /// 
        private void SearchProcess(object sender, DoWorkEventArgs e)
        {
            // 時間のかかるようにする
            System.Threading.Thread.Sleep(3000);

            // 猫データマスタを取得してコンボボックスに設定する
            using (var conn = new OracleConnection("Data Source=localhost;User Id=USER01;Password=USER01;"))
            {
                conn.Open();

                String searchName = (e.Argument as Object[])[0] as String;
                String searchKind = (e.Argument as Object[])[1] as String;

                // データを取得
                String sql = "SELECT * FROM TBLCAT";
                String where = "";
                if (searchName != "")
                {
                    where = " WHERE NAME LIKE '" + searchName + "%'";
                }
                if (searchKind != "")
                {
                    if (where != "")
                    {
                        where += " AND";
                    }
                    else
                    {
                        where = " WHERE";
                    }
                    where += " KIND_CD = '" + searchKind + "'";
                }

                sql += where;

                OracleCommand cmd = new OracleCommand(sql, conn);
                OracleDataAdapter da = new OracleDataAdapter(cmd);
                DataTable dt = new DataTable();
                da.Fill(dt);

                List sources = new List();
                foreach (DataRow row in dt.Rows)
                {
                    CatModel c = new CatModel();
                    c.IsChecked = false;
                    String no = row["NO"].ToString();
                    c.No = int.Parse(row["NO"].ToString());
                    c.Name = row["NAME"].ToString();
                    c.Sex = row["SEX"].ToString();
                    c.Age = int.Parse(row["AGE"].ToString());
                    c.Kind = row["KIND_CD"].ToString();
                    c.Favorite = row["FAVORITE"].ToString();
                    sources.Add(c);
                }

                e.Result = sources;
            }
        }

コンバーターの修正

        /// 
        /// データ変換処理
        /// 
        /// 
        /// 
        /// 
        /// 
        /// 
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            using (var conn = new OracleConnection("Data Source=localhost;User Id=USER01;Password=USER01;"))
            {
                conn.Open();
                // データを取得
                OracleCommand cmd = new OracleCommand("SELECT * FROM MSTKIND WHERE KIND_CD = '" + value + "'", conn);
                OracleDataAdapter da = new OracleDataAdapter(cmd);
                DataTable dt = new DataTable();
                da.Fill(dt);

                String ret = "";
                if (dt.Rows.Count == 1)
                {
                    ret = dt.Rows[0]["KIND_NAME"].ToString();
                }

                conn.Close();
                return ret;
            }
        }

ひとまずこれで検索はできるようになるはずです。

起動してみる

検索ボタンをクリックします。

無事に検索してデータが表示されました。

まとめ

例によって、登録・更新・削除はまた次回ということで。

ではでは。

【WPF】別ウィンドウに値を受け渡してデータを更新できるようにしてみた

2019-07-01T15:42:43+09:00

引き続き、モーダル表示した子ウィンドウの話です。

こういった画面を作る際に必要となるのが、親画面から子画面（逆もまたしかり）へのデータ渡しですよね。

ということで、今回はデータの修正を別ウィンドウで行うように修正するついでに、親から子へデータを渡す方法を試してみます。

プログラムは前回のものを。
【WPF】登録画面を作成して別ウィンドウのモーダル表示をやってみた。

画面の変更

SubWindow.xaml
更新ボタンを追加し、デフォルトを非表示状態にする。

プログラム修正

コンストラクタに引数を追加

親画面から値を受け取るために引数を追加します。
SubWindow.xaml.cs

    public SubWindow()
    を
    public SubWindow(CatModel SelectedCat)
    に変更する

グローバル変数の追加

更新時に参照するためにグローバルな変数に受け取ったデータを設定します。
SubWindow.xaml.cs

public CatModel SelectedCat { set; get; }

初期化処理の修正

追加、更新でボタンの表示切替、及び画面へのデータ設定を行うようにします。
SubWindow.xaml.cs

            public SubWindow(CatModel SelectedCat)
            {
                InitializeComponent();

                // データを取得
                // 種別マスタを取得してコンボボックスに設定する
                using (var context = new PgDbContext())
                {
                    var mstKind = context.Kinds;
                    IQueryable result = from x in mstKind orderby x.KindCd select x;
                    var list = result.ToList();

                    // コンボボックスに設定
                    this.cmb_kind.ItemsSource = list;
                    this.cmb_kind.DisplayMemberPath = "KindName";

                    if (SelectedCat == null)
                    {
                        // 追加処理の場合
                        this.Title = "追加";
                        this.btn_add.Visibility = Visibility.Visible;
                        this.btn_mod.Visibility = Visibility.Collapsed;
                    }
                    else
                    {
                        this.SelectedCat = SelectedCat;

                        // 更新処理の場合
                        this.Title = "更新";
                        this.btn_add.Visibility = Visibility.Collapsed;
                        this.btn_mod.Visibility = Visibility.Visible;

                        // 値の設定
                        this.txt_name.Text = SelectedCat.Name;
                        foreach (ComboBoxItem i in this.cmb_sex.Items)
                        {
                            if (i.Content.ToString().Trim() == SelectedCat.Sex.Trim())
                            {
                                this.cmb_sex.SelectedItem = i;
                            }
                        }
                        this.txt_age.Text = SelectedCat.Age.ToString();
                        foreach (Kind k in list)
                        {
                            if (k.KindCd == SelectedCat.Kind)
                            {
                                this.cmb_kind.SelectedItem = k;
                                break;
                            }
                        }
                        this.txt_favorite.Text = SelectedCat.Favorite;
                    }
                }
            }

更新処理の追加

更新ボタンクリックイベントを追加します。
SubWindow.xaml.cs

        /// 
        /// 更新ボタンクリックイベント.
        /// 
        /// 
        /// 
        private void btn_mod_Click(object sender, RoutedEventArgs e)
        {
            this.IsCancel = false;

            // データを更新する
            using (var context = new PgDbContext())
            {
                // 対象のテーブルオブジェクトを取得
                var table = context.Cats;
                // テーブルから対象のデータを取得
                var target = table.Single(x => x.No == SelectedCat.No);
                // データ変更
                target.Name = this.txt_name.Text;
                target.Sex = (this.cmb_sex.SelectedItem as ComboBoxItem).Content.ToString();
                target.Age = int.Parse(this.txt_age.Text);
                target.Kind = (this.cmb_kind.SelectedItem as Kind).KindCd;
                target.Favorite = this.txt_favorite.Text;

                // DBの変更を確定
                context.SaveChanges();

                MessageBox.Show("データを更新しました。");
            }

            this.Close();
        }

起動してみる

対象を選択して「更新」ボタンをクリックします。

別ウィンドウが表示され、選択されたデータが各項目に反映されています。

データを修正し、「更新」ボタンをクリックします。

確認メッセージが表示されます。

データが再検索され、更新が反映されていることが確認できました。

まとめ

無事に親画面から子画面へとデータを渡して処理することができました。
引数をオブジェクトの配列なんかにすると複数のパラメータを渡すことも可能ですね

という感じで、今回はここまでです。

ではでは。

【WPF】登録画面を作成して別ウィンドウのモーダル表示をやってみた。

2019-06-29T11:47:37+09:00

今回はデータ追加用のフォームを別Windowで作成し、追加ボタンがクリックされた際にモーダル表示しようと思います。

プログラムは前回のものを利用します。
【WPF】画面のタイトルバーに自作アイコンを表示する

プログラムの修正

新規画面の追加

ソリューションエクスプローラーでプロジェクトを右クリックし、「追加」＞「ウィンドウ」を選択します。

新しい項目の追加画面で「ウィンドウ（WPF）」を選択、名前に「SubWindow.xaml」と入力して「追加」ボタンをクリックします。

画面の作成

SubWindow.xaml

処理の実装

SubWindow.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.Shapes;

using Npgsql;
using MahApps.Metro.Controls;

namespace WpfApp1
{
    /// 
    /// SubWindow.xaml の相互作用ロジック
    /// 
    public partial class SubWindow : MetroWindow
    {

        public Boolean IsCancel { set; get; }


        public SubWindow()
        {
            InitializeComponent();

            // データを取得
            // 種別マスタを取得してコンボボックスに設定する
            using (var context = new PgDbContext())
            {
                var mstKind = context.Kinds;
                IQueryable result = from x in mstKind orderby x.KindCd select x;
                var list = result.ToList();

                // コンボボックスに設定
                this.cmb_kind.ItemsSource = list;
                this.cmb_kind.DisplayMemberPath = "KindName";
            }

        }

        /// 
        /// キャンセルボタンクリックイベント.
        /// 
        /// 
        /// 
        private void btn_cansel_Click(object sender, RoutedEventArgs e)
        {
            this.IsCancel = true;
            this.Close();
        }

        /// 
        /// 追加ボタンクリックイベント.
        /// 
        /// 
        /// 
        private void btn_add_Click(object sender, RoutedEventArgs e)
        {
            this.IsCancel = false;

            // データを追加する
            using (var context = new PgDbContext())
            {
                var cats = context.Cats;
                int no = cats.Count();

                // データ作成
                Cat cat = new Cat();
                cat.No = no + 1;
                cat.Name = this.txt_name.Text;
                cat.Sex = (this.cmb_sex.SelectedItem as ComboBoxItem).Content.ToString();
                cat.Age = int.Parse(this.txt_age.Text);
                cat.Kind = (this.cmb_kind.SelectedItem as Kind).KindCd;
                cat.Favorite = this.txt_favorite.Text;
                // データ追加
                context.Cats.Add(cat);
                // DBの変更を確定
                context.SaveChanges();

                MessageBox.Show("データを追加しました。");
            }

            this.Close();
        }
    }
}

メイン画面の修正

MainWindow.xaml.cs

追加ボタンをクリックした際の処理を修正します。

        /// 
        /// 追加ボタンクリックイベント
        /// 
        /// 
        /// 
        private void add_button_Click(object sender, RoutedEventArgs e)
        {
            logger.Info("追加ボタンクリック");

            var win = new SubWindow();
            win.Owner = GetWindow(this);
            win.ShowDialog();

            if (!win.IsCancel) {
                // データ再検索
                searchData();
            }
        }

起動してみる

検索ボタンをクリックしてデータを表示、追加ボタンをクリックします。

表示された子ウィンドウの各項目を入力、選択し「追加」ボタンをクリックします。

追加完了メッセージが表示されます。

無事にデータが登録されました。

まとめ

昔からモーダル画面で何かを操作させるというのはよくありますよね。

操作性なんかを考えると、果たしてそれでいいのかという気持ちもありますが、ひとまずやってみました。

登録フォーム以外でも活用できる場面はあるかと思いますし。

次回は子画面にデータを受け渡してみたいと思います。

ではでは。

【WPF】画面のタイトルバーに自作アイコンを表示する

2019-06-28T11:48:01+09:00

今回は、画面のタイトルバーにアイコンを表示したいと思います。
アイコン自体は無料のサービス「Canva」でちゃちゃっと作ってみました。

無料で使えるデザインツール「Canva」でブログタイトル画像を作る

アイコンを作成する

https://www.canva.com/

Canva で猫のシルエットのイラストを適当に追加します。

ダウンロードボタンをクリックしてダウンロードします。

透過させる

Gimpというツールを使って作成した画像の背景を透過させます。

先ほど作成した画像をドラッグアンドドロップで表示したら、
ツールから「ファジー選択ツール」を選択します。

背景色（白い）部分をクリックすると、同じ色の箇所が選択状態となります。

背景色が選択された状態で、「Delete」キーを押下すると選択された部分が透過されます。

ファイルメニューから「名前を付けてエクスポート」を選択して画像を保存します。

画像をアイコンファイルに変換

こちらもフリーで出来るサービスを利用して「PNG」→「ICO」ファイルに変換します。

アイコンコンバーター

ページを表示したら、「ファイルを選択」ボタンをクリックして
先ほど作成した画像ファイルをアップロードします。

色々なサイズに変換してくれるので、32 x 32 の大きさをダウンロードします。

アイコンをリソースに追加

ソリューションエクスプローラで、
プロジェクトを右クリックし「追加」＞「フォルダ」を選択、「Resource」フォルダを作成します。

作成した「Resource」に作成した「ICO」ファイルをコピー&ペースト等で追加します。

画面を修正する

Windowのオプションを追加します。
（リソースのパスは次のようにします。）

/プロジェクト名;component/Resource/アイコン名.ico

通常版

Icon="/WpfApp1;component/Resource/Cat.ico"

サイズ変更版

こちらは Window のオプションではなく、別途追加してサイズを変更する方法です。
（メトロウィンドウ）

アイコンを表示した画面です。
ちょっと小さすぎましたが、アイコン作成時にちゃんとしたサイズを意識すれば問題ありませんね。

今回はここまで。

ではでは。

【WPF】データグリッドにチェックボックス列を設けてワンクリックでチェックできるようにする

2019-06-27T09:53:39+09:00

今回は、Datagrid にチェックボックス列を追加し、選択したデータを削除できるようにしたいと思います。

デフォルトで、「DataGridCheckBoxColumn」というのがあるのですが、これだと行を選択したあとにチェックしなければならず、なんか操作性が悪いため別の方法で実装します。

プログラムは、前回のプログラムを流用します。
【WPF】PostgreSQL に接続してデータを操作（登録、更新、削除）してみる

画面の修正

データグリッド列の先頭に次の「DataGridTemplateCoumn」を追加します。

MainWindow.xaml

プログラム修正

クラス追加

チェックボックスにバインドする列を追加したクラスを作成します。

CatModel.cs

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

namespace WpfApp1
{
    public class CatModel
    {
        public CatModel() {
        }
        public CatModel(int No, String Name, String Sex, int Age, String Kind, String Favorite) {
            this.IsChecked = false;
            this.No = No;
            this.Name = Name;
            this.Sex = Sex;
            this.Age = Age;
            this.Kind = Kind;
            this.Favorite = Favorite;
        }
        public Boolean IsChecked { get; set; }
        public int No { get; set; }
        public String Name { get; set; }
        public String Sex { get; set; }
        public int Age { get; set; }
        public String Kind { get; set; }
        public String Favorite { get; set; }

    }
}

データ取得処理の修正

取得したデータを作成したクラスにマッピングします。

MainWindow.xaml.cs

        List resultList = new List();
        foreach (Cat cat in result.ToList())
        {
            resultList.Add(new CatModel(cat.No, cat.Name, cat.Sex, cat.Age, cat.Kind, cat.Favorite));
        }
        e.Result = resultList;

データグリッドに設定する処理の修正

データグリッドに設定するリストのクラスを変更します。

MainWindow.xaml.cs

        /// 
        /// 検索完了処理（非同期）
        /// 
        /// 
        /// 
        private void SearchProcessCompleted(object sender, RunWorkerCompletedEventArgs e)
        {
            this.dataGrid.ItemsSource = e.Result as List;
            ToggleProgressRing();
        }

削除処理の修正

削除ボタンがクリックされたら、
チェックボックスが選択されているデータを削除するように修正します。

        /// 
        /// 削除ボタンクリックイベント
        /// 
        /// 
        /// 
        private void del_button_Click(object sender, RoutedEventArgs e)
        {
            logger.Info("削除ボタンクリック");

            // データを削除する
            using (var context = new PgDbContext())
            {
                int checkCount = 0;
                List list = this.dataGrid.ItemsSource as List;
                foreach (CatModel cat in list)
                {
                    if (cat.IsChecked)
                    {
                        checkCount++;
                        // 対象のテーブルオブジェクトを取得
                        var table = context.Cats;
                        // テーブルから対象のデータを取得
                        var target = table.Single(x => x.No == cat.No);
                        // データ削除
                        table.Remove(target);
                        // DBの変更を確定
                        context.SaveChanges();
                    }
                }
                if (checkCount ==  0)
                {
                    MessageBox.Show("削除対象にチェックがされていません。");
                    return;
                }
            }

            // データ再検索
            searchData();

            MessageBox.Show("データを削除しました。");
        }

起動してみる

追加したチェックボックスをいくつかチェックして削除ボタンをクリックします。

無事にデータが削除されました。

まとめ

データグリッドにチェックボックスをつけるって結構よくある要件ですよね。
デフォルトでこうしてくれればいいんですけど。

まあとりあえずはこんな感じでいいんじゃないでしょうか。

ではでは。

【WPF】PostgreSQL に接続してデータを操作（登録、更新、削除）してみる

2019-06-26T09:51:09+09:00

おはようございます。

前回に引き続き PostgreSQL を使って、登録、更新、削除をしてみたいと思います。

前回の記事はこちら。
【WPF】PostgreSQL に接続してデータを取得して表示する

プログラムの修正

追加処理の修正

MainWindow.xaml.cs

        /// 
        /// 追加ボタンクリックイベント
        /// 
        /// 
        /// 
        private void add_button_Click(object sender, RoutedEventArgs e)
        {
            logger.Info("追加ボタンクリック");

            // データを追加する
            // PgDbContext に変更
            //using (var conn = new SQLiteConnection("Data Source=SampleDb.sqlite"))
            using (var context = new PgDbContext())
            {
                // データ作成
                // テーブルはコンテキスト経由でアクセスする
                //var table = context.GetTable();
                Cat cat = new Cat();
                cat.No = 5;
                cat.No = 5;
                cat.Name = "こなつ";
                cat.Sex = "♀";
                cat.Age = 7;
                cat.Kind = "01";
                cat.Favorite = "布団";
                // データ追加
                // コンテキスト経由でエンティティを追加
                //table.InsertOnSubmit(cat);
                context.Cats.Add(cat);
                // DBの変更を確定
                // メソッド変更
                //context.SubmitChanges();
                context.SaveChanges();
            }

            // データ再検索
            searchData();
            MessageBox.Show("データを追加しました。");
        }

更新処理

MainWindow.xaml.cs

        /// 
        /// 更新ボタンクリックイベント
        /// 
        /// 
        /// 
        private void upd_button_Click(object sender, RoutedEventArgs e)
        {
            logger.Info("更新ボタンクリック");

            // 選択チェック
            if (this.dataGrid.SelectedItem == null)
            {
                MessageBox.Show("更新対象を選択してください。");
                return;
            }

            // データを更新する
            // PgDbContext に変更
            //using (var conn = new SQLiteConnection("Data Source=SampleDb.sqlite"))
            using (var context = new PgDbContext())
            {
                // 対象のテーブルオブジェクトを取得
                // テーブルはコンテキスト経由でアクセスする
                //var table = context.GetTable();
                var table = context.Cats;
                // 選択されているデータを取得
                Cat cat = this.dataGrid.SelectedItem as Cat;
                // テーブルから対象のデータを取得
                var target = table.Single(x => x.No == cat.No);
                // データ変更
                target.Favorite = "高いところ";
                // DBの変更を確定
                // メソッド変更
                //context.SubmitChanges();                
                context.SaveChanges();
            }

            // データ再検索
            searchData();

            MessageBox.Show("データを更新しました。");
        }

削除処理

MainWindow.xaml.cs

        /// 
        /// 削除ボタンクリックイベント
        /// 
        /// 
        /// 
        private void del_button_Click(object sender, RoutedEventArgs e)
        {
            logger.Info("追加ボタンクリック");

            // 選択チェック
            if (this.dataGrid.SelectedItem == null)
            {
                MessageBox.Show("削除対象を選択してください。");
                return;
            }

            // データを削除する
            // PgDbContext に変更
            //using (var conn = new SQLiteConnection("Data Source=SampleDb.sqlite"))
            using (var context = new PgDbContext())
            {
                // 対象のテーブルオブジェクトを取得
                // テーブルはコンテキスト経由でアクセスする
                //var table = context.GetTable();
                var table = context.Cats;
                // 選択されているデータを取得
                Cat cat = this.dataGrid.SelectedItem as Cat;
                // テーブルから対象のデータを取得
                var target = table.Single(x => x.No == cat.No);
                // データ削除
                // メソッド変更
                //table.DeleteOnSubmit(target);
                table.Remove(target);
                // DBの変更を確定
                context.SaveChanges();
            }

            // データ再検索
            searchData();
            MessageBox.Show("データを削除しました。");
        }

まとめ

サクッとした記事になりましたが、ひとまず PostgreSQL はここまでとして次回は Oracle を試してみたいと思います。

ソースはこちら

GitHub

ではでは。

【WPF】PostgreSQL に接続してデータを取得して表示する

2019-06-25T10:05:02+09:00

おはようございます。

今回は、PostgreSQLを使ってデータを検索、データグリッドに表示してみます。
お決まりですが、プログラムは前回までのものを流用します。

【WPF】ProgressRingを使って時間のかかる処理を分かりやすくする

また、PostgreSQLをインストールしていない場合は次の記事を参照して、パソコンにインストールしてください。

PostgreSQL 9.6.3 をインストールしてテーブルを作成する

Nuget でパッケージをダウンロード

ソリューションエクスプローラーからプロジェクトを選択、右クリックし
「Nuget パッケージの管理」を選択

Nuget パッケージ管理画面が表示されるので、
検索窓に「Npgsql 6」を入力し、「EntityFramework6.Npgsql」を選択、
インストールボタンをクリックします。

プレビュー画面が表示される場合は「OK」ボタンをクリックします。

出力ビューに「終了」が表示されれば完了です。

スキーマの作成

PostgreSQL ではスキーマ単位の管理をしておかないと困ることになります。

スキーマ指定しないでテーブル作成すると「public」スキーマに作成されるのですが、
C#からの接続時には必ず（やってみた限りでは）スキーマ指定しないといけないので、まずはスキーマを作成しておきます。

CREATE SCHEMA dora;

テーブルの作成

作成したスキーマににテーブルを作成
SQLite の時と同じテーブル、データを用意します。

このとき、テーブル名やカラム名は小文字にしておくこと。

CREATE TABLE IF NOT EXISTS dora.mstkind (
        kind_cd CHAR(2) NOT NULL
        , kind_name VARCHAR(20)
        , primary key (kind_cd)
);


CREATE TABLE IF NOT EXISTS dora.tblcat (
        no INTEGER NOT NULL
        , name VARCHAR(20) NOT NULL
        , sex CHAR(3) NOT NULL
        , age INTEGER DEFAULT 0 NOT NULL
        , kind_cd CHAR(2) DEFAULT '00' NOT NULL
        , favorite VARCHAR(40)
        , PRIMARY KEY (no)
);

INSERT INTO DORA.MSTKIND VALUES ('01', 'キジトラ');
INSERT INTO DORA.MSTKIND VALUES ('02', '長毛種（不明）');
INSERT INTO DORA.MSTKIND VALUES ('03', 'ミケ（っぽい）');
INSERT INTO DORA.MSTKIND VALUES ('04', 'サビ');
INSERT INTO DORA.MSTKIND VALUES ('09', 'その他');
INSERT INTO DORA.TBLCAT VALUES('1','そら','♂','6','01','犬の人形');
INSERT INTO DORA.TBLCAT VALUES('2','りく','♂','5','02','人間');
INSERT INTO DORA.TBLCAT VALUES('3','うみ','♀','4','03','高級ウェットフード');
INSERT INTO DORA.TBLCAT VALUES('4','こうめ','♀','2','04','横取りフード');

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

using System.Data.Entity;
using Npgsql;

namespace WpfApp1
{
    class PgDbContext : DbContext
    {
        private const string ConnectionString = "Server=localhost;User ID=USER01;Password=USER01;Database=DB01;port=5432";

        // コンストラクタにて接続文字列を設定
        public PgDbContext() : base(new NpgsqlConnection(ConnectionString), true) { }

        public DbSet Kinds { get; set; }
        public DbSet Cats { get; set; }

        // スキーマを変更する場合にはここに設定
        protected override void OnModelCreating(DbModelBuilder modelBuilder)
        {
            //Configure default schema
            modelBuilder.HasDefaultSchema("dora");
        }
    }
}

Entityクラスの修正

アノテーションが今までのとちょっと違うので修正します。

Kind.cs

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

using System.ComponentModel.DataAnnotations;
using System.ComponentModel.DataAnnotations.Schema;

namespace WpfApp1
{
    [Table("mstkind")]
    class Kind
    {
        [Key]
        [Column("kind_cd")]
        public String KindCd { get; set; }
        [Column("kind_name")]
        public String KindName { get; set; }
    }
}

Cat.cs

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

using System.ComponentModel.DataAnnotations;
using System.ComponentModel.DataAnnotations.Schema;

namespace WpfApp1
{
    [Table("tblcat")]
    class Cat
    {
        [Key]
        [DatabaseGenerated(DatabaseGeneratedOption.None)]
        [Column("no")]
        public int No { get; set; }
        [Column("name")]
        public String Name { get; set; }
        [Column("sex")]
        public String Sex { get; set; }
        [Column("age")]
        public int Age { get; set; }
        [Column("kind_cd")]
        public String Kind { get; set; }
        [Column("favorite")]
        public String Favorite { get; set; }
    }
}

宣言の追加

MainWindow.xaml.cs

using Npgsql;
using System.ComponentModel;

接続処理の変更

テーブル作成以外、全ての箇所を変更します。

MainWindow.xaml.cs

//using (var conn = new SQLiteConnection("Data Source=SampleDb.sqlite"))
using (var context = new PgDbContext())

テーブル作成は今まで通りコマンドで行います。
（また別途、DbContext でのやり方は紹介します）

テーブル作成クエリの変更

SQLite とは微妙に違うところ（型、長さ）を変更。

MainWindow.xaml.cs

// テーブルが存在しなければ作成する
// 種別マスタ
StringBuilder sb = new StringBuilder();
sb.Append("CREATE TABLE IF NOT EXISTS mstkind (");
sb.Append(" kind_cd CHAR(2) NOT NULL");
sb.Append(" , kind_name VARCHAR(20)");
sb.Append(" , PRIMARY KEY (kind_cd)");
sb.Append(")");
command.CommandText = sb.ToString();
command.ExecuteNonQuery();

// 猫テーブル
sb.Clear();
sb.Append("CREATE TABLE IF NOT EXISTS tblcat (");
sb.Append(" no INTEGER NOT NULL");
sb.Append(" , name VARCHAR(20) NOT NULL");
sb.Append(" , sex CHAR(3) NOT NULL");
sb.Append(" , age INTEGER DEFAULT 0 NOT NULL");
sb.Append(" , kind_cd CHAR(2) DEFAULT '00' NOT NULL");
sb.Append(" , favorite VARCHAR(40)");
sb.Append(" , PRIMARY KEY (no)");
sb.Append(")");

command.CommandText = sb.ToString();
command.ExecuteNonQuery();

検索処理の修正

MainWindow.xaml.cs

        /// 
        /// 検索処理（非同期）
        /// 
        /// 
        /// 
        private void SearchProcess(object sender, DoWorkEventArgs e)
        {
            // 猫データマスタを取得してコンボボックスに設定する
            //using (var conn = new SQLiteConnection("Data Source=SampleDb.sqlite"))
            // PgDbContext に変更
            using (var context = new PgDbContext())
            {
                String searchName = this.search_name.Text;
                String searchKind = (this.search_kind.SelectedValue as Kind).KindCd;

                // データを取得
                // context から DbSet を取得
                //Table tblCat = con.GetTable();
                var tblCat = context.Cats;

                // サンプルなので適当に組み立てる
                IQueryable result;
                if (searchKind == "")
                {
                    // 名前は前方一致のため常に条件していしても問題なし
                    result = from x in tblCat
                             where x.Name.StartsWith(searchName)
                             orderby x.No
                             select x;
                }
                else
                {
                    result = from x in tblCat
                             where x.Name.StartsWith(searchName) & x.Kind == searchKind
                             orderby x.No
                             select x;

                }
                this.dataGrid.ItemsSource = result.ToList();
            }
        }

コンバーターの修正

データグリッドに表示する際に値を変換している箇所も、DB接続しているため変更します。

KindConverter.cs

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

using System.Data.Linq;
using System.Data.SQLite;
using System.Data.SQLite.Linq;

// Converter 用
// IValueConverter、CultureInfo
using System.Windows.Data;
using System.Globalization;


namespace WpfApp1
{
    /// 
    /// 種別コンバータークラス.
    /// 
    public class KindConverter : IValueConverter
    {
        /// 
        /// データ変換処理
        /// 
        /// 
        /// 
        /// 
        /// 
        /// 
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            //using (var conn = new SQLiteConnection("Data Source=SampleDb.sqlite"))
            // PgDbContext に変更
            using (var context = new PgDbContext())
            {
                // データを取得
                //Table tblCat = con.GetTable();
                //Kind k = tblCat.Single(c => c.KindCd == value as String);
                var kind = context.Kinds.SingleOrDefault(c => c.KindCd == (String)value);
                if (kind != null)
                {
                    return kind.KindName;
                }
                return "";
            }
        }

        /// 
        /// データ復元処理
        /// 
        /// 
        /// 
        /// 
        /// 
        /// 
        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            using (var context = new PgDbContext())
            {
                // データを取得
                //Table tblCat = con.GetTable();
                //Kind k = tblCat.Single(c => c.KindCd == value as String);
                var kind = context.Kinds.SingleOrDefault(c => c.KindName == value as String);
                if (kind != null)
                {
                    return kind.KindCd;
                }

            }
            return "";
        }
    }
}

起動してみる

無事に起動、検索することができました。

まとめ

ひとまず、元々の処理（SQLite、MySQL）とあまり変更せずに実装することができました。

ちょっと長くなってしまったので、
登録、更新、削除はまた次回とさせていただきます。

ではでは。

【WPF】ProgressRingを使って時間のかかる処理を分かりやすくする

2019-06-24T10:48:16+09:00

WEBなんかでよく見かける、処理中にローディング画像を表示するってのをやってみます。

重い処理なんかで、ローディング表示がない場合はユーザーが動いているのかどうか心配になり、挙句の果てに強制終了してしまったりしますので、大事ですよね。
体感速度も違ってきますし。

プログラムは前回のものを利用します。
【WPF】MahApps.Metro で見た目をスタイリッシュにしてみる

スタイルの追加

StyleDic.xaml

宣言の追加

スタイルの追加

画面の修正

MainWindow.xaml

抜粋

全体

プログラムの修正

ライブラリ使用宣言の追加

MainWindow.xaml.cs

抜粋

using System.ComponentModel;

検索処理の修正

検索処理を、BackgroundWorkerを使って非同期処理として分離します。

MainWindow.xaml.cs

        /// 
        /// 検索処理（非同期）
        /// 
        /// 
        /// 
        private void SearchProcess(object sender, DoWorkEventArgs e)
        {
            // 時間のかかるようにする
            System.Threading.Thread.Sleep(3000);

            using (var conn = new MySqlConnection("Database=DB01;Data Source=localhost;User Id=USER01;Password=USER01; sqlservermode=True;"))
            {
                conn.Open();

                // 猫データマスタを取得してコンボボックスに設定する
                using (DataContext con = new DataContext(conn))
                {
                    String searchName = (e.Argument as Object[])[0] as String;
                    String searchKind = (e.Argument as Object[])[1] as String;

                    // データを取得
                    Table tblCat = con.GetTable();

                    // サンプルなので適当に組み立てる
                    IQueryable result;
                    if (searchKind == "")
                    {
                        // 名前は前方一致のため常に条件していしても問題なし
                        result = from x in tblCat
                                 where x.Name.StartsWith(searchName)
                                 orderby x.No
                                 select x;
                    }
                    else
                    {
                        result = from x in tblCat
                                 where x.Name.StartsWith(searchName) & x.Kind == searchKind
                                 orderby x.No
                                 select x;

                    }
                    e.Result = result.ToList();
                }

                conn.Close();
            }
        }

        /// 
        /// 検索完了処理（非同期）
        /// 
        /// 
        /// 
        private void SearchProcessCompleted(object sender, RunWorkerCompletedEventArgs e)
        {
            this.dataGrid.ItemsSource = e.Result as List;
            ToggleProgressRing();
        }

        /// 
        /// 処理中イメージの表示／非表示切り替え
        /// 
        /// 
        private void ToggleProgressRing()
        {
            if (this.loading_image.IsActive)
            {
                this.loading_image.IsActive = false;
                this.rec_overlay.Visibility = Visibility.Collapsed;
            }
            else
            {
                this.loading_image.IsActive = true;
                this.rec_overlay.Visibility = Visibility.Visible;
            }
        }

メソッドの修正

検索ボタンをクリックした際に、先ほど追加した非同期処理を呼び出すように修正します。

        /// 
        /// 検索ボタンクリックイベント.
        /// 
        /// 
        /// 
        /// 
        private void search_button_Click(object sender, RoutedEventArgs e)
        {
            logger.Info("検索ボタンクリック");

            Object[] param = new Object[2];
            param[0] = this.search_name.Text;
            param[1] = (this.search_kind.SelectedValue as Kind).KindCd;

            BackgroundWorker worker = new BackgroundWorker();
            worker.DoWork += SearchProcess;
            worker.RunWorkerCompleted += new RunWorkerCompletedEventHandler(SearchProcessCompleted);
            worker.RunWorkerAsync(param);

            ToggleProgressRing();

        }

起動してみる

動画
https://www.youtube.com/embed/MOaQGtqEoUA

いい感じですね。

ローディング表示だけだと、処理中にボタンなんかが押せてしまうので図形をかぶせるようにしてみました。

まとめ

簡単な（画面の少ない）アプリであればこんな方法でも十分かなと思います。

ソースはこちら

GitHub

ではでは。

【WPF】MahApps.Metro で見た目をスタイリッシュにしてみる

2019-06-22T11:28:45+09:00

今ではスマートフォンやタブレットをほとんどの人が使っていることもあり
見た目や操作性が重視される世の中になりましたよね。

WPFはスタイルなんかも結構簡単に弄れるし、
自力でかっこよくすることもできるんだと思いますが、
今回は簡単にスタイリッシュに変更できるパッケージを紹介します。

プログラムは前回のものを利用します。
【WPF】MySQL（MariaDB）に接続してデータを DataGrid に表示してみる

MahApps.Metro

公式から紹介文を訳して転載 Mahapps.Metroは、デフォルトのコントロールのスタイルをオーバーライドし、それらにメトロアッシュの外観を与えます。スタイルだけではありません。 MahApps.Metroには、Windows Phoneのコンセプトに基づいたカスタムコントロールもいくつか含まれています。

簡単に言うと、少しの修正で既存のWPFアプリをかっこよく出来まっせってことですね。

NuGetでパッケージをダウンロード

パッケージエクスプローラの「参照」を右クリックし、「NuGetパッケージの管理」を選択します。

MahApps で絞り込みし、「MahApps.Metro」を選択、
「インストール」ボタンをクリックします。

プレビュー画面が表示された場合は「OK」ボタンをクリックします。

出力ビューに「終了」が出力されれば完了です。

画面の修正

XML名前空間の追加

MainWindow.xaml

抜粋

    xmlns:Controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"

Windowの変更

Window を Mah:MetroWindow に変更



全体


    
        
    

    
        
            
        
        
        
        
        
        

プログラムの修正

パッケージ利用宣言

MainWindow.xaml.cs

抜粋

using MahApps.Metro.Controls


クラス変更

MainWindow.xaml.cs

抜粋

public partial class MainWindow : MetroWindow


リソースの追加

App.xaml


    
        
            
                
                
                
                
                
                
                
            
        
    




 

起動してみる



簡単に変更できましたね。

まとめ

Mahapps は他にも色々と出来るみたいなのでそのうちやってみたいと思います。

ソースはこちら

GitHub

ではでは。