| ■73924 / inTopicNo.1) |
WPFでサイズが自動で変更するImageの並べ方 |
□投稿者/ meme (22回)-(2014/11/14(Fri) 17:44:33)
|
分類:[.NET 全般]
WPFで、Imageを並べた状態でのサイズが自動で変わる書き方を探しています。
StackPanelで横一列にImageが並んでいる状態で、ウィンドウのサイズを変更して横幅が
並んでいるImage群より小さくなるとき、ウィンドウに合わせて並んだImageも均等に
小さく表示することはできますでしょうか。
例を書きます。
<Window x:Class="WpfApplication30.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="150" Width="525">
<Grid>
<StackPanel Orientation="Horizontal">
<Image Source="Images/image.png" MaxWidth="80"/>
<Image Source="Images/image.png" MaxWidth="80" />
<Image Source="Images/image.png" MaxWidth="80" />
<Image Source="Images/image.png" MaxWidth="80" />
<Image Source="Images/image.png" MaxWidth="80" />
<Image Source="Images/image.png" MaxWidth="80" />
<Image Source="Images/image.png" MaxWidth="80" />
<Image Source="Images/image.png" MaxWidth="80" />
<Image Source="Images/image.png" MaxWidth="80" />
<Image Source="Images/image.png" MaxWidth="80" />
<Image Source="Images/image.png" MaxWidth="80" />
<Image Source="Images/image.png" MaxWidth="80" />
</StackPanel>
</Grid>
</Window>
このようにStackPanelでImageを横に並べているだけなのですが、ウィンドウを高さを小さくすると
画像の高さよりウィンドウが小さくなるとImageも合わせて縮小されます。
ですが、ウィンドウの横幅を小さくしてもImageのサイズは変わりません。
Imageを縦に並べれば、ウィンドウの横幅がImageより小さくなると自動でImageの横幅も小さくなるのですが
これをImageが横に並んでいる状態で実現したいです。
1つ1つのImageをGridに入れれば可能なのですが、StackPanelなどでImageをまとめた状態での書き方を探しています。
わかる方がいらっしゃいましたら、よろしくお願いいたします。
|
|