오늘 작성해본 WPF에서 직사각형이 아닌 창을 나타내는 코드이다. UI 부분이므로 모든 주요 코드는 XAML에서 작성되며 드레그했을시에 창이 이동되는 이벤트 처리는 Behind Code(.CS 파일)에서 작성하였다. 먼저 XAML 코드는 아래와 같다.
<Window
x:Class="NonRectangularWindowSample.NonRectangularWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Kim Hyoung Jun"
MouseLeftButtonDown="eventMouseLeftButtonDown"
WindowStyle="None"
AllowsTransparency="True"
Background="Transparent">
<Canvas Width="200" Height="100" >
<Path Stroke="LightBlue" StrokeThickness="2">
<Path.Fill>
<LinearGradientBrush StartPoint="0,0" EndPoint="1,1" >
<GradientStop Color="White" Offset="0" />
<GradientStop Color="White" Offset="0.2" />
<GradientStop Color="LightBlue" Offset="0.9" />
<GradientStop Color="Black" Offset="1" />
</LinearGradientBrush>
</Path.Fill>
<Path.Data>
<PathGeometry>
<PathFigure StartPoint="40,20" IsClosed="True">
<LineSegment Point="160,20" />
<ArcSegment Point="180,40" Size="20,20"
SweepDirection="Clockwise" />
<LineSegment Point="180,80" />
<ArcSegment Point="160,100" Size="20,20"
SweepDirection="Clockwise" />
<LineSegment Point="40,100" />
<ArcSegment Point="20,80" Size="20,20"
SweepDirection="Clockwise" />
<LineSegment Point="20,40" />
<ArcSegment Point="40,20" Size="20,20"
SweepDirection="Clockwise" />
</PathFigure>
</PathGeometry>
</Path.Data>
</Path>
<Label Width="200"
Height="120"
FontSize="15"
HorizontalContentAlignment="Center"
VerticalContentAlignment="Center"
Content="끌면 이동됩니다" />
</Canvas>
</Window>
창을 원하는 모양으로 만들기 위해서 반드시 설정해야할 Window의 속성은 위의 코드에서 분홍색으로 나타낸 WindowStyle, AllowTransparency, Background 속성이다. 그리고 Path Element를 이용해 원하는 모양을 그려주면 끝이다. 참으로 간단하면서도 명확하다. 실행 결과는 다음과 같다.
void eventMouseLeftButtonDown(object sender,
MouseButtonEventArgs e) {
DragMove();
}
|
Commented by
