VB のたまご

作成日: 2017/03/05, 更新日: 2017/03/05



Border

    イメージ
  •  Border は、Border 内に配置したコントロールの周囲に罫線、または背景を提供するコントロールです。 とりあえずどういう風に動くのか見てみましょう。 以下サンプルです。「BorderWindow1」という画面で作成していますが、「MainWindow」に書いても構いません。

  • スポンサーリンク


    <Window x:Class="BorderWindow1"
            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:w03_ContainerControls"
            mc:Ignorable="d"
            Title="BorderWindow1" Height="600" Width="300">
        
        <StackPanel>
    
            <Border BorderBrush="Red" BorderThickness="5" Margin="10">
                <Button Content="button1" />
            </Border>
    
            <Border BorderBrush="Red" BorderThickness="10,20,30,40" Margin="10">
                <Button Content="button2" />
            </Border>
    
            <Border 
                BorderBrush="Red" BorderThickness="10,20,30,40" 
                Padding="10,20,30,40" Background="Blue" 
                Margin="10">
                <Button Content="button3" />
            </Border>
    
            <Border
                BorderBrush="Red" BorderThickness="10,20,30,40" 
                Padding="10,20,30,40" Background="Blue" 
                CornerRadius="10,20,30,40"
                Margin="10">
                <Button Content="button4" />
            </Border>
            
        </StackPanel>
        
    </Window>
    

  •  BorderBrush で罫線(枠線)の色を、BorderThickness で罫線の太さ(左上右下)を設定します。 Padding で罫線と配置コントロールの間の幅(左上右下)を、Background で Padding の領域を塗りつぶす色を設定します。 CornerRadius で角の丸み(左上・右上・右下・左下)を設定します。