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

**デフォルトの名無しさん** · 2022/10/29(土) 11:34:34.12

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

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

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

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

**デフォルトの名無しさん** · 2022/11/28(月) 10:46:08.62

>>288
OneWayのみでいいなら、BindingProxyが使えるよ。　MAUIではFreezable classを自分で書くことになるけど。
DataContextをビハインド設定でBindingProxyでViewModelその他とか・・・

**デフォルトの名無しさん** · 2022/12/01(木) 18:01:03.73

DapperのQueryでとったデータ(dynamic型)をそのまま
DataGrid(wpf)につっこむと列がダブってしまうんですが
なにか楽チンな対処法はありませんか？

**デフォルトの名無しさん** · 2022/12/01(木) 20:09:52.70

>>290
DISTINCT

**デフォルトの名無しさん** · 2022/12/02(金) 00:12:35.02

webみたいに疑似的にモーダルダイアログを出すのってどう思う？
素直にモーダルダイアログ出しとけって感じ？

**デフォルトの名無しさん** · 2022/12/02(金) 10:46:22.91

ContentDialogのことなんだろうが、稀に発生するダイアログが画面の裏に表示されて押せなくなるということが物理的にないだけでも優秀だ

**デフォルトの名無しさん** · 2022/12/02(金) 10:52:18.01

>>291
重複行ではなく列です
AutoGeneratingColumnsで作成される列が2つ表示されます

**デフォルトの名無しさん** · 2022/12/08(木) 19:39:15.92

メニューとかを付けたWindowに画面の中身を定義したユーザーコントロールを追加したいんですが、どのようにするのがスマートですかね？
無難にWindowの一番下のGridのChildrenにAddするのがいいんですかね？

**デフォルトの名無しさん** · 2022/12/09(金) 09:42:01.65

ContentControl

**デフォルトの名無しさん** · 2022/12/09(金) 16:29:47.92

WPFのXAMLで、部品の幅や高さを「残り画面いっぱい」にする方法ってありますか？
Androidのxmlでいうところの、fill_parentに相当する物を教えてください

**.NET MAUI HighSchool** · 2022/12/09(金) 16:50:43.95

>>297
HorizontalAlignment=stretch
とかで行けます

**デフォルトの名無しさん** · 2022/12/09(金) 17:22:28.18

言葉足らずですいません
Grid.RowDefinitionsやGroupBoxの中だからか、Stretchでは追従してくれませんでした

**.NET MAUI HighSchool** · 2022/12/09(金) 17:38:20.80

じゃあそのグリッドやグループボックスのアラインメントをストレッチにすればいいのでは？

**デフォルトの名無しさん** · 2022/12/09(金) 17:40:46.95

>>299
DockPanelを使って、残りいっぱいにしたいのを最後に入れる
DockPanelのLastChildFillプロパティはtrue(既定値)

**デフォルトの名無しさん** · 2022/12/09(金) 18:22:42.76

>>301
DockPanel良いですね！
方向は四方向のようですが、右下（Right + Bottom）のような指定は出来るのでしょうか？

**デフォルトの名無しさん** · 2022/12/09(金) 19:08:18.86

デザイナー使わずにvscodeとかで頑張ってんの？
マウスでポチポチで出来るのに

**デフォルトの名無しさん** · 2022/12/09(金) 19:14:15.38

>>302
そういうのは出来ない
DockPanelのレイアウトはやってみれば分かると思うけどちょっとパズル的
場合によっては入れ子にする

**デフォルトの名無しさん** · 2022/12/09(金) 20:04:42.78

>>304
Formsのアンカーみたいに出来るかもと思ってしまいました
右下が必要な時は、入れ子にして組み合わせます

**デフォルトの名無しさん** · 2022/12/09(金) 20:11:51.65

>>305
Left(左)、Top(右上)って順番に配置すれば残りは右下になるけどね

**デフォルトの名無しさん** · 2022/12/09(金) 20:35:38.71

>>305
クリックすればできるっしょ！

幅なしでマージンのみ指定

**デフォルトの名無しさん** · 2022/12/10(土) 06:52:30.14

DockPanelはタブ順がいまいちになるからあんまり使わない。
Gridをマウスでポチポチして区切ってその中にStackPanel入れるのが基本。

**デフォルトの名無しさん** · 2022/12/10(土) 16:32:37.30

>>299
Grid.RowDefinitionsのhieghtを”*”にすれば残り画面いっぱいになるよ

**デフォルトの名無しさん** · 2022/12/10(土) 16:41:54.02

height

**デフォルトの名無しさん** · 2022/12/10(土) 18:44:18.88

残り幅いっぱいってどれもこれもめんどくさいよね

WPFは統一的な仕組みがなくコントロールの挙動はその都度ググって正解を探すしかない
使い慣れてないコントロールを使うたびにあれってなってググったり過去のプロジェクトを開いて確認したりさせられる
itemtempleteとかもそう…

**デフォルトの名無しさん** · 2022/12/11(日) 13:43:41.76

gridオンリーでやれば統一的なのかもしれない

**デフォルトの名無しさん** · 2022/12/11(日) 15:05:49.80

Gridってよくわからなくならない？
XAMLだけで編集すると特に

**デフォルトの名無しさん** · 2022/12/11(日) 18:13:03.40

Gridシャワーでわからなくなる人はBootstrapやFoundationでのCSSデザインは無理だな。

**デフォルトの名無しさん** · 2022/12/11(日) 18:57:16.27

glidにしたところでitemは最大幅にはならないよ

**デフォルトの名無しさん** · 2022/12/11(日) 19:03:59.04

適当にgridでくぎってコントロール張り付け。これでOK。

**.NET MAUI HighSchool** · 2022/12/11(日) 19:26:41.83

>>314
わかる
HTMLとCSSってマジでむずいよな
バグり方半端ないし
XAMLが安定安心だわ

**.NET MAUI HighSchool** · 2022/12/11(日) 19:27:53.02

Blazorやっててロジック部分のC#いじるときめっちゃ面白いし楽しいのにHTMLやCSSいじるときが一番しんどかったわ…

**デフォルトの名無しさん** · 2022/12/11(日) 19:33:10.67

デザイナーの方がITスキル高いからね

**デフォルトの名無しさん** · 2022/12/11(日) 19:37:24.32

デザイナーきたな

**デフォルトの名無しさん** · 2022/12/11(日) 20:32:46.67

Ruby on Rails 7 のデフォルトのCSSフレームワークは、
Bootstrap, Bulma, Tailwind, PostCSS, Dart Sass の5つ

Bootstrapが多いが、Tailwindも増えてきた

CSSが分からない香具師は、これらのフレームワークを使えばよい

**デフォルトの名無しさん** · 2022/12/11(日) 20:38:13.88

cssわからないならcssフレームワーク使えないだろ

**.NET MAUI HighSchool** · 2022/12/11(日) 21:02:37.38

>>322
これ

**デフォルトの名無しさん** · 2022/12/11(日) 21:05:28.43

そこは解っとんのかい！

**デフォルトの名無しさん** · 2022/12/12(月) 14:54:46.15

>>317
HTMLデザインという視点でやってればな。　ベタポトWinFormみたいなもの。
HTMLはレイアウトのアクターを並べるだけであって、デザインはCSSでやる。
だからCSSデザイン。

**デフォルトの名無しさん** · 2022/12/12(月) 15:07:28.77

外観や視覚的な要素のことだけを指して「デザイン」と呼ぶおじさんが多すぎる

**デフォルトの名無しさん** · 2022/12/12(月) 17:09:05.62

はい！

デザインおじさん登場！

**デフォルトの名無しさん** · 2022/12/12(月) 17:20:21.22

おじさんというか、ジャップな。
欧米はちゃんと設計部門＝Design departmentだから。
「Design」と聞いてAesthetic designのみに捉えてしまうバカはジャップだけ

**デフォルトの名無しさん** · 2022/12/12(月) 17:25:04.44

あなたはジャップではないんですか

**デフォルトの名無しさん** · 2022/12/12(月) 17:37:55.36

｢デザイン｣って日本語で書いてるのに何で欧米の事情もってくるんだよ
馬鹿か?

**デフォルトの名無しさん** · 2022/12/12(月) 18:14:39.43

やっぱ「UIデザイン」を見た目だけのものと捉えてる人もいるのかな
何十年経ってんだって話だけど

**デフォルトの名無しさん** · 2022/12/12(月) 18:18:39.68

元の語と若干意味が違ってくる。借用語というのはそういうものだ
>>328 はプログラミング以外も学んだほうがいい。恥をかくぞ

**デフォルトの名無しさん** · 2022/12/12(月) 18:31:46.35

WPFのデザイン機能とかコントロールの配置ぐらいしかないから
CSSデザインとか全く想像すら出来ないんじゃないの？

WPFレベルでCSSにあたると大概がこの人(>>318)のように玉砕するから

**.NET MAUI HighSchool** · 2022/12/12(月) 20:17:28.18

>>333
いややったってば
すぐバグるしゴミだった

**デフォルトの名無しさん** · 2022/12/12(月) 20:49:57.65

バグってるのはブラウザじゃなくてあなたの書いたHTMLとCSSでしょ
仕様が複雑怪奇で正しく使うのが難しいのは同意するけど、現に正しく使えるエンジニアは世の中にいくらでも存在しており、よ良い代替が存在しない以上、
それをゴミだの何だのと喚いても結局あなたのスキル不足でしかないのよ

**.NET MAUI HighSchool** · 2022/12/12(月) 20:51:10.86

>>335
いやオレの中でゴミだったから今後使わないだろうねってことだよ

**デフォルトの名無しさん** · 2022/12/12(月) 20:51:17.56

バグるのはブラウザの性です！で通せばいい

**.NET MAUI HighSchool** · 2022/12/12(月) 20:56:37.36

>>337
いやブラウザのせいでは無いけど仕様的に頭おかしい言語だと思うわ
一回style=""でhtmlに記述したらそのスタイル削除しても後ろのCSSに一生渡せない
styleで上書きするしかなくなる

**デフォルトの名無しさん** · 2022/12/12(月) 21:01:32.45

お前ここでもバグとか言ってんのか
自分が無能なだけだろ

**デフォルトの名無しさん** · 2022/12/12(月) 21:31:30.02

>>338
えらい低見を越えられてない事は判った

**デフォルトの名無しさん** · 2022/12/12(月) 22:34:54.54

CSS で書くのは無理。
仕様が膨大だろ

Bootstrap でも、SASS で書く

他の部分に、影響を及ぼしてはならない。
各パーツは、疎結合で作るべき

**.NET MAUI HighSchool** · 2022/12/12(月) 22:56:15.90

膨大なくせに体系的に纏められてないんだよな

**デフォルトの名無しさん** · 2022/12/12(月) 23:04:51.21

>>341
Scoped CSS

**デフォルトの名無しさん** · 2022/12/13(火) 20:42:43.55

UserControlクラスってなんか特殊なの？
UserControlを継承したクラスのコレクションをListBoxのItemSourceに設定したんだけど、全然バインドしてくれない
UserControlの継承をやめてただのクラスにするとバインドされるようになる

**デフォルトの名無しさん** · 2022/12/14(水) 01:25:17.43

XamlにUserControl書いておいてそこに他のコントロールをコード側で代入するような使い方はしたことあるな

**デフォルトの名無しさん** · 2022/12/14(水) 02:01:01.05

なんか困った記憶があるな
なんかバインドのタイミングが遅かったかViewModelの構造だったか

**デフォルトの名無しさん** · 2022/12/14(水) 06:34:22.03

WINFORMのpanelコントロールはWPFあるの?

**デフォルトの名無しさん** · 2022/12/14(水) 12:03:59.99

>>347
用途によって細分化されてる
コントロールを並べたいならWrapPanelやDockPanelなど
スクロールバーを使いたいならScrollViewer

**デフォルトの名無しさん** · 2022/12/14(水) 20:03:29.32

Win11だと、OneDriveの設定画面がWinUI化してた。超見やすい！
ただWinUI 三なのかはわからず...

**デフォルトの名無しさん** · 2022/12/14(水) 21:00:14.50

MAUIはゴミだと良く判る展開ω

**.NET MAUI HighSchool** · 2022/12/14(水) 22:33:40.69

>>350
どこが？
普通に使えるけど？

**.NET MAUI HighSchool** · 2022/12/14(水) 22:35:12.86

>>349
いいね
こっちもWinUI3なのかわからんけどOfficeの最新版はWinUI3っぽい

**デフォルトの名無しさん** · 2022/12/14(水) 22:52:25.60

そもそもマルチプラットフォームって需要あるの？

**.NET MAUI HighSchool** · 2022/12/14(水) 23:01:08.16

>>353
あるだろそりゃ

**デフォルトの名無しさん** · 2022/12/15(木) 20:00:02.02

簡単なマルチアプリならFlutter辺りでササっと作って、
それなりのアプリならネイティブ環境でそれぞれ作った方が楽だと思う

**デフォルトの名無しさん** · 2022/12/15(木) 20:34:55.93

Windows 10の電卓が新しいUIになっていた

**.NET MAUI HighSchool** · 2022/12/15(木) 21:17:01.89

>>355
いや普通にMAUIのほうが楽だろ
Blazor Web ViewでHTML,CSS使えるようになったし
https://youtu.be/2dllz4NZC0I
このアプリなんか3ヶ月だとさ
https://dev.to/fx/ditching-net-and-finding-faith-again-after-10-years-4d7b

**.NET MAUI HighSchool** · 2022/12/15(木) 21:18:40.15

Flutterってそんな簡単にアプリ作れるイメージないんだが
Dartで全部UI書くんだぜ？
馬鹿だろ
しかもMVUだから普通のプログラミングとは一癖も二癖も違う
変数は一回全部Stateに入れる必要あり

**.NET MAUI HighSchool** · 2022/12/15(木) 21:19:22.89

まさかC#とXAMLでGUIアプリ作ってるやつがFlutterなんか勧めるとはね

**.NET MAUI HighSchool** · 2022/12/15(木) 21:20:59.13

とりあえず俺の作ったアドベントカレンダー見れば別にMAUIでもいいやってなるよ
特にC#普段使ってるのであれば
https://qiita.com/advent-calendar/2022/dotnetmaui

**デフォルトの名無しさん** · 2022/12/15(木) 21:22:35.62

なんか大変なんだな。
android studioでやってるけどiOS版はあきらめろんだな。

**.NET MAUI HighSchool** · 2022/12/15(木) 21:24:43.25

>>361
AndroidStudioとVisualStudioどっちが使いやすいとかある？
VisualStudioしか使ったことないわ

**デフォルトの名無しさん** · 2022/12/15(木) 21:25:28.65

デスクトップアプリ何で作る？
最低要件（最低限これくらいは満たしてね）チェックシート2022
============================================================================

チェック用アプリ仕様:
　アプリ上の"はろー"ボタンをマウスでクリックしたらメッセージボックスで"わーるど"を表示する

(1)配布要件1：動作させるのに必要なファイル一式を任意の場所に配置して動作する
(2)配布要件2：管理者権限不要で配置できる
(3)配布要件3：動作させるのに必要なファイル数が10以内 ※1

(4)起動要件1：エントリファイルをダブルクリックして起動可
(5)起動要件2：エントリファイルをPowerShellから起動可
(6)起動要件3：管理者権限不要で起動可
(7)起動要件4：ネットワーク切断状態（スタンドアロン）で動作する

(8)メモリ要件：
　A：起動時の消費メモリが20MiB以内
　B：起動時の消費メモリが40MiB以内

(9)ストレージ要件：
　A：動作させるのに必要なファイルサイズ合計が200KiB以内 ※1
　B：動作させるのに必要なファイルサイズ合計が1MiB以内 ※1

※1. OSにプリインストールされているランタイムは除く

============================================================================
(1)～(7)はYesの場合+10, Noの場合は-100
(8)～(9)はAの場合+10, Bの場合+5, その他は-100

合計点80以上が合格ライン（当然点数は高ければ高いほど優秀）

**.NET MAUI HighSchool** · 2022/12/15(木) 21:27:02.28

モバイルSuicaとかXamarinだからC#だぞ？
ReactiveUI使ってた

**デフォルトの名無しさん** · 2022/12/15(木) 21:35:14.51

>>362
android studio の方が使いやすいな。
変数名とかのリファクタは便利過ぎる。
UIなxmlも書き換えてくれる。
Windows アプリはVisual Studio でc#のwinformsだけどね。
2019の方が良かったな2022はちょっとうっとおしい、設定調べなきゃ。

**.NET MAUI HighSchool** · 2022/12/15(木) 21:39:52.50

>>365
そうなんだ…

**デフォルトの名無しさん** · 2022/12/15(木) 22:28:59.48

>>358
めちゃくちゃ楽だよ。
UI書くのに便利なように言語仕様変えたレベルだからあれ。

**.NET MAUI HighSchool** · 2022/12/15(木) 22:32:02.22

>>367
どこが楽なんだよ

**.NET MAUI HighSchool** · 2022/12/15(木) 22:33:44.51

どっちもやったことないのまるわかりなんだがw

**デフォルトの名無しさん** · 2022/12/15(木) 22:46:33.30

>>368
XAMLと比べて、だと、まずリファクタリングと言うか思いつきで作ったあと部品に分けたりするのがめちゃくちゃ楽。

言ってしまえばただの定数宣言と関数の返値なので、普通にIDEでポチポチできる。
ファクトリ関数的な物でUI部品作ったり、あとはReactで言うHOCみたいなものも作りやすいね。

XAMLのテンプレートは黎明期からずっとクソを引きずってるので本当にクソ。MauiでもコードでUI作る奴の方に期待してる。

というか、今時UIにバインドする物はぜんぶState入れるだろ。
コードビハインドからゴリゴリするとか行儀悪すぎでは？

**.NET MAUI HighSchool** · 2022/12/16(金) 04:34:35.28

>>370
全く値変わらないWidthやHeight,FontSize,FontAttributeについてもわざわざState入れてんの？
くそめんどすぎるわw
しかもわざわざChildだのChldrenだの書いてさw

**.NET MAUI HighSchool** · 2022/12/16(金) 04:38:14.59

保守や維持管理についてもXAMLの方が圧倒的に上
Dartはこいつがなんのコントロールなのかすらわからん

**.NET MAUI HighSchool** · 2022/12/16(金) 04:39:02.72

まずプロパティでいいところをウェジットにしてる時点で設計が間違ってることに気づこう
これでクリーンアーキテクチャとかよく言えたもんだわw

**デフォルトの名無しさん** · 2022/12/16(金) 08:28:18.07

>>371
入れないよ。全く変わらないんでしょ。
それは定数で書くし、なんならその値が設定された専用のウィジェットとかウィジェットを返す関数を作る。

プロパティで良いところはプロパティなんだけどな。それに、今時そこまでStatefulWidget使わずに、StatelessWidget使ってバインドするだけでは？

もしかしてあんまりAndroid Studioとかまともな環境で書いたこと無い…？

**デフォルトの名無しさん** · 2022/12/16(金) 08:29:10.14

プロパティですむところをウィジェットにする、の意味がイマイチ伝わってきてないんだけど、どういうことなの？

**.NET MAUI HighSchool** · 2022/12/16(金) 09:17:06.20

>>374
だからMVUだからその定数が入れられねぇんだろ

**.NET MAUI HighSchool** · 2022/12/16(金) 09:18:03.15

>>375
テキスト、フォントサイズ、幅、高さ
すべてがウェジットだろ
キチガイプラットフォームじゃん

**.NET MAUI HighSchool** · 2022/12/16(金) 09:18:22.93

すまんウィジェットな

**.NET MAUI HighSchool** · 2022/12/16(金) 09:19:57.66

もしかしてこいつMVUで書いたことないのにFlutterはMVUだからぁとか言ってる感じ？

**デフォルトの名無しさん** · 2022/12/16(金) 09:30:27.68

ウィジットの意味わかってないただの馬鹿で草

**.NET MAUI HighSchool** · 2022/12/16(金) 10:32:52.36

>>380
どこが？
すべてがウィジェットだろFlutterは

**.NET MAUI HighSchool** · 2022/12/16(金) 10:33:26.47

だからチルドレンだのチャイルドが多くなってわけわからんようになるんよ

**.NET MAUI HighSchool** · 2022/12/16(金) 10:35:07.38

普通に考えてXAML+C#のが直感的だわな
得意なことをやらせましょーねーだもん
逆に不得意なところでもまぁまぁできるようにしたよが宣言的UIと呼ばれるやつ

**デフォルトの名無しさん** · 2022/12/16(金) 10:53:55.23

xamlも宣言的UIと言うんだが
ウィジットといいこいつ言葉の意味理解してなくて会話が成り立たねぇw

**デフォルトの名無しさん** · 2022/12/16(金) 11:10:21.55

つか、最新の宣言的UIのjetpack compose使ってみれば?
お前の大嫌いなchildやchildrenなくなってるから(笑)

**デフォルトの名無しさん** · 2022/12/16(金) 11:12:10.46

>>376
えっ…？

例えば、これはScaffoldといって、XAMLで言うとPage系の親玉みたいなウィジェットなんだが、
https://api.flutter.dev/flutter/material/Scaffold-class.html

どれが定数を使えず、ウィジェットになってるの？
というか、ウィジェットが定数になっていて実行時にはノーコストと言うことがわかってない？

ちなみにChildrenはXAMLでも存在してるよ。タグの中身の事よ。
複数の要素がとれるものがchildren。一個しかおけないものがchildになってるだけで。

**デフォルトの名無しさん** · 2022/12/16(金) 11:13:15.44

>>383
DartがUI作るの不得意なんじゃなくて、おまえがDartでUI作るの下手なんじゃないかな…。

俺はMAUIの記事も読んでるし、MAUIは好きなので、もう少しフラットにやって欲しいと思ってる。

**.NET MAUI HighSchool** · 2022/12/16(金) 12:19:17.66

>>384
何いってんだこいつ？