【C#/WPF実践入門編(3)】パネル(Panel)によるレイアウト管理の基本 ～Grid、StackPanel、DockPanelの使い方～【コントロール配置ガイド】

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition/>
        <RowDefinition/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>

    <Button Grid.Row="0" Grid.Column="0" Content="左上"/>
    <Button Grid.Row="0" Grid.Column="1" Content="右上"/>
    <Button Grid.Row="1" Grid.Column="0"  Grid.ColumnSpan="2" Content="下段2マスぶち抜き"/>
</Grid>

 <!-- 縦配置 -->
<StackPanel>
    <Button Content="上"/>
    <Button Content="中"/>
    <Button Content="下"/>
</StackPanel>

 <!-- 横配置 -->
 <StackPanel Orientation="Horizontal">
     <Button Content="上"/>
     <Button Content="中"/>
     <Button Content="下"/>
 </StackPanel>

<DockPanel>
    <Button DockPanel.Dock="Top" Content="上"/>
    <Button DockPanel.Dock="Bottom" Content="下"/>
    <Button DockPanel.Dock="Left" Content="左"/>
    <Button DockPanel.Dock="Right" Content="右"/>
    <TextBlock Text="中央（残りを埋める）"/>
</DockPanel>

<Window x:Class="WpfApp1.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:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <DockPanel>
        <!-- 上部：タイトルエリア -->
        <StackPanel DockPanel.Dock="Top" Orientation="Horizontal" Margin="10">
            <Label Content="タイトル:" VerticalAlignment="Center"/>
            <TextBox x:Name="TitleTextBox" Width="200" Margin="5,0"/>
        </StackPanel>

        <!-- 下部：ボタンエリア -->
        <StackPanel DockPanel.Dock="Bottom" Orientation="Horizontal" 
                    HorizontalAlignment="Right" Margin="10">
            <Button Content="保存" Width="80" Margin="5"
                    Click="OnSaveButtonClick"/>
            <Button Content="クリア" Width="80" Margin="5"
                    Click="OnClearButtonClick"/>
        </StackPanel>

        <!-- 中央：メモエリア -->
        <Grid Margin="10">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <Label Grid.Row="0" Content="メモ内容:"/>
            <TextBox x:Name="ContentTextBox" Grid.Row="1" 
                     AcceptsReturn="True" TextWrapping="Wrap"
                     VerticalScrollBarVisibility="Auto"/>
        </Grid>
    </DockPanel>
</Window>

...
public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
    }

    private void OnSaveButtonClick(object sender, RoutedEventArgs e)
    {
        string title = TitleTextBox.Text;
        string content = ContentTextBox.Text;

        MessageBox.Show($"メモを保存しました！（ダミーです）\n\nタイトル: {title}\n内容: {content}",
            "保存完了", MessageBoxButton.OK, MessageBoxImage.Information);
    }

    private void OnClearButtonClick(object sender, RoutedEventArgs e)
    {
        var result = MessageBox.Show("内容をクリアしますか？", "確認",
            MessageBoxButton.YesNo, MessageBoxImage.Question);

        if (result == MessageBoxResult.Yes)
        {
            TitleTextBox.Clear();
            ContentTextBox.Clear();
        }
    }
}
...