WPFサンプル:Margin, Padding, HorizontalAlignment, VerticalAlignment:Gushwell's Dev Notes

2012年09月25日

WPFサンプル:Margin, Padding, HorizontalAlignment, VerticalAlignment

Gridで4つに分割し、そこにTextBoxを配置しました。
その際に、 Margin、 Padding、HorizontalAlignment、VerticalAlignmentを使い
それぞれの配置を変化させています。

WPFMarginPaddingAlignment

このサンプルを見れば、Margin、 Padding、HorizontalAlignment、VerticalAlignmentの
使い方が分かると思います。

なお、同じ文字列を複数回利用するので、文字列をResourcesに定義し、Textプロパティで参照しています。

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:sys ="clr-namespace:System;assembly=mscorlib"
        x:Class="MArginPaddingAlignmentSample.MainWindow"
        Title="MainWindow" Height="350" Width="310">
    <Window.Resources>
        <sys:String x:Key="myText">色は匂へど 散りぬるを 我が世誰そ 常ならむ 有為の奥山 今日越えて 浅き夢みじ 酔ひもせず</sys:String>
    </Window.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Grid Grid.Column="0" Grid.Row="0" Background="DarkBlue">
            <TextBox Text="{StaticResource myText}" 
				Height="Auto" TextWrapping="Wrap" FontSize="12" 
				Background="White" Margin="5"/>
        </Grid>
        <Grid Grid.Column="0" Grid.Row="1" Background="Tan">
            <TextBox Text="{StaticResource myText}" 
				Height="Auto" TextWrapping="Wrap" FontSize="12" 
				Background="White" Margin="10" Padding="2,10,15,30" />
        </Grid>
        <Grid Grid.Column="1" Grid.Row="0" Background="Ivory">
            <TextBox Text="{StaticResource myText}" 
				Height="Auto" TextWrapping="Wrap" FontSize="12" 
				HorizontalAlignment="Right" Width="100"
                Background="White" Margin="10,10,10,10" />
        </Grid>
        <Grid Grid.Column="1" Grid.Row="1" Background="AliceBlue">
            <TextBox Text="{StaticResource myText}" 
				Height="Auto" TextWrapping="Wrap" FontSize="12" 
				VerticalAlignment="Bottom"
                Background="White" Margin="10,10,10,10" />
        </Grid>
    </Grid>
</Window>

Posted by gushwell at 22:30│Comments(0)│TrackBack(0)