■ char 구조체의 ConvertFromUtf32 정적 메소드를 사용해 이모지 문자를 구하는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 |
string smileString = char.ConvertFromUtf32(0x1f600); // 반환값: "😀" (웃는 얼굴 이모지) string dragonString = char.ConvertFromUtf32(0x1f409); // 반환값: "🐉" (용 이모지) |
■ Button 엘리먼트를 사용해 PATH 아이콘과 텍스트를 표시하는 버튼을 만드는 방법을 보여준다. ▶ PathIconButton.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 |
<Button x:Class="TestProject.PathIconButton" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Button.Template> <ControlTemplate TargetType="Button"> <Border Name="border" CornerRadius="10" Padding="5" Background="{TemplateBinding Background}"> <StackPanel Margin="{TemplateBinding Padding}" Orientation="Horizontal"> <Path Name="path" VerticalAlignment="Center" Margin="0 0 0 0" Width="{Binding PathWidth, RelativeSource={RelativeSource TemplatedParent}}" Height="{Binding PathHeight, RelativeSource={RelativeSource TemplatedParent}}" Stretch="Uniform" Fill="{TemplateBinding Foreground}" Data="{Binding PathData, RelativeSource={RelativeSource TemplatedParent}}" /> <ContentPresenter Name="contentPresenter" VerticalAlignment="Center" Content="{TemplateBinding Content}"> <ContentPresenter.Style> <Style TargetType="ContentPresenter"> <Setter Property="Margin" Value="10 0 0 0" /> <Setter Property="Visibility" Value="Visible" /> <Style.Triggers> <DataTrigger Binding="{Binding Content, RelativeSource={RelativeSource Self}}" Value="{x:Null}"> <Setter Property="Margin" Value="0" /> <Setter Property="Visibility" Value="Collapsed" /> </DataTrigger> </Style.Triggers> </Style> </ContentPresenter.Style> </ContentPresenter> </StackPanel> </Border> <ControlTemplate.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter TargetName="border" Property="Background" Value="{Binding MouseOverBrush, RelativeSource={RelativeSource TemplatedParent}}" /> </Trigger> <Trigger Property="IsPressed" Value="True"> <Setter TargetName="border" Property="Background" Value="{Binding PressedBrush, RelativeSource={RelativeSource TemplatedParent}}" /> <Setter TargetName="border" Property="RenderTransform"> <Setter.Value> <TranslateTransform Y="2" /> </Setter.Value> </Setter> <Setter TargetName="path" Property="RenderTransform"> <Setter.Value> <TranslateTransform Y="1" /> </Setter.Value> </Setter> <Setter TargetName="contentPresenter" Property="RenderTransform"> <Setter.Value> <TranslateTransform Y="1" /> </Setter.Value> </Setter> </Trigger> <Trigger Property="IsEnabled" Value="False"> <Setter TargetName="border" Property="Background" Value="DarkGray" /> <Setter TargetName="path" Property="Fill" Value="LightGray" /> <Setter TargetName="contentPresenter" Property="IsEnabled" Value="False" /> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Button.Template> </Button> |
▶ PathIconButton.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 |
using System.Windows; using System.Windows.Controls; using System.Windows.Media; namespace TestProject; /// <summary> /// 패스 아이콘 버튼 /// </summary> public partial class PathIconButton : Button { //////////////////////////////////////////////////////////////////////////////////////////////////// Dependency Property ////////////////////////////////////////////////////////////////////////////////////////// Static //////////////////////////////////////////////////////////////////////////////// Public #region 마우스 오버 브러시 속성 - MouseOverBrushProperty /// <summary> /// 마우스 오버 브러시 속성 /// </summary> public static readonly DependencyProperty MouseOverBrushProperty = DependencyProperty.Register ( nameof(MouseOverBrush), typeof(Brush), typeof(PathIconButton), new PropertyMetadata(null) ); #endregion #region 프레스 브러시 속성 - PressedBrushProperty /// <summary> /// 프레스 브러시 속성 /// </summary> public static readonly DependencyProperty PressedBrushProperty = DependencyProperty.Register ( nameof(PressedBrush), typeof(Brush), typeof(PathIconButton), new PropertyMetadata(null) ); #endregion #region 패스 너비 속성 - PathWidthProperty /// <summary> /// 패스 너비 속성 /// </summary> public static readonly DependencyProperty PathWidthProperty = DependencyProperty.Register ( nameof(PathWidth), typeof(double), typeof(PathIconButton), new PropertyMetadata(16d) ); #endregion #region 패스 높이 속성 - PathHeightProperty /// <summary> /// 패스 높이 속성 /// </summary> public static readonly DependencyProperty PathHeightProperty = DependencyProperty.Register ( nameof(PathHeight), typeof(double), typeof(PathIconButton), new PropertyMetadata(16d) ); #endregion #region 패스 데이터 속성 - PathDataProperty /// <summary> /// 패스 데이터 속성 /// </summary> public static readonly DependencyProperty PathDataProperty = DependencyProperty.Register ( nameof(PathData), typeof(Geometry), typeof(PathIconButton), new PropertyMetadata(null) ); #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 마우스 오버 브러시 - MouseOverBrush /// <summary> /// 마우스 오버 브러시 /// </summary> public Brush MouseOverBrush { get { return (Brush)GetValue(MouseOverBrushProperty); } set { SetValue(MouseOverBrushProperty, value); } } #endregion #region 프레스 브러시 - PressedBrush /// <summary> /// 프레스 브러시 /// </summary> public Brush PressedBrush { get { return (Brush)GetValue(PressedBrushProperty); } set { SetValue(PressedBrushProperty, value); } } #endregion #region 패스 너비 - PathWidth /// <summary> /// 패스 너비 /// </summary> public double PathWidth { get { return (double)GetValue(PathWidthProperty); } set { SetValue(PathWidthProperty, value); } } #endregion #region 패스 높이 - PathHeight /// <summary> /// 패스 높이 /// </summary> public double PathHeight { get { return (double)GetValue(PathHeightProperty); } set { SetValue(PathHeightProperty, value); } } #endregion #region 패스 데이터 - PathData /// <summary> /// 패스 데이터 /// </summary> public Geometry PathData { get { return (Geometry)GetValue(PathDataProperty); } set { SetValue(PathDataProperty, value); } } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - PathIconButton() /// <summary> /// 생성자 /// </summary> public PathIconButton() { InitializeComponent(); } #endregion } |
▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 |
<Window x:Class="TestProject.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:TestProject" Width="800" Height="600" Title="TestProject" FontFamily="맑은고딕" FontSize="16"> <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center"> <local:PathIconButton HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10" Padding="10" Background="#007bff" Foreground="White" MouseOverBrush="#0056b3" PressedBrush="#004085" PathWidth="20" PathHeight="20"> <local:PathIconButton.PathData> <Geometry>M 2.01 21 L 23 12 2.01 3 2 10 l 15 2 -15 2 z</Geometry> </local:PathIconButton.PathData> <TextBlock VerticalAlignment="Center" Text="작업 전송" /> </local:PathIconButton> <local:PathIconButton HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10" Padding="10" Background="#007bff" Foreground="White" MouseOverBrush="#0056b3" PressedBrush="#004085" PathWidth="20" PathHeight="20" IsEnabled="False"> <local:PathIconButton.PathData> <Geometry>M 2.01 21 L 23 12 2.01 3 2 10 l 15 2 -15 2 z</Geometry> </local:PathIconButton.PathData> <TextBlock VerticalAlignment="Center" Text="작업 전송" /> </local:PathIconButton> <local:PathIconButton HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10" Padding="10" Background="#007bff" Foreground="White" MouseOverBrush="#0056b3" PressedBrush="#004085" PathWidth="20" PathHeight="20"> <local:PathIconButton.PathData> <Geometry>M 25 25 H 75 A 5 5 0 0 1 80 30 V 70 A5 5 0 0 1 75 75 H 25 A 5 5 0 0 1 20 70 V 30 A 5 5 0 0 1 25 25 Z</Geometry> </local:PathIconButton.PathData> <TextBlock VerticalAlignment="Center" Text="작업 중단" /> </local:PathIconButton> <local:PathIconButton HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10" Padding="10" Background="#007bff" Foreground="White" MouseOverBrush="#0056b3" PressedBrush="#004085" PathWidth="20" PathHeight="20" IsEnabled="False"> <local:PathIconButton.PathData> <Geometry>M 25 25 H 75 A 5 5 0 0 1 80 30 V 70 A5 5 0 0 1 75 75 H 25 A 5 5 0 0 1 20 70 V 30 A 5 5 0 0 1 25 25 Z</Geometry> </local:PathIconButton.PathData> <TextBlock VerticalAlignment="Center" Text="작업 중단" /> </local:PathIconButton> </StackPanel> </Window> |
TestProject.zip
■ Button 엘리먼트를 사용해 클릭시 회전하는 톱니바퀴 버튼을 만드는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 |
<Window x:Class="TestProject.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="800" Height="600" Title="TestProject" FontFamily="나눔고딕코딩" FontSize="16"> <Window.Resources> <Style x:Key="GearButtonStyleKey" TargetType="Button"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="Button"> <Grid> <Ellipse Fill="{TemplateBinding Background}" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" /> <Path Name="gearPath" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" Stretch="Uniform" Fill="{TemplateBinding Foreground}" RenderTransformOrigin="0.5 0.5" Data="M 495.9 166.6 c 3.2 8.7 .5 18.4 -6.4 24.6 l -43.3 39.4 c 1.1 8.3 1.7 16.8 1.7 25.4 s -0.6 17.1 -1.7 25.4 l 43.3 39.4 c 6.9 6.2 9.6 15.9 6.4 24.6 c -4.4 11.9 -9.7 23.3 -15.8 34.3 l -4.7 8.1 c -6.6 11 -14 21.4 -22.1 31.2 c -5.9 7.2 -15.7 9.6 -24.5 6.8 l -55.7 -17.7 c -13.4 10.3 -28.2 18.9 -44 25.4 l -12.5 57.1 c -2 9.1 -9 16.3 -18.2 17.8 c -13.8 2.3 -28 3.5 -42.5 3.5 s -28.7 -1.2 -42.5 -3.5 c -9.2 -1.5 -16.2 -8.7 -18.2 -17.8 l -12.5 -57.1 c -15.8 -6.5 -30.6 -15.1 -44 -25.4 L 83.1 425.9 c -8.8 2.8 -18.6 0.3 -24.5 -6.8 c -8.1 -9.8 -15.5 -20.2 -22.1 -31.2 l -4.7 -8.1 c -6.1 -11 -11.4 -22.4 -15.8 -34.3 c -3.2 -8.7 -0.5 -18.4 6.4 -24.6 l 43.3 -39.4 C 64.6 273.1 64 264.6 64 256 s 0.6 -17.1 1.7 -25.4 L 22.4 191.2 c -6.9 -6.2 -9.6 -15.9 -6.4 -24.6 c 4.4 -11.9 9.7 -23.3 15.8 -34.3 l 4.7 -8.1 c 6.6 -11 14 -21.4 22.1 -31.2 c 5.9 -7.2 15.7 -9.6 24.5 -6.8 l 55.7 17.7 c 13.4 -10.3 28.2 -18.9 44 -25.4 l 12.5 -57.1 c 2 -9.1 9 -16.3 18.2 -17.8 C 227.3 1.2 241.5 0 256 0 s 28.7 1.2 42.5 3.5 c 9.2 1.5 16.2 8.7 18.2 17.8 l 12.5 57.1 c 15.8 6.5 30.6 15.1 44 25.4 l 55.7 -17.7 c 8.8 -2.8 18.6 -0.3 24.5 6.8 c 8.1 9.8 15.5 20.2 22.1 31.2 l 4.7 8.1 c 6.1 11 11.4 22.4 15.8 34.3 z M 256 336 c 44.2 0 80 -35.8 80 -80 s -35.8 -80 -80 -80 s -80 35.8 -80 80 s 35.8 80 80 80 z"> <Path.RenderTransform> <RotateTransform x:Name="gearRotateTransform" /> </Path.RenderTransform> </Path> </Grid> <ControlTemplate.Triggers> <EventTrigger RoutedEvent="Button.PreviewMouseDown"> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetName="gearRotateTransform" Storyboard.TargetProperty="Angle" To="180" Duration="00:00:00.1"/> </Storyboard> </BeginStoryboard> </EventTrigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> </Window.Resources> <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center"> <Button Name="gearButton1" Style="{StaticResource GearButtonStyleKey}" Width="32" Height="32" Background="Transparent" Foreground="DarkGray" /> <Button Name="gearButton2" Style="{StaticResource GearButtonStyleKey}" Margin="0 10 0 0" Width="64" Height="64" Background="Transparent" Foreground="DarkGray" /> <Button Name="gearButton3" Style="{StaticResource GearButtonStyleKey}" Margin="0 10 0 0" Width="128" Height="128" Background="Transparent" Foreground="DarkGray" /> </StackPanel> </Window> |
▶ MainWindow.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 |
using System; using System.Windows; using System.Windows.Controls; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Shapes; namespace TestProject; /// <summary> /// 메인 윈도우 /// </summary> public partial class MainWindow : Window { //////////////////////////////////////////////////////////////////////////////////////////////////// Field ////////////////////////////////////////////////////////////////////////////////////////// Private #region Field /// <summary> /// 회전 여부 /// </summary> private bool isRotating = false; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainWindow() /// <summary> /// 생성자 /// </summary> public MainWindow() { InitializeComponent(); this.gearButton1.Click += settingButton_Click; this.gearButton2.Click += settingButton_Click; this.gearButton3.Click += settingButton_Click; } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Private #region 기어 버튼 클릭시 처리하기 - settingButton_Click(sender, e) /// <summary> /// 기어 버튼 클릭시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void settingButton_Click(object sender, RoutedEventArgs e) { if(!this.isRotating) { this.isRotating = true; Button button = sender as Button; Path gearPath = (Path)button.Template.FindName("gearPath", button); RotateTransform rotateTransform = gearPath.RenderTransform as RotateTransform; DoubleAnimation rotateBackAnimation = new DoubleAnimation { Duration = TimeSpan.FromSeconds(0.2), From = 180, To = 0 }; rotateBackAnimation.Completed += (s, _) => { this.isRotating = false; rotateTransform.Angle = 0; }; rotateTransform.BeginAnimation(RotateTransform.AngleProperty, rotateBackAnimation); } } #endregion } |
TestProject.zip
■ Table 엘리먼트를 사용해 FlowDocument 엘리먼트에서 테이블을 만드는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<Window x:Class="TestProject.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:TestProject" Width="800" Height="600" Title="TestProject" FontFamily="나눔고딕코딩" FontSize="16"> <FlowDocumentReader> <FlowDocument Name="flowDocument" /> </FlowDocumentReader> </Window> |
▶ MainWindow.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 |
using System.Windows; using System.Windows.Documents; using System.Windows.Media; namespace TestProject; /// <summary> /// 메인 윈도우 /// </summary> public partial class MainWindow : Window { //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainWindow() /// <summary> /// 생성자 /// </summary> public MainWindow() { InitializeComponent(); TableColumn tableColumn1 = new TableColumn { Width = GridLength.Auto }; TableColumn tableColumn2 = new TableColumn { Width = GridLength.Auto }; TableColumn tableColumn3 = new TableColumn { Width = GridLength.Auto }; Paragraph headerCellParagraph1 = new Paragraph(new Run("Header 1")); Paragraph headerCellParagraph2 = new Paragraph(new Run("Header 2")); Paragraph headerCellParagraph3 = new Paragraph(new Run("Header 3")); TableCell headerTableCell1 = new TableCell { BorderThickness = new Thickness(1), BorderBrush = Brushes.Black, Padding = new Thickness(3), Background = Brushes.LightGray, TextAlignment = TextAlignment.Center }; TableCell headerTableCell2 = new TableCell { BorderThickness = new Thickness(1), BorderBrush = Brushes.Black, Padding = new Thickness(3), Background = Brushes.LightGray, TextAlignment = TextAlignment.Center }; TableCell headerTableCell3 = new TableCell { BorderThickness = new Thickness(1), BorderBrush = Brushes.Black, Padding = new Thickness(3), Background = Brushes.LightGray, TextAlignment = TextAlignment.Center }; headerTableCell1.Blocks.Add(headerCellParagraph1); headerTableCell2.Blocks.Add(headerCellParagraph2); headerTableCell3.Blocks.Add(headerCellParagraph3); TableRow headerTableRow = new TableRow(); headerTableRow.Cells.Add(headerTableCell1); headerTableRow.Cells.Add(headerTableCell2); headerTableRow.Cells.Add(headerTableCell3); Paragraph dataCellParagraph1 = new Paragraph(new Run("Row 1, Cell 1")); Paragraph dataCellParagraph2 = new Paragraph(new Run("Row 1, Cell 2")); Paragraph dataCellParagraph3 = new Paragraph(new Run("Row 1, Cell 3")); TableCell dataTableCell1 = new TableCell { BorderThickness = new Thickness(1), BorderBrush = Brushes.Black, Padding = new Thickness(3) }; TableCell dataTableCell2 = new TableCell { BorderThickness = new Thickness(1), BorderBrush = Brushes.Black, Padding = new Thickness(3) }; TableCell dataTableCell3 = new TableCell { BorderThickness = new Thickness(1), BorderBrush = Brushes.Black, Padding = new Thickness(3) }; dataTableCell1.Blocks.Add(dataCellParagraph1); dataTableCell2.Blocks.Add(dataCellParagraph2); dataTableCell3.Blocks.Add(dataCellParagraph3); TableRow dataTableRow1 = new TableRow(); dataTableRow1.Cells.Add(dataTableCell1); dataTableRow1.Cells.Add(dataTableCell2); dataTableRow1.Cells.Add(dataTableCell3); Paragraph dataCellParagraph4 = new Paragraph(new Run("Row 2, Cell 1")); Paragraph dataCellParagraph5 = new Paragraph(new Run("Row 2, Cell 2")); Paragraph dataCellParagraph6 = new Paragraph(new Run("Row 2, Cell 3")); TableCell dataTableCell4 = new TableCell { BorderThickness = new Thickness(1), BorderBrush = Brushes.Black, Padding = new Thickness(3) }; TableCell dataTableCell5 = new TableCell { BorderThickness = new Thickness(1), BorderBrush = Brushes.Black, Padding = new Thickness(3) }; TableCell dataTableCell6 = new TableCell { BorderThickness = new Thickness(1), BorderBrush = Brushes.Black, Padding = new Thickness(3) }; dataTableCell4.Blocks.Add(dataCellParagraph4); dataTableCell5.Blocks.Add(dataCellParagraph5); dataTableCell6.Blocks.Add(dataCellParagraph6); TableRow dataTableRow2 = new TableRow(); dataTableRow2.Cells.Add(dataTableCell4); dataTableRow2.Cells.Add(dataTableCell5); dataTableRow2.Cells.Add(dataTableCell6); TableRowGroup tableRowGroup = new TableRowGroup(); tableRowGroup.Rows.Add(headerTableRow); tableRowGroup.Rows.Add(dataTableRow1 ); tableRowGroup.Rows.Add(dataTableRow2 ); Table table = new Table(); table.BorderThickness = new Thickness(1); table.BorderBrush = Brushes.Black; table.CellSpacing = 3; table.Columns.Add(tableColumn1); table.Columns.Add(tableColumn2); table.Columns.Add(tableColumn3); table.RowGroups.Add(tableRowGroup); this.flowDocument.Blocks.Add(table); } #endregion } |
TestProject.zip
■ Table 엘리먼트를 사용해 FlowDocument 엘리먼트에서 테이블을 만드는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 |
<Window x:Class="TestProject.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:TestProject" Width="800" Height="600" Title="TestProject" FontFamily="나눔고딕코딩" FontSize="16"> <FlowDocumentReader> <FlowDocument> <Table BorderThickness="1" BorderBrush="Black" CellSpacing="3"> <Table.Columns> <TableColumn Width="Auto" /> <TableColumn Width="Auto" /> <TableColumn Width="Auto" /> </Table.Columns> <TableRowGroup> <TableRow> <TableCell BorderThickness="1" BorderBrush="Black" Padding="3" Background="LightGray" TextAlignment="Center"> <Paragraph>Header 1</Paragraph> </TableCell> <TableCell BorderThickness="1" BorderBrush="Black" Background="LightGray" Padding="3" TextAlignment="Center"> <Paragraph>Header 2</Paragraph> </TableCell> <TableCell BorderThickness="1" BorderBrush="Black" Background="LightGray" Padding="3" TextAlignment="Center"> <Paragraph>Header 3</Paragraph> </TableCell> </TableRow> <TableRow> <TableCell BorderThickness="1" BorderBrush="Black" Padding="3"> <Paragraph>Row 1, Cell 1</Paragraph> </TableCell> <TableCell BorderThickness="1" BorderBrush="Black" Padding="3"> <Paragraph>Row 1, Cell 2</Paragraph> </TableCell> <TableCell BorderThickness="1" BorderBrush="Black" Padding="3"> <Paragraph>Row 1, Cell 3</Paragraph> </TableCell> </TableRow> <TableRow> <TableCell BorderThickness="1" BorderBrush="Black" Padding="3"> <Paragraph>Row 2, Cell 1</Paragraph> </TableCell> <TableCell BorderThickness="1" BorderBrush="Black" Padding="3"> <Paragraph>Row 2, Cell 2</Paragraph> </TableCell> <TableCell BorderThickness="1" BorderBrush="Black" Padding="3"> <Paragraph>Row 2, Cell 3</Paragraph> </TableCell> </TableRow> </TableRowGroup> </Table> </FlowDocument> </FlowDocumentReader> </Window> |
TestProject.zip
■ Control 클래스를 사용해 토글 스위치를 만드는 방법을 보여준다. ▶ THEMES/Generic.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 |
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:TestProject"> <Style TargetType="{x:Type local:ToggleSwitch}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type local:ToggleSwitch}"> <Grid> <Border Name="PART_Switch" Width="60" Height="30" CornerRadius="15" Background="{TemplateBinding Background}"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition /> <ColumnDefinition /> </Grid.ColumnDefinitions> <Ellipse Name="PART_Thumb" Margin="2" Width="20" Height="20" Fill="White"> <Ellipse.RenderTransform> <TranslateTransform X="0" /> </Ellipse.RenderTransform> </Ellipse> <ContentPresenter Name="PART_ContentPresenter" Grid.ColumnSpan="2" HorizontalAlignment="Center" VerticalAlignment="Center" /> </Grid> </Border> </Grid> <ControlTemplate.Triggers> <Trigger Property="IsChecked" Value="True"> <Setter TargetName="PART_Switch" Property="Background" Value="{Binding OnBrush, RelativeSource={RelativeSource TemplatedParent}}" /> <Setter TargetName="PART_Thumb" Property="RenderTransform"> <Setter.Value> <TranslateTransform X="30" /> </Setter.Value> </Setter> <Setter TargetName="PART_ContentPresenter" Property="Content" Value="{Binding OnContent, RelativeSource={RelativeSource TemplatedParent}}" /> </Trigger> <Trigger Property="IsChecked" Value="False"> <Setter TargetName="PART_Switch" Property="Background" Value="{Binding OffBrush, RelativeSource={RelativeSource TemplatedParent}}" /> <Setter TargetName="PART_Thumb" Property="RenderTransform"> <Setter.Value> <TranslateTransform X="0" /> </Setter.Value> </Setter> <Setter TargetName="PART_ContentPresenter" Property="Content" Value="{Binding OffContent, RelativeSource={RelativeSource TemplatedParent}}" /> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> </ResourceDictionary> |
▶ ToggleSwitch.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 |
using System.Windows; using System.Windows.Controls; using System.Windows.Media; namespace TestProject; /// <summary> /// 토글 스위치 /// </summary> public class ToggleSwitch : Control { //////////////////////////////////////////////////////////////////////////////////////////////////// DependencyProperty ////////////////////////////////////////////////////////////////////////////////////////// Static //////////////////////////////////////////////////////////////////////////////// Public #region 체크 여부 속성 - IsCheckedProperty /// <summary> /// 체크 여부 속성 /// </summary> public static readonly DependencyProperty IsCheckedProperty = DependencyProperty.Register ( "IsChecked", typeof(bool), typeof(ToggleSwitch), new PropertyMetadata(false) ); #endregion #region ON 컨텐트 속성 - OnContentProperty /// <summary> /// ON 컨텐트 속성 /// </summary> public static readonly DependencyProperty OnContentProperty = DependencyProperty.Register ( "OnContent", typeof(object), typeof(ToggleSwitch), new PropertyMetadata("ON") ); #endregion #region ON 브러시 속성 - OnBrushProperty /// <summary> /// ON 브러시 /// </summary> public static readonly DependencyProperty OnBrushProperty = DependencyProperty.Register ( "OnBrush", typeof(Brush), typeof(ToggleSwitch), new PropertyMetadata(new SolidColorBrush(Color.FromRgb(33, 150, 243))) ); #endregion #region OFF 컨텐트 속성- OffContentProperty /// <summary> /// OFF 컨텐트 속성 /// </summary> public static readonly DependencyProperty OffContentProperty = DependencyProperty.Register ( "OffContent", typeof(object), typeof(ToggleSwitch), new PropertyMetadata("OFF") ); #endregion #region OFF 브러시 속성 - OffBrushProperty /// <summary> /// OFF 브러시 /// </summary> public static readonly DependencyProperty OffBrushProperty = DependencyProperty.Register ( "OffBrush", typeof(Brush), typeof(ToggleSwitch), new PropertyMetadata(new SolidColorBrush(Color.FromRgb(204, 204, 204))) ); #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 체크 여부 - IsChecked /// <summary> /// 체크 여부 /// </summary> public bool IsChecked { get { return (bool)GetValue(IsCheckedProperty); } set { SetValue(IsCheckedProperty, value); } } #endregion #region ON 컨텐트 - OnContent /// <summary> /// ON 컨텐트 /// </summary> public object OnContent { get { return GetValue(OnContentProperty); } set { SetValue(OnContentProperty, value); } } #endregion #region ON 브러시 - OnBrush /// <summary> /// ON 브러시 /// </summary> public Brush OnBrush { get { return (Brush)GetValue(OnBrushProperty); } set { SetValue(OnBrushProperty, value); } } #endregion #region OFF 컨텐트 - OffContent /// <summary> /// OFF 컨텐트 /// </summary> public object OffContent { get { return GetValue(OffContentProperty); } set { SetValue(OffContentProperty, value); } } #endregion #region OFF 브러시 - OffBrush /// <summary> /// OFF 브러시 /// </summary> public Brush OffBrush { get { return (Brush)GetValue(OffBrushProperty); } set { SetValue(OffBrushProperty, value); } } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - ToggleSwitch() /// <summary> /// 생성자 /// </summary> static ToggleSwitch() { DefaultStyleKeyProperty.OverrideMetadata(typeof(ToggleSwitch), new FrameworkPropertyMetadata(typeof(ToggleSwitch))); } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 템플리트 적용시 처리하기 - OnApplyTemplate() /// <summary> /// 템플리트 적용시 처리하기 /// </summary> public override void OnApplyTemplate() { base.OnApplyTemplate(); DependencyObject dependencyObject = GetTemplateChild("PART_Switch"); if(dependencyObject is Border switchPart) { switchPart.MouseLeftButtonDown += (s, e) => { IsChecked = !IsChecked; e.Handled = true; }; } } #endregion } |
▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<Window x:Class="TestProject.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:TestProject" Width="800" Height="600" Title="TestProject" FontFamily="나눔고딕코딩" FontSize="16"> <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Orientation="Horizontal"> <TextBlock VerticalAlignment="Center" Text="배경 이미지 표시" /> <local:ToggleSwitch Margin="10 0 0 0" VerticalAlignment="Center" OnBrush="Gold" OnContent="" OffContent="" /> </StackPanel> </Window> |
TestProject.zip
■ Window 엘리먼트를 사용해 테두리를 제거하고 모서리가 둥근 윈도우를 만드는 방법을 보여준다. ▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 |
<Window x:Class="TestProject.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="800" Height="600" Title="TestProject" ResizeMode="NoResize" Background="Transparent" WindowStyle="None" AllowsTransparency="True"> <WindowChrome.WindowChrome> <WindowChrome ResizeBorderThickness="0" CaptionHeight="0" /> </WindowChrome.WindowChrome> <Border Margin="10" CornerRadius="10" Background="White"> <Border.Effect> <DropShadowEffect BlurRadius="15" Direction="-90" RenderingBias="Quality" ShadowDepth="2" /> </Border.Effect> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="*" /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Grid Grid.Row="0" Background="Transparent"> <StackPanel HorizontalAlignment="Right" Margin="0 10 10 0" Orientation="Horizontal"> <Button Name="minimizeButton" Width="30" Height="30"> <Path StrokeThickness="2" Stroke="Black" Data="M 0 8 H 10" /> </Button> <Button Name="maximizeButton" Width="30" Height="30"> <Path StrokeThickness="2" Stroke="Black" Data="M 0 0 H 10 V 10 H 0 Z" /> </Button> <Button Name="closeButton" Width="30" Height="30"> <Path StrokeThickness="2" Stroke="Black" Data="M 0 0 L 10 10 M 0 10 L 10 0" /> </Button> </StackPanel> </Grid> <Grid Grid.Row="1"> <Ellipse HorizontalAlignment="Center" VerticalAlignment="Center" Width="200" Height="200" Fill="Gold" /> </Grid> <Grid Name="bottomGrid" Grid.Row="2" Height="0" Background="#e0e0e0"> <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Sliding Panel Content" /> </Grid> <Button Name="settingButton" Grid.Row="1" VerticalAlignment="Bottom" HorizontalAlignment="Left" Margin="10" Width="30" Height="30" Padding="3"> <Path Stretch="Uniform" Fill="Black" Data=" M 12 8 A 4 4 0 0 1 16 12 A 4 4 0 0 1 12 16 A 4 4 0 0 1 8 12 A 4 4 0 0 1 12 8 M 12 10 A 2 2 0 0 0 10 12 A 2 2 0 0 0 12 14 A 2 2 0 0 0 14 12 A 2 2 0 0 0 12 10 M 10 22 C 9.75 22 9.54 21.82 9.5 21.58 L 9.13 18.93 C 8.5 18.68 7.96 18.34 7.44 17.94 L 4.95 18.95 C 4.73 19.03 4.46 18.95 4.34 18.73 L 2.34 15.27 C 2.21 15.05 2.27 14.78 2.46 14.63 L 4.57 12.97 L 4.5 12 L 4.57 11 L 2.46 9.37 C 2.27 9.22 2.21 8.95 2.34 8.73 L 4.34 5.27 C 4.46 5.05 4.73 4.96 4.95 5.05 L 7.44 6.05 C 7.96 5.66 8.5 5.32 9.13 5.07 L 9.5 2.42 C 9.54 2.18 9.75 2 10 2 H 14 C 14.25 2 14.46 2.18 14.5 2.42 L 14.87 5.07 C 15.5 5.32 16.04 5.66 16.56 6.05 L 19.05 5.05 C 19.27 4.96 19.54 5.05 19.66 5.27 L 21.66 8.73 C 21.79 8.95 21.73 9.22 21.54 9.37 L 19.43 11 L 19.5 12 L 19.43 13 L 21.54 14.63 C 21.73 14.78 21.79 15.05 21.66 15.27 L 19.66 18.73 C 19.54 18.95 19.27 19.04 19.05 18.95 L 16.56 17.95 C 16.04 18.34 15.5 18.68 14.87 18.93 L 14.5 21.58 C 14.46 21.82 14.25 22 14 22 H 10 M 11.25 4 L 10.88 6.61 C 9.68 6.86 8.62 7.5 7.85 8.39 L 5.44 7.35 L 4.69 8.65 L 6.8 10.2 C 6.4 11.37 6.4 12.64 6.8 13.8 L 4.68 15.36 L 5.43 16.66 L 7.86 15.62 C 8.63 16.5 9.68 17.14 10.87 17.38 L 11.24 20 H 12.76 L 13.13 17.39 C 14.32 17.14 15.37 16.5 16.14 15.62 L 18.57 16.66 L 19.32 15.36 L 17.2 13.81 C 17.6 12.64 17.6 11.37 17.2 10.2 L 19.31 8.65 L 18.56 7.35 L 16.15 8.39 C 15.38 7.5 14.32 6.86 13.12 6.62 L 12.75 4 H 11.25 Z" /> </Button> </Grid> </Border> </Window> |
▶ MainPage.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 |
using System; using System.Windows; using System.Windows.Input; using System.Windows.Media.Animation; namespace TestProject; /// <summary> /// 메인 윈도우 /// </summary> public partial class MainWindow : Window { //////////////////////////////////////////////////////////////////////////////////////////////////// Field ////////////////////////////////////////////////////////////////////////////////////////// Private #region Field /// <summary> /// 하단 그리드 표시 여부 /// </summary> private bool isBottomGridVisible = false; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainWindow() /// <summary> /// 생성자 /// </summary> public MainWindow() { InitializeComponent(); MouseMove += Window_MouseMove; this.minimizeButton.Click += minimizeButton_Click; this.maximizeButton.Click += maximizeButton_Click; this.closeButton.Click += closeButton_Click; this.settingButton.Click += settingButton_Click; this.bottomGrid.MouseLeave += bottomGrid_MouseLeave; } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Private //////////////////////////////////////////////////////////////////////////////// Event #region 윈도우 마우스 이동시 처리하기 - Window_MouseMove(sender, e) /// <summary> /// 윈도우 마우스 이동시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void Window_MouseMove(object sender, MouseEventArgs e) { Point mousePoint = e.GetPosition(this); if(mousePoint.Y > ActualHeight - 30) { if(!this.isBottomGridVisible) { ShowBottomGrid(); } } } #endregion #region 최소화 버튼 클릭시 처리하기 - minimizeButton_Click(sender, e) /// <summary> /// 최소화 버튼 클릭시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void minimizeButton_Click(object sender, RoutedEventArgs e) { WindowState = WindowState.Minimized; } #endregion #region 최대화 버튼 클릭시 처리하기 - maximizeButton_Click(sender, e) /// <summary> /// 최대화 버튼 클릭시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void maximizeButton_Click(object sender, RoutedEventArgs e) { if(WindowState == WindowState.Maximized) { WindowState = WindowState.Normal; } else { WindowState = WindowState.Maximized; } } #endregion #region 닫기 버튼 클릭시 처리하기 - closeButton_Click(sender, e) /// <summary> /// 닫기 버튼 클릭시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void closeButton_Click(object sender, RoutedEventArgs e) { Close(); } #endregion #region 설정 버튼 클릭시 처리하기 - settingButton_Click(sender, e) /// <summary> /// 설정 버튼 클릭시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void settingButton_Click(object sender, RoutedEventArgs e) { MessageBox.Show(this, "Settings button clicked!"); } #endregion #region 하단 그리드 마우스 이탈시 처리하기 - bottomGrid_MouseLeave(sender, e) /// <summary> /// 하단 그리드 마우스 이탈시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void bottomGrid_MouseLeave(object sender, MouseEventArgs e) { if(this.isBottomGridVisible) { HideBottomGrid(); } } #endregion //////////////////////////////////////////////////////////////////////////////// Function #region 하단 그리드 표시하기 - ShowBottomGrid() /// <summary> /// 하단 그리드 표시하기 /// </summary> private void ShowBottomGrid() { DoubleAnimation doubleAnimation = new DoubleAnimation(100, TimeSpan.FromSeconds(0.3)); this.bottomGrid.BeginAnimation(HeightProperty, doubleAnimation); this.isBottomGridVisible = true; } #endregion #region 하단 그리드 숨기기- HideBottomGrid() /// <summary> /// 하단 그리드 숨기기 /// </summary> private void HideBottomGrid() { DoubleAnimation doubleAnimation = new DoubleAnimation(0, TimeSpan.FromSeconds(0.3)); this.bottomGrid.BeginAnimation(HeightProperty, doubleAnimation); this.isBottomGridVisible = false; } #endregion } |
TestProject.zip
■ DropShadowEffect 엘리먼트의 BlurRadius/Direction/RenderingBias/ShadowDepth 속성을 사용해 그림자 효과를 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 |
<Window x:Class="TestProject.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="800" Height="600" Title="TestProject" ResizeMode="NoResize" Background="Transparent" WindowStyle="None" AllowsTransparency="True"> <WindowChrome.WindowChrome> <WindowChrome ResizeBorderThickness="0" CaptionHeight="0" /> </WindowChrome.WindowChrome> <Border Margin="10" CornerRadius="10" Background="White"> <Border.Effect> <DropShadowEffect BlurRadius="15" Direction="-90" RenderingBias="Quality" ShadowDepth="2" /> </Border.Effect> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="*" /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Grid Grid.Row="0" Background="Transparent"> <StackPanel HorizontalAlignment="Right" Margin="0 10 10 0" Orientation="Horizontal"> <Button Name="minimizeButton" Width="30" Height="30"> <Path StrokeThickness="2" Stroke="Black" Data="M 0 8 H 10" /> </Button> <Button Name="maximizeButton" Width="30" Height="30"> <Path StrokeThickness="2" Stroke="Black" Data="M 0 0 H 10 V 10 H 0 Z" /> </Button> <Button Name="closeButton" Width="30" Height="30"> <Path StrokeThickness="2" Stroke="Black" Data="M 0 0 L 10 10 M 0 10 L 10 0" /> </Button> </StackPanel> </Grid> <Grid Grid.Row="1"> <Ellipse HorizontalAlignment="Center" VerticalAlignment="Center" Width="200" Height="200" Fill="Gold" /> </Grid> <Grid Name="bottomGrid" Grid.Row="2" Height="0" Background="#e0e0e0"> <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Sliding Panel Content" /> </Grid> <Button Name="settingButton" Grid.Row="1" VerticalAlignment="Bottom" HorizontalAlignment="Left" Margin="10" Width="30" Height="30" Padding="3"> <Path Stretch="Uniform" Fill="Black" Data=" M 12 8 A 4 4 0 0 1 16 12 A 4 4 0 0 1 12 16 A 4 4 0 0 1 8 12 A 4 4 0 0 1 12 8 M 12 10 A 2 2 0 0 0 10 12 A 2 2 0 0 0 12 14 A 2 2 0 0 0 14 12 A 2 2 0 0 0 12 10 M 10 22 C 9.75 22 9.54 21.82 9.5 21.58 L 9.13 18.93 C 8.5 18.68 7.96 18.34 7.44 17.94 L 4.95 18.95 C 4.73 19.03 4.46 18.95 4.34 18.73 L 2.34 15.27 C 2.21 15.05 2.27 14.78 2.46 14.63 L 4.57 12.97 L 4.5 12 L 4.57 11 L 2.46 9.37 C 2.27 9.22 2.21 8.95 2.34 8.73 L 4.34 5.27 C 4.46 5.05 4.73 4.96 4.95 5.05 L 7.44 6.05 C 7.96 5.66 8.5 5.32 9.13 5.07 L 9.5 2.42 C 9.54 2.18 9.75 2 10 2 H 14 C 14.25 2 14.46 2.18 14.5 2.42 L 14.87 5.07 C 15.5 5.32 16.04 5.66 16.56 6.05 L 19.05 5.05 C 19.27 4.96 19.54 5.05 19.66 5.27 L 21.66 8.73 C 21.79 8.95 21.73 9.22 21.54 9.37 L 19.43 11 L 19.5 12 L 19.43 13 L 21.54 14.63 C 21.73 14.78 21.79 15.05 21.66 15.27 L 19.66 18.73 C 19.54 18.95 19.27 19.04 19.05 18.95 L 16.56 17.95 C 16.04 18.34 15.5 18.68 14.87 18.93 L 14.5 21.58 C 14.46 21.82 14.25 22 14 22 H 10 M 11.25 4 L 10.88 6.61 C 9.68 6.86 8.62 7.5 7.85 8.39 L 5.44 7.35 L 4.69 8.65 L 6.8 10.2 C 6.4 11.37 6.4 12.64 6.8 13.8 L 4.68 15.36 L 5.43 16.66 L 7.86 15.62 C 8.63 16.5 9.68 17.14 10.87 17.38 L 11.24 20 H 12.76 L 13.13 17.39 C 14.32 17.14 15.37 16.5 16.14 15.62 L 18.57 16.66 L 19.32 15.36 L 17.2 13.81 C 17.6 12.64 17.6 11.37 17.2 10.2 L 19.31 8.65 L 18.56 7.35 L 16.15 8.39 C 15.38 7.5 14.32 6.86 13.12 6.62 L 12.75 4 H 11.25 Z" /> </Button> </Grid> </Border> </Window> |
■ WindowChrome 엘리먼트의 WindowChrome 첨부 속성을 사용해 WindowChrome 엘리먼트를 설정하는 방법을 보여준다. ▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 |
<Window x:Class="TestProject.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="800" Height="600" Title="TestProject" ResizeMode="NoResize" Background="Transparent" WindowStyle="None" AllowsTransparency="True"> <WindowChrome.WindowChrome> <WindowChrome ResizeBorderThickness="0" CaptionHeight="0" /> </WindowChrome.WindowChrome> <Border Margin="10" CornerRadius="10" Background="White"> <Border.Effect> <DropShadowEffect BlurRadius="15" Direction="-90" RenderingBias="Quality" ShadowDepth="2" /> </Border.Effect> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="*" /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Grid Grid.Row="0" Background="Transparent"> <StackPanel HorizontalAlignment="Right" Margin="0 10 10 0" Orientation="Horizontal"> <Button Name="minimizeButton" Width="30" Height="30"> <Path StrokeThickness="2" Stroke="Black" Data="M 0 8 H 10" /> </Button> <Button Name="maximizeButton" Width="30" Height="30"> <Path StrokeThickness="2" Stroke="Black" Data="M 0 0 H 10 V 10 H 0 Z" /> </Button> <Button Name="closeButton" Width="30" Height="30"> <Path StrokeThickness="2" Stroke="Black" Data="M 0 0 L 10 10 M 0 10 L 10 0" /> </Button> </StackPanel> </Grid> <Grid Grid.Row="1"> <Ellipse HorizontalAlignment="Center" VerticalAlignment="Center" Width="200" Height="200" Fill="Gold" /> </Grid> <Grid Name="bottomGrid" Grid.Row="2" Height="0" Background="#e0e0e0"> <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Sliding Panel Content" /> </Grid> <Button Name="settingButton" Grid.Row="1" VerticalAlignment="Bottom" HorizontalAlignment="Left" Margin="10" Width="30" Height="30" Padding="3"> <Path Stretch="Uniform" Fill="Black" Data=" M 12 8 A 4 4 0 0 1 16 12 A 4 4 0 0 1 12 16 A 4 4 0 0 1 8 12 A 4 4 0 0 1 12 8 M 12 10 A 2 2 0 0 0 10 12 A 2 2 0 0 0 12 14 A 2 2 0 0 0 14 12 A 2 2 0 0 0 12 10 M 10 22 C 9.75 22 9.54 21.82 9.5 21.58 L 9.13 18.93 C 8.5 18.68 7.96 18.34 7.44 17.94 L 4.95 18.95 C 4.73 19.03 4.46 18.95 4.34 18.73 L 2.34 15.27 C 2.21 15.05 2.27 14.78 2.46 14.63 L 4.57 12.97 L 4.5 12 L 4.57 11 L 2.46 9.37 C 2.27 9.22 2.21 8.95 2.34 8.73 L 4.34 5.27 C 4.46 5.05 4.73 4.96 4.95 5.05 L 7.44 6.05 C 7.96 5.66 8.5 5.32 9.13 5.07 L 9.5 2.42 C 9.54 2.18 9.75 2 10 2 H 14 C 14.25 2 14.46 2.18 14.5 2.42 L 14.87 5.07 C 15.5 5.32 16.04 5.66 16.56 6.05 L 19.05 5.05 C 19.27 4.96 19.54 5.05 19.66 5.27 L 21.66 8.73 C 21.79 8.95 21.73 9.22 21.54 9.37 L 19.43 11 L 19.5 12 L 19.43 13 L 21.54 14.63 C 21.73 14.78 21.79 15.05 21.66 15.27 L 19.66 18.73 C 19.54 18.95 19.27 19.04 19.05 18.95 L 16.56 17.95 C 16.04 18.34 15.5 18.68 14.87 18.93 L 14.5 21.58 C 14.46 21.82 14.25 22 14 22 H 10 M 11.25 4 L 10.88 6.61 C 9.68 6.86 8.62 7.5 7.85 8.39 L 5.44 7.35 L 4.69 8.65 L 6.8 10.2 C 6.4 11.37 6.4 12.64 6.8 13.8 L 4.68 15.36 L 5.43 16.66 L 7.86 15.62 C 8.63 16.5 9.68 17.14 10.87 17.38 L 11.24 20 H 12.76 L 13.13 17.39 C 14.32 17.14 15.37 16.5 16.14 15.62 L 18.57 16.66 L 19.32 15.36 L 17.2 13.81 C 17.6 12.64 17.6 11.37 17.2 10.2 L 19.31 8.65 L 18.56 7.35 L 16.15 8.39 C 15.38 7.5 14.32 6.86 13.12 6.62 L 12.75 4 H 11.25 Z" /> </Button> </Grid> </Border> </Window> |
■ DoubleAnimation 클래스를 사용해 윈도우 하단에 마우스 위치시 하단 패널을 표시하는 애니메이션을 만드는 방법을 보여준다. ▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<Window x:Class="TestProject.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Height="600" Width="800" Title="TestProject" FontFamily="나눔고딕코딩" FontSize="16"> <Grid Name="contentGrid" Background="White"> <Grid.RowDefinitions> <RowDefinition Height="*" /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Border Name="bottomGrid" Grid.Row="1" Height="0" Background="#e0e0e0"> <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Sliding Panel Content" /> </Border> </Grid> </Window> |
▶ MainPage.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 |
using System; using System.Windows; using System.Windows.Input; using System.Windows.Media.Animation; namespace TestProject; /// <summary> /// 메인 윈도우 /// </summary> public partial class MainWindow : Window { //////////////////////////////////////////////////////////////////////////////////////////////////// Field ////////////////////////////////////////////////////////////////////////////////////////// Private #region Field /// <summary> /// 하단 그리드 표시 여부 /// </summary> private bool isBottomGridVisible = false; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainWindow() /// <summary> /// 생성자 /// </summary> public MainWindow() { InitializeComponent(); this.contentGrid.MouseMove += contentGrid_MouseMove; this.bottomGrid.MouseLeave += bottomGrid_MouseLeave; } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Private //////////////////////////////////////////////////////////////////////////////// Event #region 컨텐트 그리드 마우스 이동시 처리하기 - contentGrid_MouseMove(sender, e) /// <summary> /// 컨텐트 그리드 마우스 이동시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void contentGrid_MouseMove(object sender, MouseEventArgs e) { Point mousePoint = e.GetPosition(this); if(mousePoint.Y > this.contentGrid.ActualHeight - 30) { if(!this.isBottomGridVisible) { ShowBottomGrid(); } } } #endregion #region 하단 그리드 마우스 이탈시 처리하기 - bottomGrid_MouseLeave(sender, e) /// <summary> /// 하단 그리드 마우스 이탈시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void bottomGrid_MouseLeave(object sender, MouseEventArgs e) { if(this.isBottomGridVisible) { HideBottomGrid(); } } #endregion //////////////////////////////////////////////////////////////////////////////// Function #region 하단 그리드 표시하기 - ShowBottomGrid() /// <summary> /// 하단 그리드 표시하기 /// </summary> private void ShowBottomGrid() { DoubleAnimation doubleAnimation = new DoubleAnimation(100, TimeSpan.FromSeconds(0.3)); this.bottomGrid.BeginAnimation(HeightProperty, doubleAnimation); this.isBottomGridVisible = true; } #endregion #region 하단 그리드 숨기기 - HideBottomGrid() /// <summary> /// 하단 그리드 숨기기 /// </summary> private void HideBottomGrid() { DoubleAnimation doubleAnimation = new DoubleAnimation(0, TimeSpan.FromSeconds(0.3)); this.bottomGrid.BeginAnimation(HeightProperty, doubleAnimation); this.isBottomGridVisible = false; } #endregion } |
TestProject.zip
■ LinearGradientBrush 엘리먼트를 사용해 반투명 유리 패널을 만드는 방법을 보여준다. ▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
<Window x:Class="TestProject.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="800" Height="600" Title="TestProject" FontFamily="나눔고딕코딩" FontSize="16"> <Grid> <Image Stretch="UniformToFill" Source="IMAGE/sample.jpg" /> <Border HorizontalAlignment="Center" VerticalAlignment="Center" Width="400" Height="400"> <Border.Background> <LinearGradientBrush StartPoint="0 0" EndPoint="1 1" Opacity="0.75"> <LinearGradientBrush.GradientStops> <GradientStop Color="WhiteSmoke" Offset="0.2" /> <GradientStop Color="Transparent" Offset="0.4" /> <GradientStop Color="WhiteSmoke" Offset="0.5" /> <GradientStop Color="Transparent" Offset="0.75" /> <GradientStop Color="WhiteSmoke" Offset="0.9" /> <GradientStop Color="Transparent" Offset="1" /> </LinearGradientBrush.GradientStops> </LinearGradientBrush> </Border.Background> <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10" TextWrapping="Wrap" xml:space="preserve"> 일본 도쿄 서쪽 수도권 지역인 가나가와현에서 9일 오후 규모 5.3의 지진이 발생했다. 일본 기상청에 따르면 이날 오후 7시 57분경 가나가와현 서쪽 지역에서 발생한 지진으로 가나가와현 일부 지역에서는 '진도5'의 흔들림이 감지됐다. 도쿄 일부 지역에서도 진도 4의 흔들림이 감지됐다고 전해졌다. 일본 기상청 지진 등급인 '진도'는 절대 강도를 의미하는 규모와는 달리 해당 지역에 있는 사람의 느낌이나 주변 물체 등의 흔들림 정도를 0∼7의 수치로 나타낸 상대적 개념이다. 진도5는 대부분의 사람이 공포를 느끼고 선반에 있는 식기나 책장의 책이 떨어지기도 하는 수준이다. 가나가와현 야마토시에 거주 중인 교민 이모 씨는 집에 있다가 지진으로 인한 흔들림이 느껴져 깜짝 놀랐다고 전했다. </TextBlock> </Border> </Grid> </Window> |
TestProject.zip
■ FlowDocumentReader 클래스에서 수평/수직 ScrollBar 객체를 구하는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 |
using System; using System.Windows; using System.Windows.Controls; using System.Windows.Controls.Primitives; using System.Windows.Media; #region 수평 스크롤바 찾기 - FindHorizontalScrollBar(flowDocumentReader) /// <summary> /// 수평 스크롤바 찾기 /// </summary> /// <param name="flowDocumentReader">플로우 문서 리더</param> /// <returns>수평 스크롤바</returns> public ScrollBar FindHorizontalScrollBar(FlowDocumentReader flowDocumentReader) { return FindScrollBar(flowDocumentReader, Orientation.Horizontal); } #endregion #region 수직 스크롤바 찾기 - FindVerticalScrollBar(flowDocumentReader) /// <summary> /// 수직 스크롤바 찾기 /// </summary> /// <param name="flowDocumentReader">플로우 문서 리더</param> /// <returns>수직 스크롤바</returns> public ScrollBar FindVerticalScrollBar(FlowDocumentReader flowDocumentReader) { return FindScrollBar(flowDocumentReader, Orientation.Vertical); } #endregion #region 스크롤바 찾기 - FindScrollBar(flowDocumentReader, orientation) /// <summary> /// 스크롤바 찾기 /// </summary> /// <param name="flowDocumentReader">플로우 문서 리더</param> /// <param name="orientation">방향</param> /// <returns>스크롤바</returns> public ScrollBar FindScrollBar(FlowDocumentReader flowDocumentReader, Orientation orientation) { if(flowDocumentReader == null) { return null; } ScrollViewer scrollViewer = VisualHelper.FindDescendantByType<ScrollViewer>(flowDocumentReader); if(scrollViewer == null) { return null; } return FindDescendantByType<ScrollBar>(scrollViewer, scrollBar => scrollBar.Orientation == orientation); } #endregion #region 타입으로 자손 찾기 - FindDescendantByType(source, descendantType, specificTypeOnly) /// <summary> /// 타입으로 자손 찾기 /// </summary> /// <param name="source">소스 객체</param> /// <param name="descendantType">자손 타입</param> /// <param name="specificTypeOnly">특정 타입만 찾기 여부</param> /// <returns>자손 객체</returns> private Visual FindDescendantByType(Visual source, Type descendantType, bool specificTypeOnly) { if(source == null) { return null; } if(specificTypeOnly ? (source.GetType() == descendantType) : (source.GetType() == descendantType) || (source.GetType().IsSubclassOf(descendantType))) { return source; } Visual descendant = null; if(source is FrameworkElement) { (source as FrameworkElement).ApplyTemplate(); } for(int i = 0; i < VisualTreeHelper.GetChildrenCount(source); i++) { Visual visual = VisualTreeHelper.GetChild(source, i) as Visual; descendant = FindDescendantByType(visual, descendantType, specificTypeOnly); if(descendant != null) { break; } } return descendant; } #endregion #region 타입으로 자손 찾기 - FindDescendantByType(source, descendantType) /// <summary> /// 타입으로 자손 찾기 /// </summary> /// <param name="source">소스 객체</param> /// <param name="descendantType">자손 타입</param> /// <returns>자손 객체</returns> private Visual FindDescendantByType(Visual source, Type descendantType) { return FindDescendantByType(source, descendantType, true); } #endregion #region 타입으로 자손 찾기 - FindDescendantByType<TDescendant>(source) /// <summary> /// 타입으로 자손 찾기 /// </summary> /// <typeparam name="TDescendant">자손 타입</typeparam> /// <param name="source">소스 객체</param> /// <returns>자손 객체</returns> private TDescendant FindDescendantByType<TDescendant>(Visual source) where TDescendant : Visual { Visual descendant = FindDescendantByType(source, typeof(TDescendant)); return (TDescendant)descendant; } #endregion #region 타입으로 자손 찾기 - FindDescendantByType<TDescendant>(source, conditionFunction) /// <summary> /// 타입으로 자손 찾기 /// </summary> /// <typeparam name="TDescendant">자손 타입</typeparam> /// <param name="source">소스 객체</param> /// <param name="conditionFunction">조건 함수</param> /// <returns>자손 객체</returns> private TDescendant FindDescendantByType<TDescendant>(DependencyObject source, Func<TDescendant, bool> conditionFunction = null) where TDescendant : DependencyObject { if(source == null) { return null; } for(int i = 0; i < VisualTreeHelper.GetChildrenCount(source); i++) { DependencyObject child = VisualTreeHelper.GetChild(source, i); if(child is TDescendant typedChild && (conditionFunction == null || conditionFunction(typedChild))) { return typedChild; } TDescendant descendant = FindDescendantByType<TDescendant>(child, conditionFunction); if(descendant != null) { return descendant; } } return null; } #endregion |
■ ScrollViewer 클래스에서 수평/수직 ScrollBar 객체를 구하는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
using System.Windows.Controls; using System.Windows.Controls.Primitives; #region 수직 스크롤바 구하기 - GetVerticalScrollBar(scrollViewer) /// <summary> /// 수직 스크롤바 구하기 /// </summary> /// <param name="scrollViewer">스크롤 뷰어</param> /// <returns>수직 스크롤바</returns> public ScrollBar GetVerticalScrollBar(ScrollViewer scrollViewer) { return (ScrollBar)scrollViewer.Template.FindName("PART_VerticalScrollBar", scrollViewer); } #endregion #region 수평 스크롤바 구하기 - GetHorizontalScrollBar(scrollViewer) /// <summary> /// 수평 스크롤바 구하기 /// </summary> /// <param name="scrollViewer">스크롤 뷰어</param> /// <returns>수평 스크롤바</returns> public ScrollBar GetHorizontalScrollBar(ScrollViewer scrollViewer) { return (ScrollBar)scrollViewer.Template.FindName("PART_HorizontalScrollBar", scrollViewer); } #endregion |
■ Image 클래스에서 BitmapSource 객체를 구하는 방법을 보여준다. ▶ Image 클래스 : BitmapSource 객체 구하기 예제 (C#)
|
1 2 3 4 5 6 7 8 9 10 11 12 |
using System.Windows.Controls; using System.Windows.Media.Imaging; // ... Image image; // ... BitmapSource bitmapSource = GetBitmapSource(image); |
▶ Image 클래스 :
■ FlowDocument 클래스에세 텍스트를 추출하는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 5 6 7 8 9 10 11 |
using System.Windows.Documents; // ... FlowDocument flowDocument; // ... string text = FlowDocumentHelper.ExtractText(flowDocument); |
▶ FlowDocumentHelper.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 |
using System; using System.Linq; using System.Text; using System.Windows.Documents; /// <summary> /// 플로우 문서 헬퍼 /// </summary> public static class FlowDocumentHelper { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Static //////////////////////////////////////////////////////////////////////////////// Public #region 텍스트 추출하기 - ExtractText(flowDocument) /// <summary> /// 텍스트 추출하기 /// </summary> /// <param name="flowDocument">플로우 문서</param> /// <returns>텍스트</returns> public static string ExtractText(FlowDocument flowDocument) { if(flowDocument == null) { throw new ArgumentNullException(nameof(flowDocument)); } StringBuilder stringBuilder = new StringBuilder(); ExtractTextFromBlockCollection(flowDocument.Blocks, stringBuilder); return stringBuilder.ToString(); } #endregion //////////////////////////////////////////////////////////////////////////////// Private #region 인라인 컬렉션에서 텍스트 추출하기 - ExtractTextFromInlineCollection(inlineCollection, stringBuilder) /// <summary> /// 인라인 컬렉션에서 텍스트 추출하기 /// </summary> /// <param name="inlineCollection">인라인 컬렉션</param> /// <param name="stringBuilder">문자열 빌더</param> private static void ExtractTextFromInlineCollection(InlineCollection inlineCollection, StringBuilder stringBuilder) { foreach(Inline inline in inlineCollection) { if(inline is Run run) { stringBuilder.Append(run.Text); } else if(inline is LineBreak) { stringBuilder.AppendLine(); } else if(inline is Span span) { ExtractTextFromInlineCollection(span.Inlines, stringBuilder); } } } #endregion #region 테이블에서 텍스트 추출하기 - ExtractTextFromTable(table, stringBuilder) /// <summary> /// 테이블에서 텍스트 추출하기 /// </summary> /// <param name="table">테이블</param> /// <param name="stringBuilder">문자열 빌더</param> private static void ExtractTextFromTable(Table table, StringBuilder stringBuilder) { foreach(TableRow tableRow in table.RowGroups.SelectMany(group => group.Rows)) { foreach(TableCell tableCell in tableRow.Cells) { ExtractTextFromBlockCollection(tableCell.Blocks, stringBuilder); stringBuilder.Append("\t"); } stringBuilder.AppendLine(); } } #endregion #region 리스트에서 텍스트 추출하기 - ExtractTextFromList(list, stringBuilder) /// <summary> /// 리스트에서 텍스트 추출하기 /// </summary> /// <param name="list">리스트</param> /// <param name="stringBuilder">문자열 빌더</param> private static void ExtractTextFromList(List list, StringBuilder stringBuilder) { foreach(ListItem listItem in list.ListItems) { stringBuilder.Append("• "); ExtractTextFromBlockCollection(listItem.Blocks, stringBuilder); } } #endregion #region 블럭 컬렉션에서 텍스트 추출하기 - ExtractTextFromBlockCollection(blockCollection, stringBuilder) /// <summary> /// 블럭 컬렉션에서 텍스트 추출하기 /// </summary> /// <param name="blockCollection">블럭 컬렉션</param> /// <param name="stringBuilder">문자열 빌더</param> private static void ExtractTextFromBlockCollection(BlockCollection blockCollection, StringBuilder stringBuilder) { foreach(Block block in blockCollection) { if(block is Paragraph paragraph) { ExtractTextFromInlineCollection(paragraph.Inlines, stringBuilder); stringBuilder.AppendLine(); } else if(block is Section section) { ExtractTextFromBlockCollection(section.Blocks, stringBuilder); } else if(block is Table table) { ExtractTextFromTable(table, stringBuilder); } else if(block is List list) { ExtractTextFromList(list, stringBuilder); } } } #endregion } |
■ FlowDocumentScrollViewer 클래스에서 문서 끝까지 스크롤하는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
using System.Windows.Controls; // ... FlowDocumentScrollViewer flowDocumentScrollViewer; // ... FlowDocumentScrollViewerHelper helper = new FlowDocumentScrollViewerHelper(flowDocumentScrollViewer); // ... helper.ScrollToEnd(); |
▶ FlowDocumentScrollViewerHelper.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 |
using System.Windows; using System.Windows.Controls; using System.Windows.Media; /// <summary> /// 플로우 문서 스크롤 뷰어 헬퍼 /// </summary> public class FlowDocumentScrollViewerHelper { //////////////////////////////////////////////////////////////////////////////////////////////////// Field ////////////////////////////////////////////////////////////////////////////////////////// Private #region Field /// <summary> /// 플로우 문서 스크롤 뷰어 /// </summary> private FlowDocumentScrollViewer flowDocumentScrollViewer; /// <summary> /// 스크롤 뷰어 /// </summary> private ScrollViewer scrollViewer; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - FlowDocumentScrollViewerHelper(flowDocumentScrollViewer) /// <summary> /// 생성자 /// </summary> /// <param name="flowDocumentScrollViewer">플로우 문서 스크롤 뷰어</param> public FlowDocumentScrollViewerHelper(FlowDocumentScrollViewer flowDocumentScrollViewer) { this.flowDocumentScrollViewer = flowDocumentScrollViewer; this.scrollViewer = GetScrollViewer(this.flowDocumentScrollViewer); } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 끝까지 스크롤하기 - ScrollToEnd() /// <summary> /// 끝까지 스크롤하기 /// </summary> public void ScrollToEnd() { if(this.scrollViewer != null) { scrollViewer.ScrollToEnd(); } } #endregion ////////////////////////////////////////////////////////////////////////////////////////// Private #region 스크롤 뷰어 찾기 - GetScrollViewer(dependencyObject) /// <summary> /// 스크롤 뷰어 찾기 /// </summary> /// <param name="dependencyObject">의존 객체</param> /// <returns>스크롤 뷰어</returns> private ScrollViewer GetScrollViewer(DependencyObject dependencyObject) { if(dependencyObject is ScrollViewer scrollViewer) { return scrollViewer; } for(int i = 0; i < VisualTreeHelper.GetChildrenCount(dependencyObject); i++) { DependencyObject childDependencyObject = VisualTreeHelper.GetChild(dependencyObject, i); ScrollViewer targetScrollViewer = GetScrollViewer(childDependencyObject); if(targetScrollViewer != null) { return targetScrollViewer; } } return null; } #endregion } |
■ FlowDocumentReader 클래스에서 하단 컨트롤을 숨기는 방법을 보여준다. ▶ VisualHelper.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 |
using System; using System.Windows; using System.Windows.Media; namespace TestProject; /// <summary> /// 비주얼 헬퍼 /// </summary> public static class VisualHelper { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Static //////////////////////////////////////////////////////////////////////////////// Public #region 타입으로 자손 찾기 - FindDescendantByType(source, descendantType, specificTypeOnly) /// <summary> /// 타입으로 자손 찾기 /// </summary> /// <param name="source">소스 객체</param> /// <param name="descendantType">자손 타입</param> /// <param name="specificTypeOnly">특정 타입만 찾기 여부</param> /// <returns>자손 객체</returns> public static Visual FindDescendantByType(Visual source, Type descendantType, bool specificTypeOnly) { if(source == null) { return null; } if(specificTypeOnly ? (source.GetType() == descendantType) : (source.GetType() == descendantType) || (source.GetType().IsSubclassOf(descendantType))) { return source; } Visual target = null; if(source is FrameworkElement) { (source as FrameworkElement).ApplyTemplate(); } for(int i = 0; i < VisualTreeHelper.GetChildrenCount(source); i++) { Visual visual = VisualTreeHelper.GetChild(source, i) as Visual; target = FindDescendantByType(visual, descendantType, specificTypeOnly); if(target != null) { break; } } return target; } #endregion #region 타입으로 자손 찾기 - FindDescendantByType(source, descendantType) /// <summary> /// 타입으로 자손 찾기 /// </summary> /// <param name="source">소스 객체</param> /// <param name="descendantType">자손 타입</param> /// <returns>자손 객체</returns> public static Visual FindDescendantByType(Visual source, Type descendantType) { return FindDescendantByType(source, descendantType, true); } #endregion #region 타입으로 자손 찾기 - FindDescendantByType<TDescendant>(source) /// <summary> /// 타입으로 자손 찾기 /// </summary> /// <typeparam name="TDescendant">자손 타입</typeparam> /// <param name="source">소스 객체</param> /// <returns>자손 객체</returns> public static TDescendant FindDescendantByType<TDescendant>(Visual source) where TDescendant : Visual { Visual target = VisualHelper.FindDescendantByType(source, typeof(TDescendant)); return (TDescendant)target; } #endregion } |
▶ FlowDocumentExtension.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
using System.Windows; using System.Windows.Controls; namespace TestProject; /// <summary> /// 플로우 문서 확장 /// </summary> public static class FlowDocumentExtension { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Static //////////////////////////////////////////////////////////////////////////////// Public #region 컨트롤러 표시 여부 설정하기 - SetControllerVisibility(flowDocumentReader, visibility) /// <summary> /// 컨트롤러 표시 여부 설정하기 /// </summary> /// <param name="flowDocumentReader">플로우 문서 리더</param> /// <param name="visibility">표시 여부</param> public static void SetControllerVisibility(this FlowDocumentReader flowDocumentReader, Visibility visibility) { DockPanel childDockPanel = VisualHelper.FindDescendantByType<DockPanel>(flowDocumentReader); Grid grandChildGrid = VisualHelper.FindDescendantByType<Grid>(childDockPanel); Grid grandGrandChildGrid = VisualHelper.FindDescendantByType<Grid>(grandChildGrid); grandGrandChildGrid.Visibility = visibility; } #endregion } |
▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
<Window x:Class="TestProject.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="800" Height="600" Title="TestProject" FontFamily="나눔고딕코딩" FontSize="16"> <Border Margin="10" BorderThickness="1" BorderBrush="DarkGray"> <FlowDocumentReader Name="flowDocumentReader" Padding="10"> <FlowDocument> <Paragraph> <Run>테스트 문자열 입니다.</Run> </Paragraph> <Paragraph> <Run>테스트 문자열 입니다.</Run> </Paragraph> <Paragraph> <Run>테스트 문자열 입니다.</Run> </Paragraph> <Paragraph> <Run>테스트 문자열 입니다.</Run> </Paragraph> <Paragraph> <Run>테스트 문자열 입니다.</Run> </Paragraph> </FlowDocument> </FlowDocumentReader> </Border> </Window> |
▶ MainWindow.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
using System.Windows; namespace TestProject; /// <summary> /// 메인 윈도우 /// </summary> public partial class MainWindow : Window { //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainWindow() /// <summary> /// 생성자 /// </summary> public MainWindow() { InitializeComponent(); this.flowDocumentReader.SetControllerVisibility(Visibility.Collapsed); } #endregion } |
TestProject.zip
■ Compositor 클래스를 사용해 사각형에 그림자 효과를 그리는 방법을 보여준다. ▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<?xml version="1.0" encoding="utf-8"?> <Page x:Class="TestProject.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mgcux="using:Microsoft.Graphics.Canvas.UI.Xaml" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" FontFamily="나눔고딕코딩" FontSize="16"> <Grid Name="grid" /> </Page> |
▶ MainPage.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 |
using System.Numerics; using Microsoft.UI; using Microsoft.UI.Composition; using Microsoft.UI.Xaml.Controls; using Microsoft.UI.Xaml.Hosting; namespace TestProject; /// <summary> /// 메인 페이지 /// </summary> public sealed partial class MainPage : Page { //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainPage() /// <summary> /// 생성자 /// </summary> public MainPage() { this.InitializeComponent(); Visual gridVisual = ElementCompositionPreview.GetElementVisual(this.grid); Compositor compositor = gridVisual.Compositor; CompositionColorBrush compositionColorBrush = compositor.CreateColorBrush(Colors.Blue); DropShadow dropShadow = compositor.CreateDropShadow(); dropShadow.BlurRadius = 15.0f; dropShadow.Offset = new Vector3(10, 10, 0); dropShadow.Color = Colors.Black; SpriteVisual spriteVisual = compositor.CreateSpriteVisual(); spriteVisual.Size = new Vector2(200, 200); spriteVisual.Offset = new Vector3(100, 100, 0); spriteVisual.Brush = compositionColorBrush; spriteVisual.Shadow = dropShadow; ContainerVisual containerVisual = compositor.CreateContainerVisual(); containerVisual.Children.InsertAtTop(spriteVisual); ElementCompositionPreview.SetElementChildVisual(this.grid, containerVisual); } #endregion } |
TestProject.zip
■ ContainerVisual 클래스의 Children 속성에서 VisualCollection 객체의 InsertAtTop 메소드를 사용해 자식 비주얼을 제일 앞에 추가하는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
using System.Numerics; using Microsoft.UI; using Microsoft.UI.Composition; using Microsoft.UI.Xaml.Hosting; // ... Grid grid; // ... Visual gridVisual = ElementCompositionPreview.GetElementVisual(grid); Compositor compositor = gridVisual.Compositor; CompositionColorBrush compositionColorBrush = compositor.CreateColorBrush(Colors.Blue); DropShadow dropShadow = compositor.CreateDropShadow(); dropShadow.BlurRadius = 15.0f; dropShadow.Offset = new Vector3(10, 10, 0); dropShadow.Color = Colors.Black; SpriteVisual spriteVisual = compositor.CreateSpriteVisual(); spriteVisual.Size = new Vector2(200, 200); spriteVisual.Offset = new Vector3(100, 100, 0); spriteVisual.Brush = compositionColorBrush; spriteVisual.Shadow = dropShadow; ContainerVisual containerVisual = compositor.CreateContainerVisual(); containerVisual.Children.InsertAtTop(spriteVisual); ElementCompositionPreview.SetElementChildVisual(this.grid, containerVisual); |
■ DropShadow 클래스의 BlurRadius/Offset/Color 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
using Microsoft.UI; using Microsoft.UI.Composition; using Microsoft.UI.Xaml.Hosting; // ... Grid grid; // ... Visual gridVisual = ElementCompositionPreview.GetElementVisual(grid); Compositor compositor = gridVisual.Compositor; DropShadow dropShadow = compositor.CreateDropShadow(); dropShadow.BlurRadius = 15.0f; dropShadow.Offset = new Vector3(10, 10, 0); dropShadow.Color = Colors.Black; |
■ Compositor 클래스의 CreateDropShadow 메소드를 사용해 DropShadow 객체를 만드는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
using Microsoft.UI.Composition; using Microsoft.UI.Xaml.Hosting; // ... Grid grid; // ... Visual gridVisual = ElementCompositionPreview.GetElementVisual(grid); Compositor compositor = gridVisual.Compositor; DropShadow dropShadow = compositor.CreateDropShadow(); |
■ Compositor 클래스의 CreateColorBrush 메소드를 사용해 CompositionColorBrush 객체를 만드는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
using System.Numerics; using Microsoft.UI; using Microsoft.UI.Composition; using Microsoft.UI.Xaml.Hosting; // ... Grid grid; // ... Visual gridVisual = ElementCompositionPreview.GetElementVisual(grid); Compositor compositor = gridVisual.Compositor; CompositionColorBrush compositionColorBrush = compositor.CreateColorBrush(Colors.Blue); |
■ SpriteVisual 클래스의 Size/Offset/Brush/Shadow 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
using System.Numerics; using Microsoft.UI; using Microsoft.UI.Composition; using Microsoft.UI.Xaml.Hosting; // ... Grid grid; // ... Visual gridVisual = ElementCompositionPreview.GetElementVisual(this.grid); Compositor compositor = gridVisual.Compositor; CompositionColorBrush compositionColorBrush = compositor.CreateColorBrush(Colors.Blue); DropShadow dropShadow = compositor.CreateDropShadow(); dropShadow.BlurRadius = 15.0f; dropShadow.Offset = new Vector3(10, 10, 0); dropShadow.Color = Colors.Black; SpriteVisual spriteVisual = compositor.CreateSpriteVisual(); spriteVisual.Size = new Vector2(200, 200); spriteVisual.Offset = new Vector3(100, 100, 0); spriteVisual.Brush = compositionColorBrush; spriteVisual.Shadow = dropShadow; |
■ Compositor 클래스의 CreateContainerVisual 메소드를 사용해 ContainerVisual 객체를 만드는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
using Microsoft.UI.Composition; using Microsoft.UI.Xaml.Hosting; // ... Grid grid; // ... Visual gridVisual = ElementCompositionPreview.GetElementVisual(this.grid); Compositor compositor = gridVisual.Compositor; ContainerVisual containerVisual = compositor.CreateContainerVisual(); |
■ CanvasControl 클래스의 Draw 이벤트를 사용해 그림자 효과를 그리는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType