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/05/24(水) 16:02:22.23

https://flutterweb-wasm.web.app/#/
wasm gcでフルwasmでゲロ速い

正直flutter for web望みねぇなと思ってたがこれはもう

**デフォルトの名無しさん** · 2023/05/24(水) 16:10:39.19

flutter 3.10でもCanvasKitのサイズ2/3になったりしてたが、ロード時間
別次元やなどんなトリック?

単純なアプリであるが画面の切り替えもサクサクでモバイルブラウザでサクサクや

SEOの問題あるがこれならいける

**デフォルトの名無しさん** · 2023/05/24(水) 16:35:34.61

コードビハインドの糞コードもCopilotに頼めばMVVMにしてくれる時代もすぐそこか

**デフォルトの名無しさん** · 2023/05/26(金) 06:39:48.94

WinUIのNumberBoxのSpinButtonPlacementMode="Inline"で表示されるボタンが左右逆になっている
左がDownで右がUpではないから誤操作の原因になるUIだ
Sliderと一緒に並べたら違和感が半端ない

**デフォルトの名無しさん** · 2023/05/27(土) 18:02:44.82

>>464
質問なんだがよくコードビハインドって言うけど実際は何だ?
マイクロソフトHPでは、
コードビハインドとは、XAML ページがマークアップコンパイルされる際に、
マークアップ定義オブジェクトと結合されるコードを表すために使用される用語です。

とあるけどよくわからん。

**デフォルトの名無しさん** · 2023/05/28(日) 06:37:38.13

>>結合されるコードを表すために使用される用語
意味不明。

c# や bvのソースコードのことなんだろうか。

**デフォルトの名無しさん** · 2023/05/28(日) 09:29:36.47

コードビハインド　is 用語

マークアップ定義オブジェクトと結合されるコードを表すために使用される用語

↓

マークアップ定義オブジェクトと結合されるコードを表すための用語

↓

コードビハインド　is マークアップ定義オブジェクトと結合されるコード

**デフォルトの名無しさん** · 2023/05/28(日) 09:39:52.71

なるほど。

**デフォルトの名無しさん** · 2023/05/28(日) 10:01:16.41

xamlってのはc#のコードに変換されてから普通のコードと同じくコンパイルされるが
xamlだけで書くのが不可能だったり面倒なものをc#のコードで書くわけだが、
それがhoge,xamlに対して.hoge.csというファイル
コンパイルする過程でhoge.xamlとhoge,csは同じクラスに統合されることになる

説明すると結構めんどくさいものだよな

**デフォルトの名無しさん** · 2023/05/28(日) 11:34:33.04

XAMLと結合される C#,VBなどのソースコード、と書けばいいのに。
相変わらず分かりにくい書き方。機械翻訳にしてもヒドイ。

**デフォルトの名無しさん** · 2023/05/28(日) 11:45:47.85

>>471
MSの機械翻訳が酷いのは前からだろ
英語読めよ

> Code-behind is a term used to describe the code that is joined with markup-defined objects, when a XAML page is markup-compiled.
訳：コードビハインドは、XAMLがコンパイルされる時にXAMLによって定義されたオブジェクトと結合されるコードを示す用語である

**デフォルトの名無しさん** · 2023/05/28(日) 12:07:08.23

https://github.com/microsoft/WindowsAppSDK/releases
WinAppSDK 1.4 experimental

**デフォルトの名無しさん** · 2023/05/28(日) 12:08:08.67

https://fluent2.microsoft.design
Fluent 2

**デフォルトの名無しさん** · 2023/05/28(日) 12:38:32.86

>>472
日本語訳はgoogle翻訳とほぼ同じ。
AI、AIいうけど機械翻訳の精度を上げてほしいよな。
そのうち、翻訳家なんて居なくなるんだろうか。

**デフォルトの名無しさん** · 2023/05/28(日) 15:29:21.97

コードビハインドの意味が分からないと言ってる人はとりあえず簡単な入門本を1冊読んだ方がいいと思う

**デフォルトの名無しさん** · 2023/05/28(日) 16:09:13.67

簡単な入門書っていいのないよな。
ま、MVVM以外は殆どマスターしたけど。

**デフォルトの名無しさん** · 2023/05/28(日) 17:24:13.18

ChatGPTで翻訳しなおせばいいのに

**デフォルトの名無しさん** · 2023/05/28(日) 22:14:38.97

DeepLならまあまあいい感じに訳してくれるぞ

**デフォルトの名無しさん** · 2023/05/28(日) 23:45:27.42

>>479
DeepLはいい感じに訳してくれるけど、うまく訳せないところをしれっと無かったことにすることがあるから注意が必要だぞ

**デフォルトの名無しさん** · 2023/05/28(日) 23:55:20.75

結局自動翻訳を見ながら自分で読むのが確実なのよね、英語すらすら読めないと。
昔みたいに手動翻訳してくれないかなMS
文書の量が増えすぎて投げたんかね

**デフォルトの名無しさん** · 2023/05/29(月) 16:16:13.97

添付プロパティのコールバックでプロパティの名前を取得することってできる？

**デフォルトの名無しさん** · 2023/05/29(月) 20:18:43.30

Bingチャットがコード例付きでできるって言ってんだからできる

**デフォルトの名無しさん** · 2023/05/30(火) 14:32:49.83

コード例を出す
エラーが出る
エラーを聞く
あなたが書いたコードに問題がありますと言われる

**デフォルトの名無しさん** · 2023/06/01(木) 23:34:28.10

Template Studio for WinUIを使ってみたんだけど結構いい感じだな
設定ページを含めたらアプリテーマ切り替え機能が初めから実装されていた
ウィンドウのサイズや位置保存も効いていた

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

asyncってどう読むんだ。エーシンクって言ってるけど。

**デフォルトの名無しさん** · 2023/06/02(金) 07:37:09.83

「エイシンク」やね

**デフォルトの名無しさん** · 2023/06/02(金) 08:33:24.80

あしんく！

**デフォルトの名無しさん** · 2023/06/02(金) 10:50:10.19

あしんくあうぇいとに決まってんだろ

**デフォルトの名無しさん** · 2023/06/02(金) 11:04:41.91

ェィスィンク → async
アシンク → a sink

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

https://ejje.weblio.jp/content/asynchronous
アリシンクナース
(言い間違えたなら録音し直せよ)

**デフォルトの名無しさん** · 2023/06/03(土) 07:34:20.46

アシンク、アウェイトでよくね？

**デフォルトの名無しさん** · 2023/06/03(土) 08:06:28.01

>>492
めんどくさいやつに絡まれてもいいなら

**デフォルトの名無しさん** · 2023/06/03(土) 08:08:07.00

altなんてネイティブでもアルトって発音するやつ多いのにオルトって言わないとドヤ顔でうんちく垂れるやつ多すぎて

**デフォルトの名無しさん** · 2023/06/03(土) 12:18:53.47

>>494
ネイティブって雑にくくるけど、各アクセント話者が色々居るだけであって一人が統一感の無い発音してるわけでは無いからな。

**デフォルトの名無しさん** · 2023/06/03(土) 16:47:43.85

日本人は、walk は、ウォークだと思っているが、アメリカ人の発音は、
ワークと聞こえることが有る。
逆に、work は、日本人はワークだと思っているが、アメリカ人の発音は、
ウォークと聞こえることが有る。
知らんけど。

**デフォルトの名無しさん** · 2023/06/04(日) 09:58:55.61

日本語の音声の区分けだと分類がないのでそう聞こえるのは当然やね。
喋る側がそもそも文脈でわかるだろっていうので適当になってるのもあるけど。

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

日本語というか日本人の耳のせいじゃ？
聞こえると言うなら聞こえるんだろ

work wˈɚːk(米国英語), wˈəːk(英国英語)　ワーク
walk wˈɔːk(米国英語), wɔːk(英国英語)　ウォーク

talk tˈɔːk(米国英語), tɔ:k(英国英語)　トーク

そのように聞こえるならtalkがタークに聞こえても何も不思議じゃないけどタークに当たる英語がないと言うか知らない

**デフォルトの名無しさん** · 2023/06/04(日) 10:22:14.39

そういうのでもなくて、Warningをウォーニングって言ったら、返事の端々で「ワーニング」と強調されるような感じ。

**デフォルトの名無しさん** · 2023/06/04(日) 10:22:39.65

あ、被ったわ。そういうこと。

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

workとwalkはワかウォかというよりrの発音の有無が決定的な違い
日本人には音だけで聞き取るのが難しい場合がある
https://dictionary.cambridge.org/dictionary/english/walk
https://dictionary.cambridge.org/dictionary/english/work

このくらい違えば大半の人がわかると思う
https://www.merriam-webster.com/dictionary/walk
https://www.merriam-webster.com/dictionary/work

でもAlt keyを「スズキの新型アルト」と同じように日本語でアルトと発音するのと
ネイティブが /ɑːlt/や /ælt/と発音するのとは全く音が違うから
日本人相手なら一般的に定着してて通じやすい方を使ったほうが良いと思う
ルーターをラウターと呼んだりSQLをシークウェルと呼ぶようなもん

**デフォルトの名無しさん** · 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　あまり資料がないな～