XAML

やっとこさ来た XAML におけるデザイン作りこみの要、Template についてちょこちょこまとめる。 正直まとめるの大変な内容なので複数にわける。今回は「ItemsPanelTemplate」と「DataTemplate」だけ。 目次 Template の種類 ItemsPanelTemplate DataTemplate DataTemplate で既存の外観を変更する まとめ Template の種類 Template は複数いる。全部じゃないと思うけど、自身が知った、知りたいものをまとめる。 種類 説明 DataTemplate 必ずしも外観を持たなくてよいデータオブジェクトに対して…

XAMLの座標変換の基本についてまとめる。まとめる内容は以下のうちで、平行性を保った変換（アフィン変換という）のみとする。 アフィン変換ではない、図形の平行性を維持しない（ぐちゃぐちゃに変形できる）ような座標変換（テーパー変換という）は扱わない。 平行移動 拡大・縮小 傾斜 回転 座標変換のまとめ 座標変換の組み合わせとアニメーション 平行移動 図形を平行移動させる。使いどころは、sin波やcos波など波形を扱う場合で、位相差による差分等を比較したいときや、どのような変化をするのかアニメーションで見たいとき。 使うのは「RenderTransform」の「TranslateTransform」…

XAMLで値を変換しながらバインディングするための変換器であるConverterについてまとめる。 データバインディングは過去記事にちょこっとまとめた。 backacheengineer.hatenablog.com Converterの使いどころ 使いどころは値を変換したいとき（当たり前）だ。 例えば、int 型の値を16進数下2桁で表示したいときなどに、内部で「変数.ToString("X2")」みたいなのができる。 正直なところ、使いまくるということはないと思っている。 Converterクラスの実装 実装は「IValueConverter」インターフェースを継承して行う。 サクッとサン…

最初見たときは「イベントでええやん」と思った Command だけど、MVVM を勉強したころから「これ使えるようになった方がいいかも」と気づいた。正直、全然理解しきれてないけど書いてく。 目次 Command の存在意義 Command の使い方 Command の構成 Command の存在意義 自分なりの理解になってしまうが、Command がなぜ必要なのかまとめる。（自分なりというのはあまり好きじゃないけど） もしもなんか暇でここを読んでいる博識な方がいたら指摘お願いしたいくらい。 存在意義は単刀直入に言って、「View からコードを分離するため」に Command がある。 Comm…

xaml とか勉強してると何かと出てくる Model - View - ViewModel ( MVVM ) という構造は把握しておきたいんで、 とりあえず今のところの知識をまとめておく（アウトプット大事）。 目次 MVVMって何ぞや MVVM で実装するうえで大事になること MVVMって何ぞや 冒頭にも書いた MVVM はいわゆるデザインパターン的なもの。アプリケーションが下記3つのレイヤー（層）に分割されて構成される。 レイヤー名 説明 モデル（ Model ） データと生のコンテンツを処理するレイヤー。ファイルや Web サービスからデータを取得して管理する部分。 ビュー（ View ）…

TextBox の入力時にIMEをキャンセルして、全角入力を禁止する。 <TextBox x:Name="textBox" InputMethod.IsInputMethodEnabled="False"/>

メモです。 最近DMM版ウマ娘の画面サイズ自動変更ツールのUIをWPF化しようとしていた時に起こった事象。 .NET Core 3.1からアプリケーションをpublishする時にリンクしているアセンブリの不使用な部分をパッケージから削除する機能が追加されています。 docs.microsoft.com これを使用してWPFなアプリケーションのTrimを行ったところ、アプリケーションが実行時にクラッシュしてしまいました。 イベントビューアでエラーを確認したところ Application: UmaMadoManager.Windows.exe CoreCLR Version: 5.0.521.16…

こんにちは、しゃげまんじゅです。 前回で基本的に使用においての機能はほぼ完成しました。今回は時計のサイズが少し大きすぎるように感じたのでサイズを調節できるようにします。 設定画面の作成 まず、スケール変更用の簡易的なダイアログを作成します。 ① ソリューションエクスプローラーのプロジェクトを右クリックし、追加→新しい項目を選択 ② ウィンドウ(WPF)を選択 ③ 名前を適当なものに変更(今回は"SettingDialog.xaml"にしました！) ④ 最後に追加をクリック 作成したSettingDialog.xamlを以下のように編集します。 ButtonのIsDefaultをtrueにするこ…

■project ■MainWindow.xaml ●全体 ●クラス定義部分 ●リソース定義部分 ●コントロール定義部分 ■todo ●System.Windows.FrameworkElement.DataContext ●Button→Content、TextBox→Textなど表示内容とプロパティの関係 ●Resourcesで定義できる内容 viewとviewModelは疎結合であるべき、は同意だが、あまり真面目にそこに取り組むつもりはない。 UI要素そのものがオプションやユーザー操作で動的に変化するアプリケーションがMVVMで記述できるのかも不明。 xamlの記述だけではsplitte…

こんにちは、しゃげまんじゅです。 前回に引き続き、アナログ時計を作っていきます。 レイアウトの作成 まず、XAMLを編集して前回作成した画像を貼り付けます。 1. 画像の取り込み このままでは画像を使用できないので、準備をします。 ① ソリューションエクスプローラーのプロジェクトを右クリックし、プロパティを選択 ② 表示されたプロパティのリソースタブを選択 ③ 中央の「…ファイルを作成する…」と書かれた文字列をクリック ④ 使用する画像をドラッグ＆ドロップ (以下、それぞれの画像に対して) ⑤ ソリューションエクスプローラーの画像ファイルを右クリックし、プロパティを選択 ⑥ ビルドアクションを…

2021/05/07 23:20追記 まだバイキュービックが間違っていたので書き直した 追記ここまで 方法は昨日のランチョスと同じ バイリニア バイキュービック コード テストアプリ 作成動作環境 ダウンロード コード MainWindow.xaml MainWindow.xaml.cs テスト 感想 関連記事 方法は昨日のランチョスと同じ 参照点からの最大距離を倍率によって変化させる、小さく縮小するほど遠くまで参照するようにしたいので、距離に倍率を掛け算した値を使って重みを計算 バイリニア バイリニア 距離(d)のとき重みの計算は 1-d、これが拡大時で、縮小するときは 1-(d*倍率) 単…

前回のランチョスでの画像リサイズは、拡大はあっていたけど縮小処理が間違っていた 前回の縮小処理 今回での縮小処理 比較 今回のは全体的に少しぼやけているけど、途切れていた電線がつながった 解決まで なんで斜めの線が点線になっていたのか 解決するには 指定距離(n)と実際に参照する距離 まとめると コード テストアプリ 作成動作環境 ダウンロード コード MainWindow.xaml MainWindow.xaml.cs テスト 感想 蛇足 関連記事 解決まで なんで斜めの線が点線になっていたのか 斜めの線 元画像と縮小後を拡大表示 1/5倍だと参照点同士の間隔は5ピクセルになる 参照点 1/…

やりたいこと Mainから他のワークフローを呼び出した際、他のワークフロー（メッセージボックスを表示）にメッセージを 送る。他のワークフロー（メッセージボックスを表示）から、返事を返す。 Mainは、それを受け取り表示する。 ※メッセージボックスを表示は、ワークフロー名 手順 1.Main側にワークフローの呼び出しを配置し、メッセージボックスを表示のフローへ出力する値を設定する。 2.呼び出し先フローを追加する。メッセージボックスを表示のワークフローを作る。 3.メッセージボックスを表示にMainから受け取った値を表示。 4.その返事をMainに返す。 5.メッセージボックスを表示から返ってき…

XAMLをやるようになって便利なことを再認識したコードスニペットについてちょっとまとめる。 間違いなく1度作って終わりなタイプのものなので、忘れないうちに備忘録として・・・。 いやまぁ、MSDNをコレクションに加えてしまえばいい話なんだけどね。 目次 コードスニペットを自作する コードスニペットで使えるタグ XAMLのコードスニペット C#のコードスニペット アクション（ラムダ式）の定型 イベントのラムダ式の定型 INotifyPropertyChanged を継承したViewModelで使いたいSetPropertyメソッド挿入 コードスニペットを自作する 自作とはいっても、既存のものをコピ…

昨日のグレースケール専用だったのをカラー対応にしただけ コード 24bitカラー対応版 32bitカラー対応版 テストアプリ 作成動作環境 ダウンロード コード MainWindow.xaml MainWindow.xaml.cs テスト 処理時間 感想 関連記事 コード 24bitカラー対応版 //窓関数 private double Sinc(double d) { return Math.Sin(Math.PI * d) / (Math.PI * d); } /// <summary> /// ランチョス補完法での重み計算 /// </summary> /// <param name="…

今回の記事も3年前の再挑戦 ランチョス法での重みのグラフ グラフタイトルのかっこいいフォントはこちらのを使用 ACT SELECT [ZILLION] REPLICA FONT http://actselect.chips.jp/fonts/32.htm ぬか喜びからの修正 不具合のあるコード ランチョス法での重み計算は修正が必要？ 気づいたこと 重みの修正 コード テストアプリ 作成動作環境 ダウンロード コード MainWindow.xaml MainWindow.xaml.cs テスト 感想 追記2021/05/06 関連記事 ぬか喜びからの修正 ランチョス法もバイキュービック法と同様に…