WPFで自動でobjectを積み重ねてくれて、Windowからはみだしたらscroll barを表示してくれるobjectってありますか？

Question

Windows7、Visual Studio 2013、WPFで開発しています。
WPFで自動でobjectを積み重ねてくれて、Windowからはみだしたらscroll barを表示してくれるobjectってありますか？
StackPanelを使っていたら、重ねはよいのだけど、ScrollはScrollViewerをネストする必要があることを知り、驚いてます。ScrollViewerで画面からはみ出ないときはgrayでなくてscroll barを消すことって可能ですか？

Answer 1

こんにちは。
縦の積み重ねであれば、VerticalScrollBarVisibility=Autoでいけませんか。

<ScrollViewer VerticalScrollBarVisibility="Auto">
    <StackPanel >
        <TextBox Height="100" Width="200" />
        <TextBox Height="100" Width="200" />
    </StackPanel>
</ScrollViewer>

Comments

[退会済みユーザー]

こんにちは。
やっぱり<ScrollViewer>-<StackPanel>のネストは必須ですか？

[Tak1wa]

何のコントロールを包括するかによりますね。

一部のコントロールは、デフォルトのコントロールテンプレートにScrollViewerが含まれているものもあります。（ListBoxとか、DataGridとか）
そういったもの以外は必要になります。

[Tak1wa]

StackPanelであればコントロールテンプレート自体無いのでScrollViewerが必要です。

[退会済みユーザー]

ありがとうございます。
いま試しているのですが、ListViewにもScrollViewerは必要でしょうか？

<ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Hidden">
<ListView />
</ScrollViewer>
としてみて、画面からはみ出しているのにScrollbarを表示できないでいます。

[退会済みユーザー]

さらにStackPanelにしても表示を確認できませんでした。
はまってます。

xamlはこんな構造です。
<Window x:Class="wpf.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
>
<Canvas>
<Grid Name="grid">
<!--<ListView Name="basePanel" Margin="0,38,0,0"/>-->
<ScrollViewer>
<StackPanel Name="basePanel" Margin="0,38,0,0"/>
</ScrollViewer>
</Grid>
</Canvas>
</Window>

[退会済みユーザー]

さらに。designerで見ていると、Windowの左上にScrollViewerを表示しているのを発見しました。
実行時に、C#でStackPanelにobjectを追加すると、ScrollViewerが見えなくなるようです。
うーむ。

C#のcodeです。
private void layoutStackPanel(){
for (int i = 0; i < 50; i++) {
StackPanel childPanel = new StackPanel();
chhildPanel.Width = basePanel.Width;
basePanel.Children.Add(childPanel);
}
}

[Tak1wa]

ListViewはScrillViewerを含んでいます。コントロール別にヒアリングするのは埒が明かないと思いますのでBlend for Visual Studio の使い方を学習するか、MSDNから既定コントロールのテンプレートを調べてください。

[Tak1wa]

何故Canvasの中にGridが入っているのでしょうか。
問題解決においては、余計な要素を取り除いたシンプルな状態からひとつづつ要素を追加していくようにしてください。その上で何が影響しているか切り分けを明確にした上で質問を投稿するよう心掛けて頂いたほうが良いでしょう。

[退会済みユーザー]

ありがとうございます。
なぜ！？
と問い詰められても困るのですが。

<Window>
<Canvas>
ここに固定したコントローラー。再生ボタンとか。
<Grid Name="grid">
< ScrollViewer>
<StackPanel Name="basePanel" Margin="0,38,0,0"/>
このstackpanel内にcontentsをcodeで追加。
contentsの数は多いのでスクロールしたい。
表示を自動でWindowsのサイズ最大にしたいのでGridとStackPanelを使用。
</ScrollViewer>
</Grid>
</Canvas>
< /Window>

という理由です。

コントローラー(固定)とコンテンツ(動的)を分けるのにCanvasとGrid-StackPanelを使うのは、いけないですか？
どんな構造にするのがベターでしょう？

[Tak1wa]

聞いた限りではGridにRowを定義して、1行目にコントローラー、2行目にコンテンツで良いと思いますのでCanvasを採用する理由は今のところありません。なのでCanvas採用理由は質問者さんにしかわからないことですので、その点はご配慮ください。

Canvas内に配置したことが問題なのか、Grid内に配置したことが問題なのか、現時点では要素がたくさんあることで可能性がいくつかありますので、そこは手を動かして切り分けをされては如何ですか？と提案させてもらいました。

[退会済みユーザー]

なんと。GridのRowというのはこういうときに使うのですね。
使ったことがなく、ぴんときていませんでした。

GridでなくてCanvasを外側に使った理由は、Canvasは位置をLeft-Topで指定しやすいと感じるのですが、GridではMargenで指定しなければならず、非直感的だと感じているためです。
Canvasのほうが初期の配置はたやすいが、Windowのresizeのときに苦労する、ということでGridを入れ子にして使いました。
Grid-Rowを見てみます。
ありがとうございます。
書籍も確認するので、少し時間かかります。

[Tak1wa]

Canvasを採用した理由はわかりました。

一般的なアプリケーションでは様々なウインドウサイズに対応する要件が多いと思います。そういった背景からも相対比率でレイアウト配置を行えるような方向になるべく調整することをお勧めします。（WindowsFormsから見るとCanvasのほうが配置は楽かもしれませんが）

逆にサイズや位置設定にシビアな数値が求められたり、図形の描画が必要だったりする場合などCanvasのほうが適している場合もありますので今後学習していってみてください。

[退会済みユーザー]

ご示唆いただきありがとうございました。
下記のように構造を見直して、希望の動作を実現できそうです。
GridでなくてDackPanelを使いました。
ありがとうございました。

<Window x:Class="WpfApplication9.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<DockPanel>
<Button Content="111" DockPanel.Dock="Top"
Background="#ccffcc" />
<ScrollViewer VerticalScrollBarVisibility="Auto" >
<StackPanel Name="stackpanel">
//ここにC#で追加。
</StackPanel >
</ScrollViewer >
</DockPanel>
</Window>