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

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

レス数が900を超えています。1000を超えると表示できなくなるよ。
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/
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
ありがとう。やっぱりネットか。
早く最新状態に即した書籍が出てくれないかなと思うんだが、欲しい情報は
ネットを探しまくるしかないんだな。
0884デフォルトの名無しさん2010/05/13(木) 02:46:40
>>881
> C#が言語で、.NETはそれらの言語で使えるライブラリ群

前後逆の方がよくね?ｗ
0885デフォルトの名無しさん2010/05/13(木) 03:12:59
881の順がいいと思う。
言語の方が具体的で、ライブラリの方が抽象的だから。

880は、くその役にも立たない例えの見本みたいなもんだと思う。
0886デフォルトの名無しさん2010/05/13(木) 15:20:36
GridViewが標準でWinFormsのListViewのFullRowSelect状態になってるんだけど
カラムのある領域外では選択不能にするにはどこ弄るのだろう？
ItemContainerStyle？
0887デフォルトの名無しさん2010/05/13(木) 17:16:33
うまくいかねーな
マウスで矩形選択っぽく範囲選択できるようにしたいだけなのに…
0888デフォルトの名無しさん2010/05/13(木) 17:33:31
ttp://social.msdn.microsoft.com/Forums/ja-JP/wpffaqja/thread/68bf1cbd-1490-4d03-9560-461eec7a3b93
こういうの？
矩形ってのがWinFormのDataGridViewでの[4,6]-[7,8]までのセルを選択、とか言うのなら多分GridViewじゃ無理だが
0889デフォルトの名無しさん2010/05/13(木) 22:40:53
>>888
最高の回答だ

だがなんでこんな微妙な部分で退化してんだ
楽しくなって来た所なのになー
0890デフォルトの名無しさん2010/05/13(木) 23:18:08
ListView使いにくいんだよね
結局SilverlightではListView削られてDataGrid追加された
WPF Toolkitか.NET4で逆輸入されたDataGrid使ったら?
0891デフォルトの名無しさん2010/05/13(木) 23:56:27
おしえてください。
WinFormをWPFで呼び出しています。
Windows.FormsIntegrationを参照して、
UserControl1には、400x400のグループボックスがあります。
<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:wf="clr-namespace:System.Windows.Forms;assembly=System.Windows.Forms"
xmlns:ts="clr-namespace:WpfApplication1"
Title="MainWindow" Height="500" Width="500">
<Grid>
<WindowsFormsHost>
<ts:UserControl1 />
</WindowsFormsHost>
</Grid>
</Window>
とMainWindow.xamlで呼び出しても400x400の大きさになってくれません。
なぜでしょう？？
0892デフォルトの名無しさん2010/05/13(木) 23:59:01
＞Title="MainWindow" Height="500" Width="500">

これHeightとWidthをautoにしたらなるんじゃね
0893デフォルトの名無しさん2010/05/14(金) 00:13:42
>892
レスありがとうございます。Autoやってみましたが、駄目でした。
0894デフォルトの名無しさん2010/05/14(金) 00:18:46
Grid のほうで Auto 指定してみたら？

<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
</Grid>
08958912010/05/14(金) 00:26:45
>894さんありがとう。駄目でした。下に長くなってしまいます。
0896デフォルトの名無しさん2010/05/14(金) 00:45:41
<WindowsFormsHost Width="400" MinWidth="400" MaxWidth="400" Height="400" MinHeight="400" MaxHeight="400">
<ts:UserControl1 />
</WindowsFormsHost>
でも下長になる。
使用モニタ　AcerB273HU　2048x1152、
フラットスクウェアの1280x1024のPCでやってみましたが下に長くなってしまいます。
ペイントに張り付けてピクセル測ってみると　約　横230px 縦300px　となります。
0897デフォルトの名無しさん2010/05/14(金) 01:11:03
UserControl1側で
public UserControl1()
{
InitializeComponent();
Graphics g = this.CreateGraphics();
this.groupBox1.Width = (int)(400 * 72 / g.DpiX);
this.groupBox1.Height = (int)(400 * 72 / g.DpiY);
}
にしても駄目でした。Formでしか動作しないカメラ実況をWPF上の
どうしても表示させないといけないのですが。。。
0898デフォルトの名無しさん2010/05/14(金) 03:54:03
おいDataGridの上だとMouseDownが拾えねえぞ
思うように動かないもどかしさで強烈にイライラしてきた
0899デフォルトの名無しさん2010/05/14(金) 04:04:51
余白だと拾えるなあ
イミフ
0900デフォルトの名無しさん2010/05/14(金) 04:15:11
選択されていないセルの上でクリックした場合拾えない
が正確みたいだ
選択されているセルの上でもう一度クリックするとMouseDownが来る

これ誰が得する仕様なんだｵｲ
レス数が900を超えています。1000を超えると表示できなくなるよ。