| ■81042 / inTopicNo.1) |
【WPF】次のような画面をMVVMで実装したい |
□投稿者/ WPF初心者 (1回)-(2016/08/25(Thu) 21:56:37)
|
分類:[C#]
WPF及びMVVMの勉強の為、WindowsFormで作られたソフトをWPFで書き直しています。
現在、次のような処理を実現しようとしています。
【処理概要】
①button1~button4をクリックすると、クリックしたボタンの下にstack2が移動する。
例えばbutton3をクリックすると、stack1上のコントロールがbutton1,button2,button3,stack2,button4という順番に変わる。
②button1~button4の高さは固定、stack2の高さは(grid1の高さ-button1~button4の高さの合計)。
ウインドウをリサイズするとstack2の高さが伸縮する。
<Window x:Class="WpfApplication2.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:WpfApplication2"
mc:Ignorable="d"
Title="MainWindow" Height="350" Width="525">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="138*"/>
<ColumnDefinition Width="379*"/>
</Grid.ColumnDefinitions>
<StackPanel Name="stack1" Grid.Row="0" Grid.Column="0" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
<Button x:Name="button1" Content="A"/>
<Button x:Name="button2" Content="B"/>
<Button x:Name="button3" Content="C"/>
<Button x:Name="button4" Content="D"/>
<StackPanel Name="stack2" Height="240" Background="AliceBlue">
<Button x:Name="button5" Content="E" Margin="10,10,10,10"/>
<Button x:Name="button6" Content="F" Margin="10,10,10,10"/>
<Button x:Name="button7" Content="G" Margin="10,10,10,10"/>
<Button x:Name="button8" Content="H" Margin="10,10,10,10"/>
</StackPanel>
</StackPanel>
</Grid>
</Window>
①の機能はある程度形になったのですが、②のstack2の高さを設定する部分で躓いています。
②の機能を実現するにはどのような方法がありますか？
|
|