WPFでテキストボックスとラベルを中央揃えする方法

2024-02-08 15:35 WPF テキストボックス ラベル
  1. ラベルとテキストボックスをGridパネルで中央揃えする方法:
<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
    </Grid.ColumnDefinitions>
    <Label Grid.Column="0" Content="ラベル" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    <TextBox Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>
  1. ラベルとテキストボックスをStackPanelで中央揃えする方法:
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
    <Label Content="ラベル"/>
    <TextBox/>
</StackPanel>
  1. ラベルとテキストボックスをDockPanelで中央揃えする方法:
<DockPanel LastChildFill="False" HorizontalAlignment="Center" VerticalAlignment="Center">
    <Label DockPanel.Dock="Left" Content="ラベル"/>
    <TextBox DockPanel.Dock="Right"/>
</DockPanel>
  1. ラベルとテキストボックスをCanvasで中央揃えする方法:
<Canvas HorizontalAlignment="Center" VerticalAlignment="Center">
    <Label Canvas.Left="-50" Content="ラベル"/>
    <TextBox Canvas.Left="50"/>
</Canvas>

これらの方法を使用すると、ラベルとテキストボックスが画面の中央に配置されます。適宜、マージンやパディングを調整して、デザインに合わせた見た目を作成することもできます。

以上のコード例を参考にしながら、WPFでテキストボックスとラベルを中央揃えする方法を実装してみてください。