トップページ⇒tech
1001コメント282KB

WPF(XAML, XBAP, .Net3.5)GUIプログラミング Part5

■ このスレッドは過去ログ倉庫に格納されています
0001デフォルトの名無しさん2009/12/27(日) 10:58:30
あたらしいユーザーインターフェースシステム、Windows Presentation Frameworkについ
て語るスレ。.NET3.5 SP1 もリリースされて盛り上がってまいりますた。

Visual Studio 2008
ttp://www.microsoft.com/japan/msdn/vstudio/
Microsoft .NET Framework 3.5 Service Pack 1
ttp://www.microsoft.com/downloads/details.aspx?FamilyId=AB99342F-5D1A-413D-8319-81DA479AB0D7&displaylang=ja
WPF Toolkit - June 2009 Release
ttp://wpf.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=29117
Visual Studio 2010
ttp://www.microsoft.com/japan/msdn/vstudio/2010/overview/

関連スレ
Microsoft Silverlight その4
ttp://pc12.2ch.net/test/read.cgi/tech/1244812356/

過去スレ
WPF(XAML,XBAP,.NET3.5)GUIプログラミング Part3
ttp://pc12.2ch.net/test/read.cgi/tech/1245384489/
WPF(XAML,XBAP,.NET3.5)GUIプログラミング Part3
ttp://pc12.2ch.net/test/read.cgi/tech/1231506876/
WPF(XAML,XBAP,.NET3.5)GUIプログラミング
ttp://pc11.2ch.net/test/read.cgi/tech/1211453941/
【新GUI FW】WPF（XAML,AVALON,.NET3.0)【重い?】
ttp://pc11.2ch.net/test/read.cgi/tech/1162950198/
0784デフォルトの名無しさん2010/05/02(日) 04:57:30
一人で作る小規模アプリにWPFは効率悪すぎる
0785デフォルトの名無しさん2010/05/02(日) 05:12:47
>>783
自己レス
初期表示で傾斜つけたコンテナをウィンドウに収まるように配置しとけばリサイズには勝手に追従するなあ
uniformgridならうまく拡大してくれるような気がする
07867812010/05/02(日) 05:15:31
>>783>>785
朝早くありがとう
ボタン単体で傾斜つけてグリッドに埋め込んだりしてたけどどうもおさまり悪いので
ボタンを入れ込むグリッドそのものを回転しちゃえって方向で今調べてました・・・
Blend使った方が楽かなあ・・・・
こいつが出力するxamlで勉強した方が速そう・・・orz
0787デフォルトの名無しさん2010/05/02(日) 05:30:40
UniformGridでかっちりできるね
縦横比によっては見えなくなっちゃうけど
blendはそりゃあったほうがいいでしょ
なかったらこんなのめんどくさくて試す気もしないもん
0788デフォルトの名無しさん2010/05/02(日) 06:16:28
こういうことか

ttp://tsushima.2ch.at/s/news2ch61563.png

ひし形の場合って影は下と右どっちが普通なんだろう
0789デフォルトの名無しさん2010/05/02(日) 06:19:16
おっとボタン上のテキストは正面向いてないといけないのかなー
それだと一手間いるな・・・
0790デフォルトの名無しさん2010/05/02(日) 06:19:45
>>788
まさにそういうのです
まあ影はこの際いらないかなあ・・・
将来的にはスキンも考えてるので
0791デフォルトの名無しさん2010/05/02(日) 06:30:26
>>788
あれですかね
ボタンを回転させるよりボタンを星形にするようにベクターをいじって
ひし形のボタンを作った方がいいかもしれないですね

ただそういう場合ってヒットエリアって矩形なんだろかそれとも作った形そのままなんだろうか・・・
0792デフォルトの名無しさん2010/05/02(日) 06:56:29
ちなみに>>787で作ったのはこんなのね
ttp://tsushima.2ch.at/s/news2ch61565.png
簡単だけどかなり見劣りするな・・・
0793デフォルトの名無しさん2010/05/02(日) 07:25:32
>>792
なるほど・・・
こちらでもBlend入れてデザインしてみましたが難しいですねｗ
ttp://tsushima.2ch.at/s/news2ch61568.png

ボタンそのものの形は変わるのですがあたり判定が元のままｗ
0794デフォルトの名無しさん2010/05/02(日) 07:53:44
あら？傾斜（擬似３D）じゃなくて回転でいいわけ？
だったらこういうのも
ttp://tsushima.2ch.at/s/news2ch61570.png
簡単・・・プレゼンターだけをグリッドとは逆に回転させるスタイルを定義する
判定も問題なしなんだけどこれだとリサイズしたときにむちゃくちゃになっちゃうな
0795デフォルトの名無しさん2010/05/02(日) 07:59:31
>>794
まあ本当はウインドウサイズ固定などができれば楽なんですけど
なにせウインドウズアプリなのでどうしてもウインドウサイズの変更は
できて当たり前みたいなところがあるのがつらいんですよね・・・

まあこんな状況だからウインドウズ関連で指を使ったタッチパネルUIが
普及しないんでしょうけど

細かいタッチ制度を出せるマウスもしくはスタイラスのような
ポインティングデバイス向けUIは得意なんでしょうけどね・・・
0796デフォルトの名無しさん2010/05/02(日) 08:08:12
>>793
ちゃんとClipしていれば当たり判定は問題ないはず
フォーカスの破線は自分で描画(もしくは消す)

ついでに、>>788のXAML
ttp://pastebin.com/TngzgvvF
0797デフォルトの名無しさん2010/05/02(日) 08:37:34
>>796
ありがとうございます

うーん難しいｗ
0798デフォルトの名無しさん2010/05/02(日) 10:51:49
というか、ゲーム作るならこれぐらいボタン使わないで描画しろよって話だな
中学生でもできるぞ
0799デフォルトの名無しさん2010/05/02(日) 10:53:36
WPFの３Dはゲーム作成の為にある
0800デフォルトの名無しさん2010/05/02(日) 10:57:55
データの視覚化とかトランジション効果とかの為だろ
0801デフォルトの名無しさん2010/05/02(日) 10:59:10
>>798
こういうUIを採用してるアプリが思い当らなかったのでゲームを例題にしてますが
ゲームじゃないですよ
0802デフォルトの名無しさん2010/05/02(日) 10:59:52
>例題にしてますが
>ゲームじゃないですよ
例題にしてますが
作っているのはゲームじゃないですよ
0803デフォルトの名無しさん2010/05/02(日) 11:06:15
ttp://tsushima.2ch.at/s/news2ch61577.png
改造して影をつけてみたけど解像度あがると重い・・・

ttp://tsushima.2ch.at/s/news2ch61578.png
赤丸のあたりに別途ボタンをつけたりする方法がわからない・・orz
0804デフォルトの名無しさん2010/05/02(日) 11:32:16
Gridはレイヤーみたいな使い方もできるぞ
がんばれ
0805デフォルトの名無しさん2010/05/02(日) 11:42:44
道具に振り回されている感じだね
もっと頭使えよ
0806デフォルトの名無しさん2010/05/02(日) 12:03:17
gridの使い方もわからない男の人って…
0807デフォルトの名無しさん2010/05/02(日) 13:10:06
>>803
これが進化したらビューポイントが出来上がりそうだと思った。
0808デフォルトの名無しさん2010/05/02(日) 17:30:25
>>804
はい

>>805
まあ休みの暇つぶしに始めたのでいろいろわからないことだらけなんですよね・・・
0809デフォルトの名無しさん2010/05/02(日) 19:28:29
>>803
これ格闘ゲームのキャラクター選択画面みたいだな
0810デフォルトの名無しさん2010/05/02(日) 19:52:56
こんなしょぼいもん作って喜んでるって
レベル低いな
0811デフォルトの名無しさん2010/05/02(日) 20:04:58
俺のデザイン最強（ｷﾘ
こんなしょぼいもん作って喜んでるって
レベル低いな(ｷﾘ

どんなUI作ってるんだろう見てみたい
0812デフォルトの名無しさん2010/05/02(日) 20:06:23
言ったもん勝ちだし。
MVPの俺が言うんだから確か。
0813デフォルトの名無しさん2010/05/02(日) 20:11:33
そういえばWinFormのClientSizeに相当する動きってどうやればいいんだろう
0814デフォルトの名無しさん2010/05/02(日) 20:15:45
コントロールとDataSetとの接続の仕方が判らない・・・
データベースを介さないと出来ないのか？
08157812010/05/02(日) 20:21:27
>>810
新しいことへの挑戦中なのでこれもラフスケッチみたいな物ですよ
今後でるであろうタッチパネル搭載端末で使いやすいUIの研究ですから
ある程度決まった画面内やりとりするってのはゲームUIから学ぶことが
多いのでこれもその一つなんですよ

WPFの勉強も兼ねてですから
まあ偉い人にはわからないでしょうねｗ
08167812010/05/02(日) 20:31:16
勝手にコメントしないでください
08177812010/05/02(日) 21:12:26
じゃあ、俺が変わりに。

アノデスネ・・・。
0818デフォルトの名無しさん2010/05/02(日) 21:16:50
Fromの上にWPFのMediaElementを乗せた簡易メディアプレイヤーを
.NET4で完全WPFに書き換えたら重くなった
やってることはほとんど大差ないのに何故だ
0819デフォルトの名無しさん2010/05/02(日) 23:36:30
>>813
Window.ContentのWidthとかHeightじゃだめ？
0820デフォルトの名無しさん2010/05/02(日) 23:43:45
>>815
研究なら自分でやることだな
この程度のことを質問しているようじゃ
何も出来そうにないな
08217812010/05/03(月) 01:19:15
>>820
その人成りすましなんですって・・
ID欲しいよ・・・
0822デフォルトの名無しさん2010/05/03(月) 01:40:50
>>819
ありがとうございます。

別件で
動的にコントロールを追加したりする場合はやはりC#側で制御するしかないんですかね？
0823デフォルトの名無しさん2010/05/03(月) 03:13:09
動的の度合いがわからない
0824デフォルトの名無しさん2010/05/03(月) 08:03:33
技術制約無視して条件分けとか言い出すんだから「xamlにコード埋め込め」でいいと思うよ
08258182010/05/03(月) 10:07:19
>>818
動画の上にテキストを表示するためにOuterGlowBitmapEffectを使ってたけど
.NET4で削除された？のでDropShadowEffectに書き換えたがこれが重いらしい
ウインドウサイズをいじって動画と重ならないようにすると少しだけ軽くなり
非表示にしたりEffectを無効にするとぐんと軽くなる

ヘルプの.NET4の相違点のページかなんかで
描画方法が変わったとか何か書いてあった気がするけどページが見つからない
0826デフォルトの名無しさん2010/05/03(月) 10:27:06
BitmapEffectはパフォーマンスがクソだからというので
ピクセルシェーダでGPUを思いっきり使うようになったんだけど(.NET3.5〜)
ハードウェアが対応してないとか
0827デフォルトの名無しさん2010/05/03(月) 21:51:18
>>825
俺は、動画はないけど文字列をいっぱい表示してるけど縁取りでDropShadowEffectを使ってみたら重いな、OuterGlowBitmapEffectも重かったけどね
ボカシの処理を無くして縁取りの処理をもっと軽くできないものか・・・
0828デフォルトの名無しさん2010/05/04(火) 07:05:54
>>827
ぼかしを無くして影を落とすだけでも重かったので、妥協して半透明の背景をつけることにした
BitmapEffectが重いからって話だったはずなのにこっちの方が重くなるのが納得いかない
グラボは6800XTだからShader 2.0には対応してるはずだけど3.0が必要なのかな
0829デフォルトの名無しさん2010/05/04(火) 15:31:17
カスタムコントロールにResourceDictionaryを定義した
xamlファイルを結びつけるのはどうすればいい？
カスタムコントロールのコードからリソース内の表示用部品を利用したいのだけれど。
0830デフォルトの名無しさん2010/05/04(火) 17:01:51
>>829
xaml の読み込み
ResourceDictionary.MergedDictionaries
or
XamlReader.Load(file)

部品の取得
FrameworkElement.FindResource(key)
or
ResourceDictionary[key]
0831デフォルトの名無しさん2010/05/04(火) 18:34:43
>>829
これでも
ResourceDictionary rd = new ResourceDictionary();
rd.Source = new Uri("pack://application:,,,/MyApp;component/Dictionary1.xaml", UriKind.Absolute);
string myValue = rd["MyValue"] as string;
0832デフォルトの名無しさん2010/05/04(火) 18:44:44
>>830-831
さんくす！
使うリソースは1つだけなので
this.Resources.Source = new Uri("pack://application:,,,/testcontrol/test.xaml");
でいけた。this.Content = this.FindResource("button");てな感じで使えるね。

これでようやくコントロールの表示部分に取り掛かれるわ
0833デフォルトの名無しさん2010/05/04(火) 19:03:40
日本のメーカーPCはグラボ非搭載が主流だからWPFはきついな
0834デフォルトの名無しさん2010/05/04(火) 19:28:07
誰一人つられないんだからね
0835デフォルトの名無しさん2010/05/05(水) 00:38:09
現在主流のCore-iモデルの内蔵はintel HD Graphicsで
そのコンパネがWPFだったりするんだけどな
0836デフォルトの名無しさん2010/05/05(水) 01:34:12
WPFってなんだろう
0837デフォルトの名無しさん2010/05/05(水) 01:44:00
人生・・・かな？
0838デフォルトの名無しさん2010/05/05(水) 03:17:03
鉄板麺！！
0839デフォルトの名無しさん2010/05/05(水) 16:50:17
WPFはAdobeのあれをパクったような感じ
0840デフォルトの名無しさん2010/05/06(木) 08:43:05
国連になんかあったな
0841デフォルトの名無しさん2010/05/06(木) 23:49:46
Window の中に Grid が１つあり、
その中に同じ大きさの Viewbox を３つ配置しています。
３つのViewboxの位置は同じで、重なって配置されます。

それぞれのViewboxにはGridを配置し、その中には
・透過色を指定したPNG画像と
・Rectangleを１つずつ配置しています。
３枚の画像は同じ大きさで、UniformToFill にしています。
Rectangleは、各画像の背景色の領域中に配置するようにしています。
また、Rectangleはクリックされると Fill が変わるようにしています。

このとき、一番階層が高い Viewbox 内のRectangleしかクリックに反応してくれません。
２番目、３番目のViewbox内のRectangleも反応させるにはどうしたら良いのでしょうか？

ソースを以下にUPしましたので、よろしくお願いいたします。
ttp://www.dotup.org/uploda/www.dotup.org866125.zip.html
pass: wpf
0842デフォルトの名無しさん2010/05/07(金) 00:02:32
現象が発生する最小のプログラムでないと誰も見ないぞ
単純に一番目にRect三つ配置すればいいんじゃねーの
0843デフォルトの名無しさん2010/05/07(金) 00:05:50
>>841
Grid.Row, Grid.Column を分けずに、一つのセル(?)でやってるから、最後の Viewbox がイベントとっちゃって、その兄弟にはイベントが伝播しない。
素直に Canvas 使うか、Grid.Row を3つに分けなさい。
08448412010/05/07(金) 00:12:10
>>842
急いで書いたため、情報不十分でした。
各Viewboxは個別に移動、拡縮をしたいのです。
（それに応じでViewbox内のオブジェクトも、移動＋拡縮させたいです）
ですので、一番目にRect３つ配置ではダメなのです。

>>843
ありがとうございます。
いただいた情報を元に考えて見ます。
0845デフォルトの名無しさん2010/05/07(金) 00:36:07
>>844
Grid を入れ子にすれば、Grid で MouseUp をとるように変更すればできたけど・・・
もう少しスマートな方法ないかね。Viewbox 使わなければ Background に Transparent 設定してイベント透過させられるのだけど。

<Grid MouseUp="rectangle_MouseUp">
  <Viewbox />
  <Grid MouseUp="rectangle_MouseUp">
    <Viewbox />
    <Grid MouseUp="rectangle_MouseUp">
      <Viewbox />
    </Grid>
  </Grid>
</Grid>

-----------
private void rectangle_MouseUp(object sender, MouseButtonEventArgs e)
{
    ((((sender as Grid).Children[0] as Viewbox).Child as Grid).Children[1] as Rectangle).Fill = Brushes.Red;
}
08468452010/05/07(金) 00:40:27
Grid 全体で MouseUp とってしまうから駄目だった。
忘れてくれ。
0847デフォルトの名無しさん2010/05/07(金) 00:43:11
つまり透過してるので最前面でFill状態の画像をムシして
その後ろの画像にヒット判定させろ？

無理じゃね？
0848デフォルトの名無しさん2010/05/07(金) 01:05:45
いや３ついっぺんにクリックされたように扱いたいって話じゃないの？
0849デフォルトの名無しさん2010/05/07(金) 01:09:17
>>844
読み流してた
つまり>>847なんだなごめん
0850デフォルトの名無しさん2010/05/07(金) 01:10:43
>>848
それだったら全面のやつがイベント受けたらほかの物にも伝えるとかそんなんでいいんじゃね？
それか画像を管理してるコンテナ、この場合はGridがクリックイベント拾うとか
08518412010/05/07(金) 01:12:58
皆さん、ありがとうございます。
やはり透過処理していようとも、画像の領域から
イベントを透過させることは無理（難しい？）みたいですね。

>>847-848
一番の理想は、”見えているオブジェクトがイベントを拾う”です。
うｐしたものを見ていただけているか分かりませんが、
例えば２番目のViewboxを仮に下方向にAnimationさせた場合、
２番目のViewboxに配置したRectangleは「黒色」の後ろに隠れます。
このとき、隠れたRectangleはクリックできないようにしたいです。

が、それはあくまでも理想であり、３つヒットでも出来るなら嬉しいです。
0852デフォルトの名無しさん2010/05/07(金) 01:43:08
一番上が拾うんでいいならTunnelじゃいかんのかね
0853デフォルトの名無しさん2010/05/07(金) 01:50:25
しかしwindowsはマウスありきでできてるから
こういうGUIまわりは作りにくいな
0854デフォルトの名無しさん2010/05/07(金) 02:04:46
>>852
TunnelってPreview〜のあれ？
重ねたImageに対してトンネルなんてできるのか？
0855デフォルトの名無しさん2010/05/07(金) 21:31:34
>>841
ViewBox内のImageに
IsHitTestVisible="False"
をいれたら下のRectangleも反応したよ

ただ、これだと隠れたRectangleをクリックさせない
というようなことはできないけど
0856デフォルトの名無しさん2010/05/07(金) 22:00:45
Imageに不透明な部分だけマスクするClipを指定すればいいんじゃないの？
0857デフォルトの名無しさん2010/05/07(金) 23:09:28
4の良書でないかなぁ
0858デフォルトの名無しさん2010/05/08(土) 05:54:20
WPF4のデザイナで配置したコントロールのフローがWPF3と違いますよね…?

ウィンドウのリサイズを行うと、WPF3だと勝手に連動してコントロールのサイズが変わるのに、WPF4だとウィンドウだけしかリサイズされない…。
結果、プロパティやXAMLをちょこっと変更しなければいけないのだけれど。
0859デフォルトの名無しさん2010/05/08(土) 06:52:09
update
http://code.msdn.microsoft.com/WPFShell/Release/ProjectReleases.aspx?ReleaseId=4332
0860デフォルトの名無しさん2010/05/08(土) 10:34:01
>>858
コントロールの上下左右に小さな円があるだろ
それクリックするとコンテナの端からの距離が固定される(WinFormsのAnchor相当)
0861デフォルトの名無しさん2010/05/08(土) 11:12:39
WPFのフォントレンダリングをフォームアプリと同じにすることはできないんでしょうか？
VS2010がフォームと同じフォント表示になったのに、
自分で作ったWPFアプリケーションのフォントレンダリングが前のままです。
0862デフォルトの名無しさん2010/05/08(土) 11:59:32
同じというのは違うけど。
3のソースを4でコンパイルするだけじゃ駄目。

TextOptions.TextFormattingMode
TextOptions.TextRenderingMode
0863デフォルトの名無しさん2010/05/08(土) 13:08:49
FlowDocumentに表示されている内容の表示上のサイズを取得する方法はありますか？
0864デフォルトの名無しさん2010/05/08(土) 22:23:02
>>860
クリックですか。
クリックしたところ、希望の動作になりました。

ありがとうございました。
0865デフォルトの名無しさん2010/05/10(月) 21:59:51
int型のプロパティPercentがあって、
それをバインドしているTextBlockでは、後ろに"%"を付けたいときって
どうすればいい？
0866デフォルトの名無しさん2010/05/10(月) 22:01:19
IValueConverter
するまでもないな、StringFormat
0867デフォルトの名無しさん2010/05/10(月) 22:17:23
866　なんか分かりづらくなっちゃった
{Binding Path=Percent, StringFormat=0\\%}
これでいいのか？
マークアップ拡張内は書式指定文字列が訳分からんことになるな
0868デフォルトの名無しさん2010/05/12(水) 17:42:43
>>867
おおーまさしくこれだ。
なんで円記号が2つも…って思ったけどマークアップ拡張内では円記号もエスケープ必須か
0869デフォルトの名無しさん2010/05/12(水) 17:45:00
途中で送信しちまった。>>867サンクス
0870デフォルトの名無しさん2010/05/12(水) 18:13:55
GUIプログラミングの初心者は、WPFから入るよりForm使った方がいいのかな？
WPFはまだ情報量少ないみたいだし
0871デフォルトの名無しさん2010/05/12(水) 18:18:10
>>870
最終的に何を作るかでも変わるけど似てるようでかなり違うからなあ
下手にFormの方を覚えるとWPFだと戸惑うこともあるよ
0872デフォルトの名無しさん2010/05/12(水) 18:21:51
GUIプログラミングはWPFから入ったけど今更Formなんて勉強する気しないよ
0873デフォルトの名無しさん2010/05/12(水) 19:48:05
>>872
最初からWPFって、どうやって学習した？
後学のために教えて欲しい。
0874デフォルトの名無しさん2010/05/12(水) 19:53:59
>>873
ネットで情報収集。殆どはMSDNから。
書籍はエッセンシャルWPFだけ買った。
質問はここやC#スレで。
まだ全体は勉強してないけどな。目的のアプリ作るには一部だけでも十分。
C#と.NET Frameworkも同時にだったからだいぶかかったが。
0875デフォルトの名無しさん2010/05/12(水) 19:54:50
WPFって動的にコントロールを生成しちゃいけないみたいな感じが面倒
0876デフォルトの名無しさん2010/05/12(水) 20:02:06
え？DataTemplate使えば必然的に動的に生成しまくりだろ？
0877デフォルトの名無しさん2010/05/12(水) 20:03:39
>>875
そんなことはないんじゃないの？
WPF側で名前つけておけばFormでやてったようなことはできるし
そういうのがだめってのならWPFなりの書き方すればいいだけだし
0878デフォルトの名無しさん2010/05/12(水) 20:24:03
>>874
.NET FrameworkっていうとC#とかのライブラリみたいなものだよね？
C#学習するのと.NET学習するのって違うの？
初心者なんで見当違いなこといってたらすまん
0879デフォルトの名無しさん2010/05/12(水) 20:28:17
>>878
.NET Framework上で動く中間コードを作るための言語が
C#やVB.netだよ
0880デフォルトの名無しさん2010/05/12(水) 20:53:46
>>878
英文法と英会話
0881デフォルトの名無しさん2010/05/12(水) 23:18:46
C#が言語で、.NETはそれらの言語で使えるライブラリ群
08828782010/05/12(水) 23:24:39
.NET Frameworkってそういうものだったのか
少しは理解が深まった、サンクス
0883デフォルトの名無しさん2010/05/12(水) 23:39:31
>>874
ありがとう。やっぱりネットか。
早く最新状態に即した書籍が出てくれないかなと思うんだが、欲しい情報は
ネットを探しまくるしかないんだな。
■ このスレッドは過去ログ倉庫に格納されています