WPF(.NET, WinUI) GUIプログラミング Part31

**デフォルトの名無しさん** · 2023/01/22(日) 05:53:16.97

WPF(Windows Presentation Foundation)について語るスレ。

前スレ
WPF(.NET, WinUI) GUIプログラミング Part30
https://mevius.5ch.net/test/read.cgi/tech/1667010874/

関連スレ
Windows 10 UWPアプリ開発Part 3
https://mevius.5ch.net/test/read.cgi/tech/1627556967/

コードを貼る場合は以下のサイトの利用をお勧め。
https://ideone.com/

**デフォルトの名無しさん** · 2023/06/04(日) 14:41:20.86

>>498
walk verb (MOVE ON FOOT):
UK /wɔːk/ US /wɑːk/

つまり、アメリカ英語では、walkは、「ワーク」。
日本ではイギリス英語の発音を学ぶので、ウォークだと思っているから
アメリカ英語が聞き取れないのかも。

**デフォルトの名無しさん** · 2023/06/04(日) 14:45:20.63

ASUS「エイスースです

**デフォルトの名無しさん** · 2023/06/04(日) 14:52:30.91

アザッスだろ！

**デフォルトの名無しさん** · 2023/06/04(日) 15:19:04.57

>>501
シークエルはIBMが最初に作ったSQL言語だよ

**デフォルトの名無しさん** · 2023/06/05(月) 04:51:41.18

オミクロン株が出たときにアメリカのニュース番組でみんな違う発音して混乱してたの思い出した

**デフォルトの名無しさん** · 2023/06/05(月) 15:46:24.28

とにかく明るい安村のイギリス英語での受け答えはシンプルだったけど完璧だったな

**デフォルトの名無しさん** · 2023/06/05(月) 21:27:58.61

むしろxamlみたいなスクリプト言語が邪魔

**デフォルトの名無しさん** · 2023/06/06(火) 00:00:15.25

スクリプト言語じゃねーよ

**デフォルトの名無しさん** · 2023/06/06(火) 00:53:47.15

いまだにxamlアレルギーの人いるのか。
jsonかyamlベースのものを追加したら歓迎されたりするのかな。

**デフォルトの名無しさん** · 2023/06/06(火) 02:52:36.71

脳の小さい人でも唯一理解できて自己肯定感を高めてくれたのがWinFormsだったんだろうと振り返る

**デフォルトの名無しさん** · 2023/06/06(火) 13:23:42.87

xaml は <>にこだわりすぎてコメント書き辛いのが糞

**デフォルトの名無しさん** · 2023/06/06(火) 14:41:03.44

jsonなどコメント自体を書けない仕様

**デフォルトの名無しさん** · 2023/06/06(火) 14:51:50.08

>>512
え゛手書きなの？

**デフォルトの名無しさん** · 2023/06/06(火) 22:40:57.96

xamlはxmlだからなあ
インデントだけで1画面食うとかになるとさすがに困る

**デフォルトの名無しさん** · 2023/06/06(火) 23:17:42.80

そのへんはコードのリファクタリングと似たような感じだな。
コードブロックを関数に切り出すのと同じようにコンポーネントをUserControlに切り出す。

**デフォルトの名無しさん** · 2023/06/08(木) 13:43:02.62

PngBitmapEncoderを非同期で保存する方法はありますか？
await Task.Runだとスレッドエラーになってしまいます
あるいはPNGファイルを非同期で保存する方法を教えてください

**デフォルトの名無しさん** · 2023/06/08(木) 19:40:27.05

>>517
そのままChatGPTに聞けば答えてくれる

**デフォルトの名無しさん** · 2023/06/08(木) 19:59:36.46

何のエラーがでるんだろ
単純に書いただけじゃエラーにならないわ

**デフォルトの名無しさん** · 2023/06/08(木) 20:02:19.04

非同期の書き方が間違ってるに1ペソ

**デフォルトの名無しさん** · 2023/06/09(金) 09:35:30.47

ChatGPTに聞いたところ、FileStreamのWriteAsyncに置き換えて書き込めました
ありがとうございます

**デフォルトの名無しさん** · 2023/06/10(土) 01:48:45.17

どういたしまして
困ったことがあったらまた尋ねに来てくださいね

**デフォルトの名無しさん** · 2023/06/10(土) 19:24:56.04

非同期は難しいね。非同期のつもりが同期してたり。
サンプル拾ってきて動かして挙動確認するのが一番。

**デフォルトの名無しさん** · 2023/06/11(日) 01:55:12.82

ConfugureAwait 指定すべきか否かの判断が未だによくわからん

**デフォルトの名無しさん** · 2023/06/11(日) 09:34:14.95

UIスレッドに戻る必要がある場合はConfigureAwait()なしかtrue指定かということは、
MVVMで作っていたらConfigureAwait(false)だらけでも問題ないのだろうか。

**デフォルトの名無しさん** · 2023/06/11(日) 10:38:19.76

Dispatcherを使う

**デフォルトの名無しさん** · 2023/06/11(日) 11:54:47.66

そいやConfigureAwaitって使ったことないな

**デフォルトの名無しさん** · 2023/06/11(日) 18:49:49.54

初めて見たw

**デフォルトの名無しさん** · 2023/06/12(月) 13:48:23.01

ConfigurrAwait(true) にしようと思っても、意地でも MVVM にしないやつがいるせいでできない。
WinForms か VB でもやってろよバカと言いたくなる

**デフォルトの名無しさん** · 2023/06/12(月) 13:50:33.63

false だった

**デフォルトの名無しさん** · 2023/06/12(月) 23:34:58.91

MVVMでもPropertyChangedしたらUIスレッドでやれって怒られるしどうしようもなくね

**デフォルトの名無しさん** · 2023/06/13(火) 00:24:07.79

WPF 限定かもだけど INotifyPropertyChanged.PropertyChanged イベントは
ちゃんと UI スレッドにディスパッチしてくれるようになってる。
非 UI スレッドから VM を操作しても問題ない。

ObservableCollection とかは一工夫いるけど。
(BindingOperations.EnableCollectionSynchronization)

**デフォルトの名無しさん** · 2023/06/13(火) 00:31:49.19

コマンド使えよ

**デフォルトの名無しさん** · 2023/06/15(木) 15:10:54.81

Task を直接 await しないで下さい。
Task.ConfigureAwait(Boolean) を呼び出して継続の意図を示すことを検討してください。
https://learn.microsoft.com/ja-jp/dotnet/fundamentals/code-analysis/quality-rules/ca2007

**デフォルトの名無しさん** · 2023/06/15(木) 16:36:37.39

全部trueで困ったことないな
falseにして劇的にパフォーマンスあがったという体感もない
ゲームだとシビアなのかもしれんが多分他にやることあるだろう

**デフォルトの名無しさん** · 2023/06/15(木) 17:51:20.80

ちょっと実験してわからなくなった
asp.net mvc (クラシック)で自己再帰でthread idとurlをデバッグ出力してDelayするだけのコードを動かした
ConfigureAwait(falae)してないのに戻ってきた後のthread idが変わってる
にもかかわらずコンテキストからurlはちゃんと取れてる

**デフォルトの名無しさん** · 2023/06/15(木) 17:58:34.24

continueOnCapturedContext
Boolean
継続をキャプチャされた元のコンテキストにマーシャリングする場合は true。それ以外の場合は false。

元のコンテキストとしか書いてないから同じスレッドに戻る保証はないのか
知らなかった

**デフォルトの名無しさん** · 2023/06/15(木) 18:32:41.75

>>532
なにをどーしたらそんな風になるの？

**デフォルトの名無しさん** · 2023/06/15(木) 23:40:26.44

何もしなくてもやってくれんじゃん

**デフォルトの名無しさん** · 2023/06/15(木) 23:54:36.14

C#使ってて思うのは、細かいところ気にしなくても、公式ライブラリ自体が色々配慮してくれてるんだよね。
自分も一層心掛けるわ。

**デフォルトの名無しさん** · 2023/06/16(金) 07:08:56.02

>>537
同期コンテキストによるので、
・GUIアプリケーション(の同期コンテキスト)だとtrueで元のスレッドに戻る
・コンソールアプリケーション(の同期コンテキスト)だとtrueでも元のスレッドに戻らない
だったかと。

**デフォルトの名無しさん** · 2023/06/19(月) 19:44:51.70

https://imgur.com/a/KIpYdS4
心電図(?)作ってみた。

ソケットや共有メモリで他機器からデータ受信してリアルタイム表示。
アイコンは飾り。画像貼ってるだけ。

プログラムはじめて40年以上。まだまだ若いもんには負けねーぜw

**デフォルトの名無しさん** · 2023/06/20(火) 18:14:26.86

やっぱUIデザイナーって専門で必要なのかなと感じた

**デフォルトの名無しさん** · 2023/06/20(火) 18:51:52.94

>>542
40年でそれはさすがに負けてんぞ
俺が学生の時はオシロスコープのデータ解析は学生が自分たちでプログラム組んでやってたからな
端末はDOSだったわ

**デフォルトの名無しさん** · 2023/06/20(火) 19:04:46.49

x86 (MASM)でGDC直叩きでやってたこと考えると高級言語で出来ちゃう今が
凄いよな。

**デフォルトの名無しさん** · 2023/06/20(火) 19:15:29.15

>>542
グラフ部分の描画はWPF標準のCanvas?

**デフォルトの名無しさん** · 2023/06/20(火) 19:52:46.25

>>542
良く出来ていると思いますよ。
普通にプロレベルに達していますね。
これだけの物を作れる人は少数派です。

**デフォルトの名無しさん** · 2023/06/20(火) 19:57:28.04

「俺も同じようなもの作れるわ」
と思っている人の作品見てみると、細かい部分がちゃんと出来て無い
ことが多いです。
細部までちゃんとしているものを作れて無いのに、同じだと思っているだけ。

**デフォルトの名無しさん** · 2023/06/20(火) 20:18:02.54

悔しそうで草

**デフォルトの名無しさん** · 2023/06/20(火) 20:58:16.66

>>547
>>548
「プロレベル」がなんなのか分からないけど「細かい部分」を見ると、
画質悪いのもあるけどボタン？のアイコンが何だか分からない…
あと、スライダーの部分は数値入力なしで全部スライダーで大丈夫だろうか？
あと、RGBがちょっと邪魔な感じで、右端のボタンが小さくなってて押しにくそう
あと、スライダーとRGBの間にあるチェックボックス？はテキスト位置を上にして他と揃えた方が良さそう
という気がするけどどう？

**デフォルトの名無しさん** · 2023/06/20(火) 21:13:52.23

https://www.youtube.com/watch?v=sQTcqKGBj1c&ab_channel=MedicalEngineer

これの真似しただけ。アイコン画像もここからコピー。だから解像度も低い。
(アイコンは飾り。画像貼ってるだけ。って書いておいたけど)
細かいこと言ったら切りないだろ～。遊びで作ったもんだし。。

canvas にline()で書いてる。

**デフォルトの名無しさん** · 2023/06/20(火) 21:24:25.92

白い巨塔のバイタル警告音を思い出す

**デフォルトの名無しさん** · 2023/06/20(火) 22:13:50.37

WPFでWinUI 使っている人いますか？
なんかやり方がよくわからないんだけど
わかりやすいサイトありますか？

**デフォルトの名無しさん** · 2023/06/21(水) 03:24:12.51

>>553
https://learn.microsoft.com/ja-jp/windows/apps/desktop/modernize/host-custom-control-with-xaml-islands#add-a-control-from-the-winui-2-library-to-the-custom-control

**デフォルトの名無しさん** · 2023/06/22(木) 05:58:37.42

同じようなものは誰でも作れる。
新創造に価値がある。　畢竟、思想に価値があると言える。

**デフォルトの名無しさん** · 2023/06/22(木) 12:08:51.67

口だけならなんとでも言える
動いてる物を出せよ無能

**デフォルトの名無しさん** · 2023/06/22(木) 20:18:12.49

グラフ表示の事か?
基本的な非同期の知識とcanvasに線が書ければ後は頑張り(?)次第。
手練れは頑張りなんて不要なんだろうけど、基本動作まで自分は2時間は掛かった。
始めはWinFormsだったけど勉強がてらWPF版も作ってみた。
後者の方が綺麗で動きもよかった。
自己満足だが真似する時はどれだけそっくりに作れるかこだわると面白い。

**デフォルトの名無しさん** · 2023/06/22(木) 21:00:45.20

WPFの描画機能は規模が大きくなると速度低下が激しいのが残念
SkiaSharp等を使えば一応回避出来るけど

**デフォルトの名無しさん** · 2023/06/22(木) 22:05:57.96

UWPとWindowsAppSDKだと、Win2DというDirect２Dの公式ライブラリがありますね
一回使ったけど流石に早かった

**デフォルトの名無しさん** · 2023/06/23(金) 00:18:21.51

DrawingVisualで描画すれば速いよ

**デフォルトの名無しさん** · 2023/06/25(日) 09:24:47.83

SkiaSharp DrawingVisual　あまり資料がないな～

**デフォルトの名無しさん** · 2023/06/25(日) 12:00:19.37

あまり情報がないものでも、ChatGPTが組み合わせて教えてくれる場合がある。
その場合、複数言語のページの内容を混ぜて回答してくれるのかな？

**デフォルトの名無しさん** · 2023/06/25(日) 16:20:15.73

DrawingVisualはWPFの機能でMSのサイトに解説とコードサンプルがあり、リファレンスがあるのだから資料がないということはないだろう

DrawingVisual オブジェクトの使用 - WPF .NET Framework | Microsoft Learn
https://learn.microsoft.com/ja-jp/dotnet/desktop/wpf/graphics-multimedia/using-drawingvisual-objects

**デフォルトの名無しさん** · 2023/06/26(月) 20:38:37.00

https://swharden.com/csdv/skiasharp/skiasharp/
ベンチマーク
10万本で0.4secで驚異的。

**デフォルトの名無しさん** · 2023/06/26(月) 21:30:09.55

でもSkiaSharp + OpenGL　はハードル高そうだな。
だったらSystem.Drawingの方がいいじゃん。

**デフォルトの名無しさん** · 2023/06/26(月) 22:37:30.04

>>564の比較はWinFormsで
OpenGLで動かしたい場合はSKControlクラスの代わりにSKGLControlクラスを使うだけで良いみたい
WPFの場合はSKElementクラスだけど、これの性能には触れてないな

**デフォルトの名無しさん** · 2023/06/26(月) 22:47:47.73

比較対象が多いページ見つけた
https://swharden.com/csdv/platforms/compare/

**デフォルトの名無しさん** · 2023/06/27(火) 19:40:57.53

https://blog.emoji-gen.ninja/posts/20190204/skia.html
>日本語のドキュメントに至っては、ほぼ皆無です。そのため、Skia を使って本格的に開発する場合は、ある程度の覚悟が必要です。

なんだと!!ww
ヤフー知恵袋も質問0 だった。。

**デフォルトの名無しさん** · 2023/06/27(火) 21:04:13.08

一応、線は引けるけど、非同期コードいれるとcanvasが壊れてるといって落ちる。
あと、XAMLで指定したメソッド以外でどうやって描画するのか不明。

**デフォルトの名無しさん** · 2023/06/28(水) 02:24:02.68

>>569
SKElementはメソッドやイベントが少なくて超シンプル
https://learn.microsoft.com/en-us/dotnet/api/skiasharp.views.wpf.skelement?view=skiasharp-views-2.88

基本的に、SKElement.PaintSurfaceイベントで描画するだけ
再描画したい場合、InvalidateVisual()を実行すると上記イベントが発生する

**デフォルトの名無しさん** · 2023/06/28(水) 06:39:28.56

じゃボタンを押したときに線を引かせたいときはそのボタンのイベントハンドラで
InvalidateVisual()実行させて線を引くコードはPaintSurface　内に記述するのか。
なんか面倒だし、PaintSurfaceが巨大化しそう。まぁPaintSurface内で自作関数呼べ
ば良いんだろうけど。

**デフォルトの名無しさん** · 2023/06/28(水) 08:32:25.75

WM_PAINTでの経験が活かされますね

**デフォルトの名無しさん** · 2023/06/28(水) 09:38:16.64

描画とかボタン処理は同じコンテクストで実行されるから
何も考えずに処理書けばいい

タイマーや通信など他の契機で描画したいなら工夫がいるだけ

**デフォルトの名無しさん** · 2023/06/28(水) 14:41:27.72

漠∞！！！！
列∞！！！！！
后∞！！！！！！
機∞！！！！！！！
枚∞！！！！！！！！
図∞！！！！！！！！！
寿∞！！！！！！！！！！
非∞！！！！！！！！！！！
駅∞！！！！！！！！！！！！
頓∞！！！！！！！！！！！！！
官∞！！！！！！！！！！！！！！
司∞！！！！！！！！！！！！！！！
戸∞！！！！！！！！！！！！！！！！
城∞！！！！！！！！！！！！！！！！！
堺∞！！！！！！！！！！！！！！！！！！

**デフォルトの名無しさん** · 2023/06/28(水) 19:47:18.96

>>573
PaintSurfaceイベント毎に(SKSurfaceクラスやSKCanvasクラスの)オブジェクトが変わるから(変わらないこともある)
ボタンのクリックイベント等で描画するのは無理じゃないかな

**デフォルトの名無しさん** · 2023/06/28(水) 19:54:32.34

求めていたものやっと見つけた。中国サイト。
良くできてるな～。

await Task.Delayではなく、
SpinWait.SpinUntil(() => false, 1000 / 60); //每秒60帧
だそうだ。こんなの知らんわ。

https://www.dongchuanmin.com/net/3188.html
https://zhuanlan.zhihu.com/p/567618102

**デフォルトの名無しさん** · 2023/06/28(水) 20:35:15.51

中華リンク貼られても見ねーよ

**デフォルトの名無しさん** · 2023/06/28(水) 23:57:16.98

中国語、韓国語、ロシア語等、いろいろなページを見てるわ。

**デフォルトの名無しさん** · 2023/06/29(木) 00:40:34.34

DOBON.NET

Thread.SpinWaitメソッドはスレッドの同期のために内部で使用されているようですが、通常は私たちが使用する機会はないでしょう。

**デフォルトの名無しさん** · 2023/06/29(木) 00:47:40.82

>>576
ビジーウェイト状態になりそうなコードだから試してみたけど、予想に反してCPU時間の消費がそんなでもないな
ただ、環境によってループの頻度が違うみたいだ
.NET7: 毎秒約500回
.NET Framework 4.7.2: 毎秒約1万回

**デフォルトの名無しさん** · 2023/06/29(木) 01:11:48.23

Win32APIのInitializeCriticalSectionAndSpinCount()みたいな実装をするためのものか。
ほんのちょっと待てばロックを取得できる場合に数千回ループで待って、
できるだけスレッド切り替えにかかる無駄な時間を避ける。

InitializeCriticalSectionAndSpinCount 関数 (synchapi.h) - Win32 apps | Microsoft Learn
https://learn.microsoft.com/ja-jp/windows/win32/api/synchapi/nf-synchapi-initializecriticalsectionandspincount

**デフォルトの名無しさん** · 2023/06/29(木) 06:25:02.66

>>578
他国でもソースは同じだもんな。

**デフォルトの名無しさん** · 2023/06/29(木) 07:36:02.98

匿名掲示板に貼られた中華リンクのソースが必ず正しいと思ってるやつがいるのはおめでてーな

**デフォルトの名無しさん** · 2023/06/29(木) 10:00:47.73

MSの翻訳は糞だから日本語のMS公式観るより
英語のMS公式観た方が良いのは事実

**デフォルトの名無しさん** · 2023/06/29(木) 10:16:30.19

匿名掲示板の中華リンクと公式の英語を同一視してるやつやべーな

**デフォルトの名無しさん** · 2023/06/29(木) 11:10:54.33

そんなやついたか？

**デフォルトの名無しさん** · 2023/06/29(木) 11:44:14.93

碌に読んでないの多いよな。
>中華リンクのソースが必ず正しいと思ってるやつがいる
リンク張っただけなのにコレだもん。

**デフォルトの名無しさん** · 2023/06/29(木) 11:56:50.12

ページ自体はまともでも、そこに貼られてる広告がヤバそう（偏見

**デフォルトの名無しさん** · 2023/06/29(木) 11:59:03.18

悔しそうで草

**デフォルトの名無しさん** · 2023/06/29(木) 18:30:52.58

>>576
このコードでSpinWait.SpinUntil()で待機させるメリットって何だろう
Dispatcher.Invoke()してるから1ループの実行時間は結構ばらつくし、Thread.Sleep()で十分な気がするのだけど
精度を出すなら、System.Timers.Timer使った方が良いし

**デフォルトの名無しさん** · 2023/06/29(木) 18:58:35.73

60フレームだそうとしてるのになんともいえん感じにはなる

**デフォルトの名無しさん** · 2023/06/29(木) 20:40:19.95

>>590
Thread.Sleep()で十分な気がするって書いたけど、
実際に試すとSpinWait.SpinUntil()のままよりThread.Sleep()に置き換えた方が明らかにFPS向上するなw
PCに負荷をかけたらまた違うのかねぇ

**デフォルトの名無しさん** · 2023/06/29(木) 21:07:27.01

await task.delay ()だと例外で落ちるから。

**デフォルトの名無しさん** · 2023/06/30(金) 03:50:01.15

>>593
InvalidateVisual()呼ぶだけならUIスレッドで実行されるように気を付ければawait Task.Delay()で問題無いよ。

**デフォルトの名無しさん** · 2023/06/30(金) 07:00:48.53

よーし何か作ってみよう～

**デフォルトの名無しさん** · 2023/06/30(金) 19:36:32.72

ここ　という所で1sec wait掛けたい。どうすんだ?

public MainWindow(){
Task.Run(() =>{
try{
while (true){
Dispatcher.Invoke(() => {
canvas.InvalidateVisual(); });
_ = SpinWait.SpinUntil(() => false, 10); //每秒60帧
}
}
catch (Exception e){
}

});
}
void OnPaintSample(object sender, SKPaintSurfaceEventArgs e){
Render (e.Surface.Canvas );
}

public void Render (SKCanvas canvas){
SKPaint thickLinePaint = new SKPaint{
Style = SKPaintStyle.Stroke,
Color = SKColors.Orange,
StrokeWidth = 1
};

for (int x=0;x<=600;x++){
canvas.DrawLine(x, 0, x,100, thickLinePaint);
// ここ
}
}

**デフォルトの名無しさん** · 2023/06/30(金) 19:37:34.75

書き忘れ
skiasharp .netframework.

**デフォルトの名無しさん** · 2023/06/30(金) 21:02:19.59

フレームごとに呼ばれるシステムはフレームイベント内部でwaitさせるんじゃなくて
何フレーム目かとかの時間情報を持たせてその時間基準で全部描画するもの

**デフォルトの名無しさん** · 2023/06/30(金) 21:18:03.73

へー。今まで(?)の手法とは違うんですね。
難しい～。

**デフォルトの名無しさん** · 2023/06/30(金) 21:40:58.12

>>596
ここ　という所での待機はNG。UIスレッドを掴んだままで描画されない。(イベントが終わったら描画される)
https://ideone.com/vggwyV

**デフォルトの名無しさん** · 2023/06/30(金) 21:46:05.66

ほう。ご丁寧にソースまで。ありがとう!!