C#/WPF

WPF tutorial - The Border control

광그로 2017. 7. 2. 00:23

http://www.wpf-tutorial.com/misc-controls/the-border-control/


Border 컨트롤은 다른 요소들의 주위에 테두리, 배경, 또는 심지어 둘다 그리는 decorator 컨트롤입니다.


1
2
3
4
5
6
7
8
9
<Grid Margin="10">
        <Border Background="Black" BorderBrush="Gray" BorderThickness="3"  CornerRadius="8,8,3,3">
            <StackPanel Margin="10">
                <Button>Button 1</Button>
                <Button Margin="0,10">Button 2</Button>
                <Button>Button 3</Button>
            </StackPanel>
        </Border>
    </Grid>
cs


Background(배경색), BorderBrush(테두리색), BorderThickness(테두리 두께), CornerRadius(둥근 모서리) 속성을 사용하였습니다.

.

BorderThickness="1, 2, 3, 4"와 같이 사용하여 상하좌우의 테두리 두께를 다르게 지정할 수 있습니다.



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<Grid Margin="10">
        <Border BorderBrush="Gray" BorderThickness="3"  CornerRadius="8,8,3,3">
            <Border.Background>
                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                    <GradientStop Color="Silver" Offset="0.0" />
                    <GradientStop Color="Silver" Offset="0.5" />
                    <GradientStop Color="Black" Offset="1.0" />
                </LinearGradientBrush>
            </Border.Background>
            <StackPanel Margin="10">
                <Button>Button 1</Button>
                <Button Margin="0,10">Button 2</Button>
                <Button>Button 3</Button>
            </StackPanel>
        </Border>
    </Grid>
cs


LinearGradientBrush 속성을 사용하여 Background에 그라데이션 효과를 줄 수 있습니다.