WPF Archives - 114 중 2 번째 페이지

[C#/WPF/.NET8] ControlTemplate 엘리먼트 : Button 엘리먼트 정의하기 2

■ ControlTemplate 엘리먼트를 사용해 Button 엘리먼트를 정의하는 방법을 보여준다. ▶ MainWindow.xaml


<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>
        <SolidColorBrush x:Key="BackgroundBorderDisabledBackgroundBrushKey" Color="#fff4f4f4" />
        <SolidColorBrush x:Key="HoverBorderBackgroundBrushKey"              Color="#ff939393" />
        <SolidColorBrush x:Key="hoverShineBorderBackgroundBrushKey"         Color="#ffaaaaaa" />
        <LinearGradientBrush x:Key="PressedBorderBackgroundBrushKey"
            StartPoint="0.5 0.042"
            EndPoint="0.5 0.971">
            <GradientStop Offset="0"     Color="#4c000000" />
            <GradientStop Offset="1"     Color="#26ffffff" />
            <GradientStop Offset="0.467" Color="#4c000000" />
            <GradientStop Offset="0.479" Color="#26ffffff" />
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="ShineBorderBackgroundBrushKey"
            StartPoint="0.5 0.042"
            EndPoint="0.5 0.971">
            <GradientStop Offset="0"     Color="#26ffffff" />
            <GradientStop Offset="1"     Color="#00ffffff" />
            <GradientStop Offset="0.467" Color="#26ffffff" />
            <GradientStop Offset="0.475" Color="#00ffffff" />
        </LinearGradientBrush>
        <SolidColorBrush x:Key="ShineBorderDisabledBorderBrushKey"          Color="#ffadb2b5" />
        <ControlTemplate x:Key="ButtonTemplateKey" TargetType="{x:Type Button}">
            <ControlTemplate.Resources>
                <Storyboard x:Key="HoverOnStoryboardKey">
                    <DoubleAnimationUsingKeyFrames
                        Storyboard.TargetName="hoverShineBorder"
                        Storyboard.TargetProperty="(UIElement.Opacity)"
                        BeginTime="00:00:00">
                        <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1" />
                    </DoubleAnimationUsingKeyFrames>
                    <DoubleAnimationUsingKeyFrames
                        Storyboard.TargetName="hoverBorder"
                        Storyboard.TargetProperty="(UIElement.Opacity)"
                        BeginTime="00:00:00">
                        <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1" />
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="HoverOffStoryboardKey">
                    <DoubleAnimationUsingKeyFrames
                        Storyboard.TargetName="hoverShineBorder"
                        Storyboard.TargetProperty="(UIElement.Opacity)"
                        BeginTime="00:00:00">
                        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0" />
                    </DoubleAnimationUsingKeyFrames>
                    <DoubleAnimationUsingKeyFrames
                        Storyboard.TargetName="hoverBorder"
                        Storyboard.TargetProperty="(UIElement.Opacity)"
                        BeginTime="00:00:00">
                        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0" />
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="PressedOnStoryboardKey">
                    <DoubleAnimationUsingKeyFrames
                        Storyboard.TargetName="pressedBorder"
                        Storyboard.TargetProperty="(UIElement.Opacity)"
                        BeginTime="00:00:00">
                        <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1" />
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="PressedOffStoryboardKey">
                    <DoubleAnimationUsingKeyFrames
                        Storyboard.TargetName="pressedBorder"
                        Storyboard.TargetProperty="(UIElement.Opacity)"
                        BeginTime="00:00:00">
                        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0" />
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="FocusedOnStoryboardKey">
                    <DoubleAnimationUsingKeyFrames
                        Storyboard.TargetName="focusBorder"
                        Storyboard.TargetProperty="(UIElement.Opacity)"
                        BeginTime="00:00:00">
                        <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1" />
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="FocussedOffStorybardKey">
                    <DoubleAnimationUsingKeyFrames
                        Storyboard.TargetName="focusBorder"
                        Storyboard.TargetProperty="(UIElement.Opacity)"
                        BeginTime="00:00:00">
                        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0" />
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
            </ControlTemplate.Resources>
            <Grid Name="grid">
                <Border Name="backgroundBorder"
                    CornerRadius="3"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    Background="{TemplateBinding Background}" />
                <Border Name="hoverBorder"
                    CornerRadius="3"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    Background="{StaticResource HoverBorderBackgroundBrushKey}"
                    Opacity="0" />
                <Border Name="hoverShineBorder"
                    CornerRadius="3"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    Background="{StaticResource hoverShineBorderBackgroundBrushKey}"
                    Opacity="0" />
                <Border Name="pressedBorder"
                    CornerRadius="3"
                    Background="{StaticResource PressedBorderBackgroundBrushKey}"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    Opacity="0" />
                <Border Name="shineBorder"
                    CornerRadius="3"
                    Background="{StaticResource ShineBorderBackgroundBrushKey}"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    Opacity="1" />
                <ContentPresenter
                    Margin="{TemplateBinding Padding}"
                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                    RecognizesAccessKey="True" />
                <Border Name="focusBorder"
                    Margin="1 1 1 1"
                    CornerRadius="3 3 3 3"
                    BorderThickness="1"
                    BorderBrush="{StaticResource hoverShineBorderBackgroundBrushKey}"
                    IsHitTestVisible="false"
                    Opacity="0" />
            </Grid>
            <ControlTemplate.Triggers>
                <Trigger Property="IsKeyboardFocused" Value="true">
                    <Trigger.ExitActions>
                        <BeginStoryboard Storyboard="{StaticResource FocussedOffStorybardKey}" />
                    </Trigger.ExitActions>
                    <Trigger.EnterActions>
                        <BeginStoryboard Storyboard="{StaticResource FocusedOnStoryboardKey}" />
                    </Trigger.EnterActions>
                </Trigger>
                <Trigger Property="IsMouseOver" Value="true">
                    <Trigger.ExitActions>
                        <BeginStoryboard Storyboard="{StaticResource HoverOffStoryboardKey}" />
                    </Trigger.ExitActions>
                    <Trigger.EnterActions>
                        <BeginStoryboard Storyboard="{StaticResource HoverOnStoryboardKey}" />
                    </Trigger.EnterActions>
                </Trigger>
                <Trigger Property="IsPressed" Value="true">
                    <Trigger.ExitActions>
                        <BeginStoryboard Storyboard="{StaticResource PressedOffStoryboardKey}" />
                    </Trigger.ExitActions>
                    <Trigger.EnterActions>
                        <BeginStoryboard Storyboard="{StaticResource PressedOnStoryboardKey}" />
                    </Trigger.EnterActions>
                </Trigger>
                <Trigger Property="IsEnabled" Value="true" />
                <Trigger Property="IsEnabled" Value="false">
                    <Setter
                        TargetName="backgroundBorder"
                        Property="Background"
                        Value="{DynamicResource BackgroundBorderDisabledBackgroundBrushKey}" />
                    <Setter
                        TargetName="shineBorder"
                        Property="BorderBrush"
                        Value="{DynamicResource ShineBorderDisabledBorderBrushKey}" />
                    <Setter
                        TargetName="grid"
                        Property="Opacity"
                        Value="0.5" />
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
        <Style x:Key="ButtonFocusVisualStyleKey">
            <Setter Property="Control.Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Border>
                            <Rectangle
                                Margin="2"
                                StrokeThickness="1"
                                StrokeDashArray="1 2"
                                Stroke="#60000000" />
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <SolidColorBrush x:Key="ButtonBorderBrushKey"                       Color="#ff707070" />
        <SolidColorBrush x:Key="ButtonBackgroundBrushKey"                   Color="#ff818181" />
        <SolidColorBrush x:Key="ButtonForegroundBrushKey"                   Color="#ff000000" />
        <Style TargetType="{x:Type Button}" BasedOn="{x:Null}">
            <Setter Property="Template"         Value="{DynamicResource ButtonTemplateKey}"         />
            <Setter Property="FocusVisualStyle" Value="{DynamicResource ButtonFocusVisualStyleKey}" />
            <Setter Property="BorderBrush"      Value="{DynamicResource ButtonBorderBrushKey}"      />
            <Setter Property="Background"       Value="{DynamicResource ButtonBackgroundBrushKey}"  />
            <Setter Property="Foreground"       Value="{DynamicResource ButtonForegroundBrushKey}"  />
        </Style>
    </Window.Resources>
    <Button
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Padding="10"
        Foreground="White"
        Content="선택" />
</Window>

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

<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>

<LinearGradientBrush x:Key="PressedBorderBackgroundBrushKey"

StartPoint="0.5 0.042"

EndPoint="0.5 0.971">

</LinearGradientBrush>

<LinearGradientBrush x:Key="ShineBorderBackgroundBrushKey"

StartPoint="0.5 0.042"

EndPoint="0.5 0.971">

</LinearGradientBrush>

<ControlTemplate.Resources>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="hoverShineBorder"

Storyboard.TargetProperty="(UIElement.Opacity)"

BeginTime="00:00:00">

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="hoverBorder"

Storyboard.TargetProperty="(UIElement.Opacity)"

BeginTime="00:00:00">

</DoubleAnimationUsingKeyFrames>

</Storyboard>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="hoverShineBorder"

Storyboard.TargetProperty="(UIElement.Opacity)"

BeginTime="00:00:00">

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="hoverBorder"

Storyboard.TargetProperty="(UIElement.Opacity)"

BeginTime="00:00:00">

</DoubleAnimationUsingKeyFrames>

</Storyboard>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="pressedBorder"

Storyboard.TargetProperty="(UIElement.Opacity)"

BeginTime="00:00:00">

</DoubleAnimationUsingKeyFrames>

</Storyboard>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="pressedBorder"

Storyboard.TargetProperty="(UIElement.Opacity)"

BeginTime="00:00:00">

</DoubleAnimationUsingKeyFrames>

</Storyboard>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="focusBorder"

Storyboard.TargetProperty="(UIElement.Opacity)"

BeginTime="00:00:00">

</DoubleAnimationUsingKeyFrames>

</Storyboard>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="focusBorder"

Storyboard.TargetProperty="(UIElement.Opacity)"

BeginTime="00:00:00">

</DoubleAnimationUsingKeyFrames>

</Storyboard>

</ControlTemplate.Resources>

<Border Name="backgroundBorder"

CornerRadius="3"

BorderThickness="{TemplateBinding BorderThickness}"

BorderBrush="{TemplateBinding BorderBrush}"

Background="{TemplateBinding Background}" />

<Border Name="hoverBorder"

CornerRadius="3"

BorderThickness="{TemplateBinding BorderThickness}"

BorderBrush="{TemplateBinding BorderBrush}"

Background="{StaticResource HoverBorderBackgroundBrushKey}"

Opacity="0" />

<Border Name="hoverShineBorder"

CornerRadius="3"

BorderThickness="{TemplateBinding BorderThickness}"

BorderBrush="{TemplateBinding BorderBrush}"

Background="{StaticResource hoverShineBorderBackgroundBrushKey}"

Opacity="0" />

<Border Name="pressedBorder"

CornerRadius="3"

Background="{StaticResource PressedBorderBackgroundBrushKey}"

BorderThickness="{TemplateBinding BorderThickness}"

BorderBrush="{TemplateBinding BorderBrush}"

Opacity="0" />

<Border Name="shineBorder"

CornerRadius="3"

Background="{StaticResource ShineBorderBackgroundBrushKey}"

BorderThickness="{TemplateBinding BorderThickness}"

BorderBrush="{TemplateBinding BorderBrush}"

Opacity="1" />

<ContentPresenter

Margin="{TemplateBinding Padding}"

HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"

VerticalAlignment="{TemplateBinding VerticalContentAlignment}"

RecognizesAccessKey="True" />

<Border Name="focusBorder"

Margin="1 1 1 1"

CornerRadius="3 3 3 3"

BorderThickness="1"

BorderBrush="{StaticResource hoverShineBorderBackgroundBrushKey}"

IsHitTestVisible="false"

Opacity="0" />

</Grid>

<ControlTemplate.Triggers>

<Trigger.ExitActions>

</Trigger.ExitActions>

<Trigger.EnterActions>

</Trigger.EnterActions>

</Trigger>

<Trigger.ExitActions>

</Trigger.ExitActions>

<Trigger.EnterActions>

</Trigger.EnterActions>

</Trigger>

<Trigger.ExitActions>

</Trigger.ExitActions>

<Trigger.EnterActions>

</Trigger.EnterActions>

</Trigger>

<Setter

TargetName="backgroundBorder"

Property="Background"

Value="{DynamicResource BackgroundBorderDisabledBackgroundBrushKey}" />

<Setter

TargetName="shineBorder"

Property="BorderBrush"

Value="{DynamicResource ShineBorderDisabledBorderBrushKey}" />

<Setter

TargetName="grid"

Property="Opacity"

Value="0.5" />

</Trigger>

</ControlTemplate.Triggers>

</ControlTemplate>

<Setter.Value>

<Rectangle

Margin="2"

StrokeThickness="1"

StrokeDashArray="1 2"

Stroke="#60000000" />

</Border>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</Style>

</Window.Resources>

<Button

HorizontalAlignment="Center"

VerticalAlignment="Center"

Padding="10"

Foreground="White"

Content="선택" />

</Window>

TestProject.zip

[C#/WPF/.NET8] ControlTemplate 엘리먼트 : Button 엘리먼트 정의하기 1

■ ControlTemplate 엘리먼트를 사용해 Button 엘리먼트를 정의하는 방법을 보여준다. ▶ MainWindow.xaml


<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>
        <SolidColorBrush x:Key="BackgroundBorderDisabledBackgroundBrushKey" Color="#ff787878" />
        <SolidColorBrush x:Key="BackgroundBorderDisabledBorderBrushKey"     Color="#aaa"      />
        <SolidColorBrush x:Key="HoverBorderBackgroundBrushKey"              Color="#ff393939" />
        <LinearGradientBrush x:Key="HoverShineBorderBackgroundBrushKey"
            StartPoint="0.5 0.042"
            EndPoint="0.5 0.971">
            <GradientStop Offset="0"     Color="#4cffffff" />
            <GradientStop Offset="1"     Color="#26ffffff" />
            <GradientStop Offset="0.467" Color="#26ffffff" />
            <GradientStop Offset="0.475" Color="#00ffffff" />
            <GradientStop Offset="0.856" Color="#00ffffff" />
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="PressedBorderBackgroundBrushKey"
            StartPoint="0.5 0.042"
            EndPoint="0.5 0.971">
            <GradientStop Offset="0"     Color="#4c000000" />
            <GradientStop Offset="1"     Color="#26ffffff" />
            <GradientStop Offset="0.467" Color="#4c000000" />
            <GradientStop Offset="0.479" Color="#26ffffff" />
        </LinearGradientBrush>
        <SolidColorBrush x:Key="ShineBorderDefaultBorderBrushKey" Color="#ff9bb1c5" />
        <LinearGradientBrush x:Key="ShineBoderBackgroundBrushKey"
            StartPoint="0.5 0.042"
            EndPoint="0.5 0.971">
            <GradientStop Offset="0"     Color="#59ffffff" />
            <GradientStop Offset="1"     Color="#00ffffff" />
            <GradientStop Offset="0.467" Color="#26ffffff" />
            <GradientStop Offset="0.475" Color="#00ffffff" />
        </LinearGradientBrush>
        <ControlTemplate x:Key="ButtonTemplateKey" TargetType="{x:Type Button}">
            <ControlTemplate.Resources>
                <Storyboard x:Key="HoverOnStoryboardKey">
                    <DoubleAnimationUsingKeyFrames
                        Storyboard.TargetName="hovershineBorder"
                        Storyboard.TargetProperty="(UIElement.Opacity)"
                        BeginTime="00:00:00">
                        <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1" />
                    </DoubleAnimationUsingKeyFrames>
                    <DoubleAnimationUsingKeyFrames
                        Storyboard.TargetName="hoverBorder"
                        Storyboard.TargetProperty="(UIElement.Opacity)"
                        BeginTime="00:00:00">
                        <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1" />
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="hoverOffStoryboardKey">
                    <DoubleAnimationUsingKeyFrames
                        Storyboard.TargetName="hovershineBorder"
                        Storyboard.TargetProperty="(UIElement.Opacity)"
                        BeginTime="00:00:00">
                        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0" />
                    </DoubleAnimationUsingKeyFrames>
                    <DoubleAnimationUsingKeyFrames
                        Storyboard.TargetName="hoverBorder"
                        Storyboard.TargetProperty="(UIElement.Opacity)"
                        BeginTime="00:00:00">
                        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0" />
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="pressedOnStoryboardKey">
                    <DoubleAnimationUsingKeyFrames
                        Storyboard.TargetName="pressedBorder"
                        Storyboard.TargetProperty="(UIElement.Opacity)"
                        BeginTime="00:00:00">
                        <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1" />
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="pressedOffStoryboardKey">
                    <DoubleAnimationUsingKeyFrames
                        Storyboard.TargetName="pressedBorder"
                        Storyboard.TargetProperty="(UIElement.Opacity)"
                        BeginTime="00:00:00">
                        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0" />
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="focusedOnStoryboardKey">
                    <DoubleAnimationUsingKeyFrames
                        Storyboard.TargetName="focusBorder"
                        Storyboard.TargetProperty="(UIElement.Opacity)"
                        BeginTime="00:00:00">
                        <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1" />
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="focussedOffStoryboardKey">
                    <DoubleAnimationUsingKeyFrames
                        Storyboard.TargetName="focusBorder"
                        Storyboard.TargetProperty="(UIElement.Opacity)"
                        BeginTime="00:00:00">
                        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0" />
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
            </ControlTemplate.Resources>
            <Grid Name="grid">
                <Border Name="backgroundBorder"
                    CornerRadius="3"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    Background="{TemplateBinding Background}" />
                <Border Name="hoverBorder"
                    CornerRadius="3"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    Background="{StaticResource HoverBorderBackgroundBrushKey}"
                    Opacity="0" />
                <Border Name="hovershineBorder"
                        CornerRadius="3"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        Background="{StaticResource HoverShineBorderBackgroundBrushKey}"
                        Opacity="0" />
                <Border Name="pressedBorder"
                    CornerRadius="3"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    Background="{StaticResource PressedBorderBackgroundBrushKey}"
                    Opacity="0" />
                <Border Name="shineBorder"
                    CornerRadius="3"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    Background="{StaticResource ShineBoderBackgroundBrushKey}"
                    Opacity="1" />
                <ContentPresenter
                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                    Margin="{TemplateBinding Padding}"
                    RecognizesAccessKey="True" />
                <Border Name="focusBorder"
                    Margin="1 1 1 1"
                    CornerRadius="3 3 3 3"
                    BorderThickness="1"
                    BorderBrush="{StaticResource HoverShineBorderBackgroundBrushKey}"
                    IsHitTestVisible="false"
                    Opacity="0" />
            </Grid>
            <ControlTemplate.Triggers>
                <Trigger Property="IsDefault" Value="True">
                    <Setter
                        TargetName="shineBorder"
                        Property="BorderBrush"
                        Value="{DynamicResource ShineBorderDefaultBorderBrushKey}" />
                </Trigger>
                <Trigger Property="IsKeyboardFocused" Value="true">
                    <Trigger.ExitActions>
                        <BeginStoryboard Storyboard="{StaticResource focussedOffStoryboardKey}" />
                    </Trigger.ExitActions>
                    <Trigger.EnterActions>
                        <BeginStoryboard Storyboard="{StaticResource focusedOnStoryboardKey}" />
                    </Trigger.EnterActions>
                </Trigger>
                <Trigger Property="IsMouseOver" Value="true">
                    <Trigger.ExitActions>
                        <BeginStoryboard Storyboard="{StaticResource hoverOffStoryboardKey}" />
                    </Trigger.ExitActions>
                    <Trigger.EnterActions>
                        <BeginStoryboard Storyboard="{StaticResource HoverOnStoryboardKey}" />
                    </Trigger.EnterActions>
                </Trigger>
                <Trigger Property="IsPressed" Value="true">
                    <Trigger.ExitActions>
                        <BeginStoryboard Storyboard="{StaticResource pressedOffStoryboardKey}" />
                    </Trigger.ExitActions>
                    <Trigger.EnterActions>
                        <BeginStoryboard Storyboard="{StaticResource pressedOnStoryboardKey}" />
                    </Trigger.EnterActions>
                </Trigger>
                <Trigger Property="IsEnabled" Value="true" />
                <Trigger Property="IsEnabled" Value="false">
                    <Setter
                        TargetName="backgroundBorder"
                        Property="Background"
                        Value="{DynamicResource BackgroundBorderDisabledBackgroundBrushKey}" />
                    <Setter
                        TargetName="shineBorder"
                        Property="BorderBrush"
                        Value="{DynamicResource BackgroundBorderDisabledBorderBrushKey}" />
                    <Setter
                        TargetName="grid"
                        Property="Opacity"
                        Value="0.5" />
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
        <Style x:Key="FocusVisualStyleKey">
            <Setter Property="Control.Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Border>
                            <Rectangle
                                Margin="2"
                                StrokeThickness="1"
                                StrokeDashArray="1 2"
                                Stroke="#60000000" />
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <SolidColorBrush x:Key="ButtonBorderBrushKey"     Color="#ff333333" />
        <SolidColorBrush x:Key="ButtonBackgroundBrushKey" Color="#ff595959" />
        <SolidColorBrush x:Key="ButtonForegroundBrushKey" Color="#ffffffff" />
        <Style TargetType="{x:Type Button}" BasedOn="{x:Null}">
            <Setter Property="Template"         Value="{DynamicResource ButtonTemplateKey}"        />
            <Setter Property="FocusVisualStyle" Value="{DynamicResource FocusVisualStyleKey}"      />
            <Setter Property="BorderBrush"      Value="{DynamicResource ButtonBorderBrushKey}"     />
            <Setter Property="Background"       Value="{DynamicResource ButtonBackgroundBrushKey}" />
            <Setter Property="Foreground"       Value="{DynamicResource ButtonForegroundBrushKey}" />
        </Style>
    </Window.Resources>
    <Button
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Padding="10"
        Foreground="White"
        Content="선택" />
</Window>

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

224

225

226

227

<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>

<LinearGradientBrush x:Key="HoverShineBorderBackgroundBrushKey"

StartPoint="0.5 0.042"

EndPoint="0.5 0.971">

</LinearGradientBrush>

<LinearGradientBrush x:Key="PressedBorderBackgroundBrushKey"

StartPoint="0.5 0.042"

EndPoint="0.5 0.971">

</LinearGradientBrush>

<LinearGradientBrush x:Key="ShineBoderBackgroundBrushKey"

StartPoint="0.5 0.042"

EndPoint="0.5 0.971">

</LinearGradientBrush>

<ControlTemplate.Resources>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="hovershineBorder"

Storyboard.TargetProperty="(UIElement.Opacity)"

BeginTime="00:00:00">

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="hoverBorder"

Storyboard.TargetProperty="(UIElement.Opacity)"

BeginTime="00:00:00">

</DoubleAnimationUsingKeyFrames>

</Storyboard>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="hovershineBorder"

Storyboard.TargetProperty="(UIElement.Opacity)"

BeginTime="00:00:00">

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="hoverBorder"

Storyboard.TargetProperty="(UIElement.Opacity)"

BeginTime="00:00:00">

</DoubleAnimationUsingKeyFrames>

</Storyboard>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="pressedBorder"

Storyboard.TargetProperty="(UIElement.Opacity)"

BeginTime="00:00:00">

</DoubleAnimationUsingKeyFrames>

</Storyboard>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="pressedBorder"

Storyboard.TargetProperty="(UIElement.Opacity)"

BeginTime="00:00:00">

</DoubleAnimationUsingKeyFrames>

</Storyboard>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="focusBorder"

Storyboard.TargetProperty="(UIElement.Opacity)"

BeginTime="00:00:00">

</DoubleAnimationUsingKeyFrames>

</Storyboard>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="focusBorder"

Storyboard.TargetProperty="(UIElement.Opacity)"

BeginTime="00:00:00">

</DoubleAnimationUsingKeyFrames>

</Storyboard>

</ControlTemplate.Resources>

<Border Name="backgroundBorder"

CornerRadius="3"

BorderThickness="{TemplateBinding BorderThickness}"

BorderBrush="{TemplateBinding BorderBrush}"

Background="{TemplateBinding Background}" />

<Border Name="hoverBorder"

CornerRadius="3"

BorderThickness="{TemplateBinding BorderThickness}"

BorderBrush="{TemplateBinding BorderBrush}"

Background="{StaticResource HoverBorderBackgroundBrushKey}"

Opacity="0" />

<Border Name="hovershineBorder"

CornerRadius="3"

BorderThickness="{TemplateBinding BorderThickness}"

BorderBrush="{TemplateBinding BorderBrush}"

Background="{StaticResource HoverShineBorderBackgroundBrushKey}"

Opacity="0" />

<Border Name="pressedBorder"

CornerRadius="3"

BorderThickness="{TemplateBinding BorderThickness}"

BorderBrush="{TemplateBinding BorderBrush}"

Background="{StaticResource PressedBorderBackgroundBrushKey}"

Opacity="0" />

<Border Name="shineBorder"

CornerRadius="3"

BorderThickness="{TemplateBinding BorderThickness}"

BorderBrush="{TemplateBinding BorderBrush}"

Background="{StaticResource ShineBoderBackgroundBrushKey}"

Opacity="1" />

<ContentPresenter

HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"

VerticalAlignment="{TemplateBinding VerticalContentAlignment}"

Margin="{TemplateBinding Padding}"

RecognizesAccessKey="True" />

<Border Name="focusBorder"

Margin="1 1 1 1"

CornerRadius="3 3 3 3"

BorderThickness="1"

BorderBrush="{StaticResource HoverShineBorderBackgroundBrushKey}"

IsHitTestVisible="false"

Opacity="0" />

</Grid>

<ControlTemplate.Triggers>

<Setter

TargetName="shineBorder"

Property="BorderBrush"

Value="{DynamicResource ShineBorderDefaultBorderBrushKey}" />

</Trigger>

<Trigger.ExitActions>

</Trigger.ExitActions>

<Trigger.EnterActions>

</Trigger.EnterActions>

</Trigger>

<Trigger.ExitActions>

</Trigger.ExitActions>

<Trigger.EnterActions>

</Trigger.EnterActions>

</Trigger>

<Trigger.ExitActions>

</Trigger.ExitActions>

<Trigger.EnterActions>

</Trigger.EnterActions>

</Trigger>

<Setter

TargetName="backgroundBorder"

Property="Background"

Value="{DynamicResource BackgroundBorderDisabledBackgroundBrushKey}" />

<Setter

TargetName="shineBorder"

Property="BorderBrush"

Value="{DynamicResource BackgroundBorderDisabledBorderBrushKey}" />

<Setter

TargetName="grid"

Property="Opacity"

Value="0.5" />

</Trigger>

</ControlTemplate.Triggers>

</ControlTemplate>

<Setter.Value>

<Rectangle

Margin="2"

StrokeThickness="1"

StrokeDashArray="1 2"

Stroke="#60000000" />

</Border>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</Style>

</Window.Resources>

<Button

HorizontalAlignment="Center"

VerticalAlignment="Center"

Padding="10"

Foreground="White"

Content="선택" />

</Window>

TestProject.zip

[C#/WPF/.NET8] Typeface 클래스 : Segoe UI Emoji 폰트를 사용해 이모지 문자 나열하기

■ Typeface 클래스에서 Segoe UI Emoji 폰트를 사용해 이모지 문자를 나열하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="TestProject"
    Height="600"
    Width="800"
    FontFamily="나눔소딕코딩"
    FontSize="16">
    <Grid Margin="10">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"    />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <ListBox Name="listBox" Grid.Row="0"
            BorderThickness="1"
            BorderBrush="DarkGray"
            FontFamily="Segoe UI Emoji"
            FontSize="24">
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <WrapPanel
                        Orientation="Horizontal"
                        Width="{Binding ActualWidth, RelativeSource={RelativeSource AncestorType=ScrollContentPresenter}}"/>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
        </ListBox>
        <TextBlock Name="textBlock" Grid.Row="1"
            Margin="0 10 0 0" />
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="TestProject"

Height="600"

Width="800"

FontFamily="나눔소딕코딩"

FontSize="16">

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<ListBox Name="listBox" Grid.Row="0"

BorderThickness="1"

BorderBrush="DarkGray"

FontFamily="Segoe UI Emoji"

FontSize="24">

<ListBox.ItemsPanel>

<WrapPanel

Orientation="Horizontal"

Width="{Binding ActualWidth, RelativeSource={RelativeSource AncestorType=ScrollContentPresenter}}"/>

</ItemsPanelTemplate>

</ListBox.ItemsPanel>

</ListBox>

<TextBlock Name="textBlock" Grid.Row="1"

Margin="0 10 0 0" />

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Collections.Generic;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;

namespace TestProject;

/// <summary>
/// 메인 윈도우
/// </summary>
public partial class MainWindow : Window
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainWindow()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainWindow()
    {
        InitializeComponent();

        Typeface emojiTypeface = new Typeface
        (
            new FontFamily("Segoe UI Emoji"),
            FontStyles.Normal,
            FontWeights.Normal,
            FontStretches.Normal
        );

        List<(int, int)> emojiRangeList = new List<(int, int)>
        {
            (0x1f300, 0x1f5ff), // Miscellaneous Symbols and Pictographs
            (0x1f600, 0x1f64f), // Emoticons
            (0x1f680, 0x1f6ff), // Transport and Map Symbols
            (0x1f900, 0x1f9ff), // Supplemental Symbols and Pictographs
            (0x1fa70, 0x1faff), // Symbols and Pictographs Extended-A
            (0x2600 , 0x26ff ), // Miscellaneous Symbols
            (0x2700 , 0x27bf )  // Dingbats
        };

        foreach((int start, int end) in emojiRangeList)
        {
            for(int i = start; i <= end; i++)
            {
                string emojiString = char.ConvertFromUtf32(i);

                if(HasGlyph(emojiTypeface, emojiString))
                {
                    this.listBox.Items.Add(emojiString);
                }
            }
        }

        this.listBox.SelectionChanged += listBox_SelectionChanged;
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Private
    //////////////////////////////////////////////////////////////////////////////// Event

    #region 리스트 박스 선택 변경시 처리하기 - listBox_SelectionChanged(sender, e)

    /// <summary>
    /// 리스트 박스 선택 변경시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void listBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        if(this.listBox.SelectedItem != null)
        {
            string emojiString = this.listBox.SelectedItem.ToString();

            int unicode = char.ConvertToUtf32(emojiString, 0);

            this.textBlock.Text = $"유니코드 : U+{unicode:X4}";
        }
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////// Function

    #region 글리프 소유 여부 구하기 - HasGlyph(typeface, source)

    /// <summary>
    /// 글리프 소유 여부 구하기
    /// </summary>
    /// <param name="typeface">타입 페이스</param>
    /// <param name="source">소스 문자열</param>
    /// <returns>글리프 소유 여부</returns>
    private bool HasGlyph(Typeface typeface, string source)
    {
        ushort glyphIndex;

        bool resultToGetGlyphTypeface = typeface.TryGetGlyphTypeface(out GlyphTypeface glyphTypeface);
        bool resultToGetGlyphIndex    = glyphTypeface.CharacterToGlyphMap.TryGetValue(char.ConvertToUtf32(source, 0), out glyphIndex);

        return resultToGetGlyphTypeface && resultToGetGlyphIndex && glyphIndex != 0;
    }

    #endregion
}

100

101

102

103

104

105

106

107

108

109

110

using System.Collections.Generic;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media;

namespace TestProject;

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

Typeface emojiTypeface = new Typeface

(

new FontFamily("Segoe UI Emoji"),

FontStyles.Normal,

FontWeights.Normal,

FontStretches.Normal

);

List<(int, int)> emojiRangeList = new List<(int, int)>

{

(0x1f300, 0x1f5ff), // Miscellaneous Symbols and Pictographs

(0x1f600, 0x1f64f), // Emoticons

(0x1f680, 0x1f6ff), // Transport and Map Symbols

(0x1f900, 0x1f9ff), // Supplemental Symbols and Pictographs

(0x1fa70, 0x1faff), // Symbols and Pictographs Extended-A

(0x2600 , 0x26ff ), // Miscellaneous Symbols

(0x2700 , 0x27bf ) // Dingbats

};

foreach((int start, int end) in emojiRangeList)

{

for(int i = start; i <= end; i++)

{

string emojiString = char.ConvertFromUtf32(i);

if(HasGlyph(emojiTypeface, emojiString))

{

this.listBox.Items.Add(emojiString);

}

this.listBox.SelectionChanged += listBox_SelectionChanged;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 리스트 박스 선택 변경시 처리하기 - listBox_SelectionChanged(sender, e)

/// <summary>

/// 리스트 박스 선택 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void listBox_SelectionChanged(object sender, SelectionChangedEventArgs e)

{

if(this.listBox.SelectedItem != null)

{

string emojiString = this.listBox.SelectedItem.ToString();

int unicode = char.ConvertToUtf32(emojiString, 0);

this.textBlock.Text = $"유니코드 : U+{unicode:X4}";

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region 글리프 소유 여부 구하기 - HasGlyph(typeface, source)

/// <summary>

/// 글리프 소유 여부 구하기

/// </summary>

/// <param name="typeface">타입 페이스</param>

/// <param name="source">소스 문자열</param>

/// <returns>글리프 소유 여부</returns>

private bool HasGlyph(Typeface typeface, string source)

{

ushort glyphIndex;

bool resultToGetGlyphTypeface = typeface.TryGetGlyphTypeface(out GlyphTypeface glyphTypeface);

bool resultToGetGlyphIndex = glyphTypeface.CharacterToGlyphMap.TryGetValue(char.ConvertToUtf32(source, 0), out glyphIndex);

return resultToGetGlyphTypeface && resultToGetGlyphIndex && glyphIndex != 0;

}

#endregion

}

TestProject.zip

[C#/WPF/.NET8] Button 엘리먼트 : PATH 아이콘과 텍스트를 표시하는 버튼 만들기

■ Button 엘리먼트를 사용해 PATH 아이콘과 텍스트를 표시하는 버튼을 만드는 방법을 보여준다. ▶ PathIconButton.xaml


<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>

<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>

<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.Triggers>

<DataTrigger

Binding="{Binding Content, RelativeSource={RelativeSource Self}}"

Value="{x:Null}">

</DataTrigger>

</Style.Triggers>

</Style>

</ContentPresenter.Style>

</ContentPresenter>

</StackPanel>

</Border>

<ControlTemplate.Triggers>

</Trigger>

<Setter.Value>

</Setter.Value>

</Setter>

<Setter.Value>

</Setter.Value>

</Setter>

<Setter.Value>

</Setter.Value>

</Setter>

</Trigger>

</Trigger>

</ControlTemplate.Triggers>

</ControlTemplate>

</Button.Template>

</Button>

▶ PathIconButton.xaml.cs


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
}

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


<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>

<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>

</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>

</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>

</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>

</local:PathIconButton.PathData>

<TextBlock

VerticalAlignment="Center"

Text="작업 중단" />

</local:PathIconButton>

</StackPanel>

</Window>

TestProject.zip

[C#/WPF/.NET8] Button 엘리먼트 : 클릭시 회전하는 톱니바퀴 버튼 만들기

■ Button 엘리먼트를 사용해 클릭시 회전하는 톱니바퀴 버튼을 만드는 방법을 보여준다. ▶ MainWindow.xaml


<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>

<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>

<Setter.Value>

<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>

</Path.RenderTransform>

</Path>

</Grid>

<ControlTemplate.Triggers>

<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


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
}

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

[C#/WPF/.NET8] Table 엘리먼트 : FlowDocument 엘리먼트에서 테이블 만들기 (C#)

■ Table 엘리먼트를 사용해 FlowDocument 엘리먼트에서 테이블을 만드는 방법을 보여준다. ▶ MainWindow.xaml


<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>

<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>

</Window>

▶ MainWindow.xaml.cs


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
}

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

[C#/WPF/.NET8] Table 엘리먼트 : FlowDocument 엘리먼트에서 테이블 만들기 (XAML)

■ Table 엘리먼트를 사용해 FlowDocument 엘리먼트에서 테이블을 만드는 방법을 보여준다. ▶ MainWindow.xaml


<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>

<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">

<Table

BorderThickness="1"

BorderBrush="Black"

CellSpacing="3">

<Table.Columns>

</Table.Columns>

<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>

<TableCell

BorderThickness="1"

BorderBrush="Black"

Padding="3">

</TableCell>

<TableCell

BorderThickness="1"

BorderBrush="Black"

Padding="3">

</TableCell>

<TableCell

BorderThickness="1"

BorderBrush="Black"

Padding="3">

</TableCell>

</TableRow>

<TableCell

BorderThickness="1"

BorderBrush="Black"

Padding="3">

</TableCell>

<TableCell

BorderThickness="1"

BorderBrush="Black"

Padding="3">

</TableCell>

<TableCell

BorderThickness="1"

BorderBrush="Black"

Padding="3">

</TableCell>

</TableRow>

</TableRowGroup>

</Table>

</FlowDocument>

</FlowDocumentReader>

</Window>

TestProject.zip

[C#/WPF/.NET8] Control 클래스 : 토글 스위치 만들기

■ Control 클래스를 사용해 토글 스위치를 만드는 방법을 보여준다. ▶ THEMES/Generic.xaml


<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>

<ResourceDictionary

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:local="clr-namespace:TestProject">

<Setter.Value>

<Grid>

<Border Name="PART_Switch"

Width="60"

Height="30"

CornerRadius="15"

Background="{TemplateBinding Background}">

<Grid>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Ellipse Name="PART_Thumb"

Margin="2"

Width="20"

Height="20"

Fill="White">

<Ellipse.RenderTransform>

</Ellipse.RenderTransform>

</Ellipse>

<ContentPresenter Name="PART_ContentPresenter" Grid.ColumnSpan="2"

HorizontalAlignment="Center"

VerticalAlignment="Center" />

</Grid>

</Border>

</Grid>

<ControlTemplate.Triggers>

<Setter

TargetName="PART_Switch"

Property="Background"

Value="{Binding OnBrush, RelativeSource={RelativeSource TemplatedParent}}" />

<Setter

TargetName="PART_Thumb"

Property="RenderTransform">

<Setter.Value>

</Setter.Value>

</Setter>

<Setter

TargetName="PART_ContentPresenter"

Property="Content"

Value="{Binding OnContent, RelativeSource={RelativeSource TemplatedParent}}" />

</Trigger>

<Setter

TargetName="PART_Switch"

Property="Background"

Value="{Binding OffBrush, RelativeSource={RelativeSource TemplatedParent}}" />

<Setter

TargetName="PART_Thumb"

Property="RenderTransform">

<Setter.Value>

</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


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
}

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


<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>

<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

[C#/WPF/.NET8] Window 엘리먼트 : 테두리를 제거하고 모서리가 둥근 윈도우 만들기

■ Window 엘리먼트를 사용해 테두리를 제거하고 모서리가 둥근 윈도우를 만드는 방법을 보여준다. ▶ MainPage.xaml


<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>

<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>

</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>

<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


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
}

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

[C#/WPF/.NET8] DropShadowEffect 엘리먼트 : BlurRadius/Direction/RenderingBias/ShadowDepth 속성을 사용해 그림자 효과 설정하기

■ DropShadowEffect 엘리먼트의 BlurRadius/Direction/RenderingBias/ShadowDepth 속성을 사용해 그림자 효과를 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<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>

<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>

</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>

<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"

</Button>

</Grid>

</Border>

</Window>

[C#/WPF/.NET8] WindowChrome 엘리먼트 : WindowChrome 첨부 속성을 사용해 WindowChrome 엘리먼트 설정하기

■ WindowChrome 엘리먼트의 WindowChrome 첨부 속성을 사용해 WindowChrome 엘리먼트를 설정하는 방법을 보여준다. ▶ MainWindow.xaml


<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>

<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>

</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>

<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"

</Button>

</Grid>

</Border>

</Window>

[C#/WPF/.NET8] DoubleAnimation 클래스 : 윈도우 하단 마우스 위치시 하단 패널 표시 애니메이션 만들기

■ DoubleAnimation 클래스를 사용해 윈도우 하단에 마우스 위치시 하단 패널을 표시하는 애니메이션을 만드는 방법을 보여준다. ▶ MainPage.xaml


<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>

<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>

</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


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
}

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

[C#/WPF/.NET8] LinearGradientBrush 엘리먼트 : 반투명 유리 패널 만들기

■ LinearGradientBrush 엘리먼트를 사용해 반투명 유리 패널을 만드는 방법을 보여준다. ▶ MainPage.xaml


<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>

<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>

</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

[C#/WPF/.NET8] FlowDocumentReader 클래스 : 수평/수직 ScrollBar 객체 구하기

■ FlowDocumentReader 클래스에서 수평/수직 ScrollBar 객체를 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


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

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

[C#/WPF/.NET8] ScrollViewer 클래스 : 수평/수직 ScrollBar 객체 구하기

■ ScrollViewer 클래스에서 수평/수직 ScrollBar 객체를 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


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

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

[C#/WPF/.NET8] Image 클래스 : BitmapSource 객체 구하기

■ Image 클래스에서 BitmapSource 객체를 구하는 방법을 보여준다. ▶ Image 클래스 : BitmapSource 객체 구하기 예제 (C#)


using System.Windows.Controls;
using System.Windows.Media.Imaging;

// ...

Image image;

// ...

BitmapSource bitmapSource = GetBitmapSource(image);

using System.Windows.Controls;

using System.Windows.Media.Imaging;

// ...

Image image;

// ...

BitmapSource bitmapSource = GetBitmapSource(image);

▶ Image 클래스 :

[C#/WPF/.NET8] FlowDocument 클래스 : 텍스트 추출하기

■ FlowDocument 클래스에세 텍스트를 추출하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Windows.Documents;

// ...

FlowDocument flowDocument;

// ...

string text = FlowDocumentHelper.ExtractText(flowDocument);

using System.Windows.Documents;

// ...

FlowDocument flowDocument;

// ...

string text = FlowDocumentHelper.ExtractText(flowDocument);

▶ FlowDocumentHelper.cs


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
}

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

}

[C#/WPF/.NET8] FlowDocumentScrollViewer 클래스 : 문서 끝까지 스크롤하기

■ FlowDocumentScrollViewer 클래스에서 문서 끝까지 스크롤하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Windows.Controls;

// ...

FlowDocumentScrollViewer flowDocumentScrollViewer;

// ...

FlowDocumentScrollViewerHelper helper = new FlowDocumentScrollViewerHelper(flowDocumentScrollViewer);

// ...

helper.ScrollToEnd();

using System.Windows.Controls;

// ...

FlowDocumentScrollViewer flowDocumentScrollViewer;

// ...

FlowDocumentScrollViewerHelper helper = new FlowDocumentScrollViewerHelper(flowDocumentScrollViewer);

// ...

helper.ScrollToEnd();

▶ FlowDocumentScrollViewerHelper.cs


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
}

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

}

[C#/WPF/.NET8] FlowDocumentReader 클래스 : 하단 컨트롤 숨기기

■ FlowDocumentReader 클래스에서 하단 컨트롤을 숨기는 방법을 보여준다. ▶ VisualHelper.cs


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
}

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


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
}

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


<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>

<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">

</Paragraph>

</Paragraph>

</Paragraph>

</Paragraph>

</Paragraph>

</FlowDocument>

</FlowDocumentReader>

</Border>

</Window>

▶ MainWindow.xaml.cs


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
}

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

[C#/WPF/NODENETWORK] NodeNetworkToolkit 누겟 설치하기

■ NodeNetworkToolkit 누겟을 설치하는 방법을 보여준다. 1. Visual Studio를 실행한다. 2. [도구] / [NuGet 패키지 관리자] / [패키지 관리자 콘솔] 메뉴를 실행한다.

[C#/WPF/NODENETWORK] NetworkView 엘리먼트 : 노드 만들기

■ NetworkView 엘리먼트를 사용해 노드를 만드는 방법을 보여준다. ▶ MainApplication.xaml


<Application x:Class="TestProject.MainApplication"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    StartupUri="MainWindow.xaml">
</Application>

<Application x:Class="TestProject.MainApplication"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

StartupUri="MainWindow.xaml">

</Application>

▶ MainApplication.xaml.cs


using System.Windows;

using NodeNetwork;

namespace TestProject
{
    /// <summary>
    /// 메인 애플리케이션
    /// </summary>
    public partial class MainApplication : Application
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 시작시 처리하기 - OnStartup(e)

        /// <summary>
        /// 시작시 처리하기
        /// </summary>
        /// <param name="e">이벤트 인자</param>
        protected override void OnStartup(StartupEventArgs e)
        {
            base.OnStartup(e);

            NNViewRegistrar.RegisterSplat();
        }

        #endregion
    }
}

using System.Windows;

using NodeNetwork;

namespace TestProject

{

/// <summary>

/// 메인 애플리케이션

/// </summary>

public partial class MainApplication : Application

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 시작시 처리하기 - OnStartup(e)

/// <summary>

/// 시작시 처리하기

/// </summary>

/// <param name="e">이벤트 인자</param>

protected override void OnStartup(StartupEventArgs e)

{

base.OnStartup(e);

NNViewRegistrar.RegisterSplat();

}

#endregion

}

▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:nn="clr-namespace:NodeNetwork.Views;assembly=NodeNetwork"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <nn:NetworkView Name="networkView"
        Margin="10" />
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:nn="clr-namespace:NodeNetwork.Views;assembly=NodeNetwork"

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<nn:NetworkView Name="networkView"

Margin="10" />

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

using DynamicData;

using NodeNetwork.ViewModels;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            NodeInputViewModel nodeInputViewModel1 = new NodeInputViewModel();

            nodeInputViewModel1.Name = "Node 1 input";

            NodeViewModel nodeViewModel1 = new NodeViewModel();

            nodeViewModel1.Name     = "Node 1";
            nodeViewModel1.Position = new Point(200, 200);

            nodeViewModel1.Inputs.Add(nodeInputViewModel1);


            NodeOutputViewModel nodeOutputViewModel2 = new NodeOutputViewModel();

            nodeOutputViewModel2.Name = "Node 2 output";

            NodeViewModel nodeViewModel2 = new NodeViewModel();

            nodeViewModel2.Name = "Node 2";
            nodeViewModel2.Position = new Point(400, 200);

            nodeViewModel2.Outputs.Add(nodeOutputViewModel2);

            NetworkViewModel networkViewModel = new NetworkViewModel();

            networkViewModel.Nodes.Add(nodeViewModel1);
            networkViewModel.Nodes.Add(nodeViewModel2);

            this.networkView.ViewModel = networkViewModel;
        }

        #endregion
    }
}

using System.Windows;

using DynamicData;

using NodeNetwork.ViewModels;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

NodeInputViewModel nodeInputViewModel1 = new NodeInputViewModel();

nodeInputViewModel1.Name = "Node 1 input";

NodeViewModel nodeViewModel1 = new NodeViewModel();

nodeViewModel1.Name = "Node 1";

nodeViewModel1.Position = new Point(200, 200);

nodeViewModel1.Inputs.Add(nodeInputViewModel1);

NodeOutputViewModel nodeOutputViewModel2 = new NodeOutputViewModel();

nodeOutputViewModel2.Name = "Node 2 output";

NodeViewModel nodeViewModel2 = new NodeViewModel();

nodeViewModel2.Name = "Node 2";

nodeViewModel2.Position = new Point(400, 200);

nodeViewModel2.Outputs.Add(nodeOutputViewModel2);

NetworkViewModel networkViewModel = new NetworkViewModel();

networkViewModel.Nodes.Add(nodeViewModel1);

networkViewModel.Nodes.Add(nodeViewModel2);

this.networkView.ViewModel = networkViewModel;

}

#endregion

}

TestProject.zip

[C#/WPF/NODENETWORK] NodeNetwork 누겟 설치하기

■ NodeNetwork 누겟을 설치하는 방법을 보여준다. 1. Visual Studio를 실행한다. 2. [도구] / [NuGet 패키지 관리자] / [패키지 관리자 콘솔] 메뉴를 실행한다.

[C#/WPF] UIElement 엘리먼트 : Effect 속성을 사용해 히트맵 그리기

■ UIElement 엘리먼트의 Effect 속성을 사용해 히트맵을 그리는 방법을 보여준다. ▶ AttachedTitle.cs


using System.Windows;

namespace TestProject
{
    /// <summary>
    /// 첨부 제목
    /// </summary>
    public static class AttachedTitle
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Dependency Property
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 제목 첨부 속성 - TitleProperty

        /// <summary>
        /// 제목 첨부 속성
        /// </summary>
        public static readonly DependencyProperty TitleProperty = DependencyProperty.RegisterAttached
        (
            "Title",
            typeof(string),
            typeof(AttachedTitle),
            new PropertyMetadata(string.Empty)
        );

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 제목 설정하기 - SetTitle(d, value)

        /// <summary>
        /// 제목 설정하기
        /// </summary>
        /// <param name="d">의존 객체</param>
        /// <param name="value">값</param>
        public static void SetTitle(DependencyObject d, string value)
        {
            d.SetValue(TitleProperty, value);
        }

        #endregion
        #region 제목 구하기 - GetTitle(d)

        /// <summary>
        /// 제목 구하기
        /// </summary>
        /// <param name="d">의존 객체</param>
        /// <returns>제목</returns>
        public static string GetTitle(DependencyObject d)
        {
            return (string)d.GetValue(TitleProperty);
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 첨부 제목

/// </summary>

public static class AttachedTitle

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Dependency Property

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Public

#region 제목 첨부 속성 - TitleProperty

/// <summary>

/// 제목 첨부 속성

/// </summary>

public static readonly DependencyProperty TitleProperty = DependencyProperty.RegisterAttached

(

"Title",

typeof(string),

typeof(AttachedTitle),

new PropertyMetadata(string.Empty)

);

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Public

#region 제목 설정하기 - SetTitle(d, value)

/// <summary>

/// 제목 설정하기

/// </summary>

/// <param name="d">의존 객체</param>

/// <param name="value">값</param>

public static void SetTitle(DependencyObject d, string value)

{

d.SetValue(TitleProperty, value);

}

#endregion

#region 제목 구하기 - GetTitle(d)

/// <summary>

/// 제목 구하기

/// </summary>

/// <param name="d">의존 객체</param>

/// <returns>제목</returns>

public static string GetTitle(DependencyObject d)

{

return (string)d.GetValue(TitleProperty);

}

#endregion

}

▶ HeatPoint.cs


namespace TestProject
{
    /// <summary>
    /// 히트 포인트
    /// </summary>
    public struct HeatPoint
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region Field

        /// <summary>
        /// X
        /// </summary>
        public int X;

        /// <summary>
        /// Y
        /// </summary>
        public int Y;

        /// <summary>
        /// 강도
        /// </summary>
        public byte Intensity;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - HeatPoint(x, y, intensity)

        /// <summary>
        /// 생성자
        /// </summary>
        /// <param name="x">X</param>
        /// <param name="y">Y</param>
        /// <param name="intensity">강도</param>
        public HeatPoint(int x, int y, byte intensity)
        {
            X         = x;
            Y         = y;
            Intensity = intensity;
        }

        #endregion
    }
}

namespace TestProject

{

/// <summary>

/// 히트 포인트

/// </summary>

public struct HeatPoint

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Public

#region Field

/// <summary>

/// X

/// </summary>

public int X;

/// <summary>

/// Y

/// </summary>

public int Y;

/// <summary>

/// 강도

/// </summary>

public byte Intensity;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - HeatPoint(x, y, intensity)

/// <summary>

/// 생성자

/// </summary>

/// <param name="x">X</param>

/// <param name="y">Y</param>

/// <param name="intensity">강도</param>

public HeatPoint(int x, int y, byte intensity)

{

X = x;

Y = y;

Intensity = intensity;

}

#endregion

}

▶ HeatMap.cs


using System;
using System.Collections.Generic;
using System.Windows;
using System.Windows.Media;

namespace TestProject
{
    /// <summary>
    /// 히트맵
    /// </summary>
    public class HeatMap : FrameworkElement
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 색상 그라디언트 수
        /// </summary>
        private const int ColorGradientNumber = 256;

        /// <summary>
        /// 히트맵 비주얼 컬렉션
        /// </summary>
        private VisualCollection heatMapVisualCollection;

        /// <summary>
        /// 히트 포인트 리스트
        /// </summary>
        private List<HeatPoint> heatPointList = new List<HeatPoint>();

        /// <summary>
        /// 라디얼 그라디언트 브러시 배열
        /// </summary>
        private readonly RadialGradientBrush[] radialGradientBrushArray;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 비주얼 자식 수 - VisualChildrenCount

        /// <summary>
        /// 비주얼 자식 수
        /// </summary>
        protected override int VisualChildrenCount
        {
            get
            {
                return this.heatMapVisualCollection.Count;
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - HeatMap()

        /// <summary>
        /// 생성자
        /// </summary>
        public HeatMap()
        {
            this.heatMapVisualCollection = new VisualCollection(this);

            this.radialGradientBrushArray = new RadialGradientBrush[ColorGradientNumber];

            for(int i = 0; i < this.radialGradientBrushArray.Length; i++)
            {
                this.radialGradientBrushArray[i] = new RadialGradientBrush
                (
                    Color.FromArgb((byte)i, 255, 255, 255),
                    Color.FromArgb(0, 255, 255, 255)
                );
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 히트 포인트 추가하기 - AddHeatPoint(heatPoint)

        /// <summary>
        /// 히트 포인트 추가하기
        /// </summary>
        /// <param name="heatPoint">히트 포인트</param>
        public void AddHeatPoint(HeatPoint heatPoint)
        {
            this.heatPointList.Add(heatPoint);
        }

        #endregion
        #region 지우기 - Clear()

        /// <summary>
        /// 지우기
        /// </summary>
        public void Clear()
        {
            this.heatPointList.Clear();
        }

        #endregion
        #region 렌더링하기 - Render()

        /// <summary>
        /// 렌더링하기
        /// </summary>
        public void Render()
        {
            double size;

            this.heatMapVisualCollection.Clear();

            DrawingVisual drawingVisual = new DrawingVisual();

            using(DrawingContext drawingContext = drawingVisual.RenderOpen())
            {
                foreach(HeatPoint point in this.heatPointList)
                {
                    size = point.Intensity / 5;

                    drawingContext.DrawRectangle
                    (
                        this.radialGradientBrushArray[point.Intensity],
                        null,
                        new Rect(point.X - size / 2, point.Y - size / 2, size, size)
                    );
                }

                this.heatMapVisualCollection.Add(drawingVisual);
            }
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 비주얼 자식 구하기 - GetVisualChild(index)

        /// <summary>
        /// 비주얼 자식 구하기
        /// </summary>
        /// <param name="index">인덱스</param>
        /// <returns>비주얼 자식</returns>
        protected override Visual GetVisualChild(int index)
        {
            if(index < 0 || index >= this.heatMapVisualCollection.Count)
            {
                throw new ArgumentOutOfRangeException("index");
            }

            return this.heatMapVisualCollection[index];
        }

        #endregion
    }
}

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

using System;

using System.Collections.Generic;

using System.Windows;

using System.Windows.Media;

namespace TestProject

{

/// <summary>

/// 히트맵

/// </summary>

public class HeatMap : FrameworkElement

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 색상 그라디언트 수

/// </summary>

private const int ColorGradientNumber = 256;

/// <summary>

/// 히트맵 비주얼 컬렉션

/// </summary>

private VisualCollection heatMapVisualCollection;

/// <summary>

/// 히트 포인트 리스트

/// </summary>

private List<HeatPoint> heatPointList = new List<HeatPoint>();

/// <summary>

/// 라디얼 그라디언트 브러시 배열

/// </summary>

private readonly RadialGradientBrush[] radialGradientBrushArray;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 비주얼 자식 수 - VisualChildrenCount

/// <summary>

/// 비주얼 자식 수

/// </summary>

protected override int VisualChildrenCount

{

get

{

return this.heatMapVisualCollection.Count;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - HeatMap()

/// <summary>

/// 생성자

/// </summary>

public HeatMap()

{

this.heatMapVisualCollection = new VisualCollection(this);

this.radialGradientBrushArray = new RadialGradientBrush[ColorGradientNumber];

for(int i = 0; i < this.radialGradientBrushArray.Length; i++)

{

this.radialGradientBrushArray[i] = new RadialGradientBrush

(

Color.FromArgb((byte)i, 255, 255, 255),

Color.FromArgb(0, 255, 255, 255)

);

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 히트 포인트 추가하기 - AddHeatPoint(heatPoint)

/// <summary>

/// 히트 포인트 추가하기

/// </summary>

/// <param name="heatPoint">히트 포인트</param>

public void AddHeatPoint(HeatPoint heatPoint)

{

this.heatPointList.Add(heatPoint);

}

#endregion

#region 지우기 - Clear()

/// <summary>

/// 지우기

/// </summary>

public void Clear()

{

this.heatPointList.Clear();

}

#endregion

#region 렌더링하기 - Render()

/// <summary>

/// 렌더링하기

/// </summary>

public void Render()

{

double size;

this.heatMapVisualCollection.Clear();

DrawingVisual drawingVisual = new DrawingVisual();

using(DrawingContext drawingContext = drawingVisual.RenderOpen())

{

foreach(HeatPoint point in this.heatPointList)

{

size = point.Intensity / 5;

drawingContext.DrawRectangle

(

this.radialGradientBrushArray[point.Intensity],

null,

new Rect(point.X - size / 2, point.Y - size / 2, size, size)

);

}

this.heatMapVisualCollection.Add(drawingVisual);

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 비주얼 자식 구하기 - GetVisualChild(index)

/// <summary>

/// 비주얼 자식 구하기

/// </summary>

/// <param name="index">인덱스</param>

/// <returns>비주얼 자식</returns>

protected override Visual GetVisualChild(int index)

{

if(index < 0 || index >= this.heatMapVisualCollection.Count)

{

throw new ArgumentOutOfRangeException("index");

}

return this.heatMapVisualCollection[index];

}

#endregion

}

▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:PresentationOptions="http://schemas.microsoft.com/winfx/2006/xaml/presentation/options"
    xmlns:local="clr-namespace:TestProject"
    xmlns:effects="clr-namespace:TestProject.Effects"
    Title="TestProject"
    Width="800"
    Height="600"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <x:Array x:Key="LinearGradientBrushArrayKey" Type="LinearGradientBrush">
            <!-- Black Body Radiation -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Black Body Radiation">
                <GradientStop Offset="0.00000" Color="#000000" />
                <GradientStop Offset="0.11111" Color="#f82600" />
                <GradientStop Offset="0.22222" Color="#fc7700" />
                <GradientStop Offset="0.33333" Color="#ffab1f" />
                <GradientStop Offset="0.44444" Color="#ffc360" />
                <GradientStop Offset="0.55555" Color="#ffdda4" />
                <GradientStop Offset="0.66666" Color="#fff4e4" />
                <GradientStop Offset="0.77777" Color="#e8edff" />
                <GradientStop Offset="0.88888" Color="#dbe3ff" />
                <GradientStop Offset="0.99999" Color="#cbd7ff" />
            </LinearGradientBrush>
            <!-- Aqua -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Aqua">
                <GradientStop Offset="0"   Color="Black" />
                <GradientStop Offset="0.5" Color="Aqua"  />
                <GradientStop Offset="1"   Color="White" />
            </LinearGradientBrush>
            <!-- Blue & Red -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Blue and Red">
                <GradientStop Offset="0" Color="Blue" />
                <GradientStop Offset="1" Color="Red"  />
            </LinearGradientBrush>
            <!-- Deep sea -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Deep sea">
                <GradientStop Offset="0"    Color="#000000" />
                <GradientStop Offset="0.6"  Color="#183567" />
                <GradientStop Offset="0.75" Color="#2e649e" />
                <GradientStop Offset="0.9"  Color="#17adcb" />
                <GradientStop Offset="1.0"  Color="#00fafa" />
            </LinearGradientBrush>
            <!-- Color Spectrum -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Color Spectrum">
                <GradientStop Offset="0"    Color="Navy"   />
                <GradientStop Offset="0.25" Color="Blue"   />
                <GradientStop Offset="0.5"  Color="Green"  />
                <GradientStop Offset="0.75" Color="Yellow" />
                <GradientStop Offset="1.0"  Color="Red"    />
            </LinearGradientBrush>
            <!-- Incadescent -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Incadescent">
                <GradientStop Offset="0"    Color="Black"   />
                <GradientStop Offset="0.33" Color="DarkRed" />
                <GradientStop Offset="0.66" Color="Yellow"  />
                <GradientStop Offset="1.0"  Color="White"   />
            </LinearGradientBrush>
            <!-- Heated Metal -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Heated Metal">
                <GradientStop Offset="0"   Color="Black"  />
                <GradientStop Offset="0.4" Color="Purple" />
                <GradientStop Offset="0.6" Color="Red"    />
                <GradientStop Offset="0.8" Color="Yellow" />
                <GradientStop Offset="1.0" Color="White"  />
            </LinearGradientBrush>
            <!-- Sunrise -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Sunrise">
                <GradientStop Offset="0"    Color="Red"    />
                <GradientStop Offset="0.66" Color="Yellow" />
                <GradientStop Offset="1.0"  Color="White"  />
            </LinearGradientBrush>
            <!-- Stepped Colors -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Stepped Colors">
                <GradientStop Color="Navy"   Offset="0"    />
                <GradientStop Color="Navy"   Offset="0.25" />
                <GradientStop Color="Green"  Offset="0.26" />
                <GradientStop Color="Green"  Offset="0.5"  />
                <GradientStop Color="Yellow" Offset="0.51" />
                <GradientStop Color="Yellow" Offset="0.75" />
                <GradientStop Color="Red"    Offset="0.76" />
                <GradientStop Color="Red"    Offset="1.0"  />
            </LinearGradientBrush>
            <!-- Visible Spectrum -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Visible Spectrum">
                <GradientStop Color="#ff00ff" Offset="0"    />
                <GradientStop Color="#0000ff" Offset="0.25" />
                <GradientStop Color="#00ff00" Offset="0.5"  />
                <GradientStop Color="#ffff00" Offset="0.75" />
                <GradientStop Color="#ff0000" Offset="1.0"  />
            </LinearGradientBrush>
        </x:Array>
        <VisualBrush x:Key="PaletteVisualBrushKey">
            <VisualBrush.Visual>
                <Rectangle
                    Width="256"
                    Height="1"
                    Fill="{Binding SelectedItem, ElementName=colorComboBox}" />
            </VisualBrush.Visual>
        </VisualBrush>
    </Window.Resources>
    <Grid Name="rootGrid"
        Margin="10">
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition Height="*"    />
        </Grid.RowDefinitions>
        <StackPanel Grid.Row="0"
            Orientation="Horizontal">
            <TextBlock
                VerticalAlignment="Center"
                Text="Color schema" />
            <ComboBox Name="colorComboBox"
                Margin="10 0 0 0"
                Width="320"
                Height="25"
                ItemsSource="{StaticResource LinearGradientBrushArrayKey}">
                <ComboBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <Rectangle
                                Width="120"
                                Height="10"
                                Fill="{Binding}" />
                            <TextBlock
                                Margin="10 0 0 0"
                                Text="{Binding (local:AttachedTitle.Title)}" />
                        </StackPanel>
                    </DataTemplate>
                </ComboBox.ItemTemplate>
            </ComboBox>
        </StackPanel>
        <local:HeatMap x:Name="heatMap" Grid.Row="1"
            Margin="0 10 0 0"
            ClipToBounds="True">
            <local:HeatMap.Effect>
                <effects:HeatColorizer Palette="{StaticResource PaletteVisualBrushKey}" />
            </local:HeatMap.Effect>
        </local:HeatMap>
    </Grid>
</Window>

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

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:PresentationOptions="http://schemas.microsoft.com/winfx/2006/xaml/presentation/options"

xmlns:local="clr-namespace:TestProject"

xmlns:effects="clr-namespace:TestProject.Effects"

Title="TestProject"

Width="800"

Height="600"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<x:Array x:Key="LinearGradientBrushArrayKey" Type="LinearGradientBrush">

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Black Body Radiation">

</LinearGradientBrush>

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Aqua">

</LinearGradientBrush>

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Blue and Red">

</LinearGradientBrush>

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Deep sea">

</LinearGradientBrush>

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Color Spectrum">

</LinearGradientBrush>

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Incadescent">

</LinearGradientBrush>

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Heated Metal">

</LinearGradientBrush>

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Sunrise">

</LinearGradientBrush>

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Stepped Colors">

</LinearGradientBrush>

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Visible Spectrum">

</LinearGradientBrush>

</x:Array>

<VisualBrush.Visual>

<Rectangle

Width="256"

Height="1"

Fill="{Binding SelectedItem, ElementName=colorComboBox}" />

</VisualBrush.Visual>

</VisualBrush>

</Window.Resources>

<Grid Name="rootGrid"

Margin="10">

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<StackPanel Grid.Row="0"

Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

Text="Color schema" />

<ComboBox Name="colorComboBox"

Margin="10 0 0 0"

Width="320"

Height="25"

ItemsSource="{StaticResource LinearGradientBrushArrayKey}">

<ComboBox.ItemTemplate>

<Rectangle

Width="120"

Height="10"

Fill="{Binding}" />

<TextBlock

Margin="10 0 0 0"

Text="{Binding (local:AttachedTitle.Title)}" />

</StackPanel>

</DataTemplate>

</ComboBox.ItemTemplate>

</ComboBox>

</StackPanel>

<local:HeatMap x:Name="heatMap" Grid.Row="1"

Margin="0 10 0 0"

ClipToBounds="True">

<local:HeatMap.Effect>

<effects:HeatColorizer Palette="{StaticResource PaletteVisualBrushKey}" />

</local:HeatMap.Effect>

</local:HeatMap>

</Grid>

</Window>

[C#/WPF] 엑셀없이 엑셀 파일 로드하기

■ 엑셀없이 엑셀 파일을 로드하는 방법을 보여준다. ▶ MainWindow.xaml


<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 Margin="10">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*"    />
        </Grid.RowDefinitions>
        <Button Name="loadButton" Grid.Row="0"
            Width="100"
            Height="30"
            Content="엑셀 로드" />
        <DataGrid Name="dataGrid" Grid.Row="1"
            Margin="0 10 0 0"/>
    </Grid>
</Window>

<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.RowDefinitions>

</Grid.RowDefinitions>

<Button Name="loadButton" Grid.Row="0"

Width="100"

Height="30"

Content="엑셀 로드" />

<DataGrid Name="dataGrid" Grid.Row="1"

Margin="0 10 0 0"/>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Data;
using System.IO;
using System.Windows;

using Microsoft.Win32;

using ExcelDataReader;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            this.loadButton.Click += loadButton_Click;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 엑셀 로드 버튼 클릭시 처리하기 - loadButton_Click(sender, e)

        /// <summary>
        /// 엑셀 로드 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void loadButton_Click(object sender, RoutedEventArgs e)
        {
            OpenFileDialog openFileDialog = new OpenFileDialog();

            openFileDialog.Filter          = "EXCEL File |*.xls|EXCEL File |*.xlsx";
            openFileDialog.FilterIndex     = 2;
            openFileDialog.CheckFileExists = true;
            openFileDialog.CheckPathExists = true;

            if(openFileDialog.ShowDialog().GetValueOrDefault())
            {
                using(FileStream stream = File.Open(openFileDialog.FileName, FileMode.Open, FileAccess.Read))
                {
                    using(IExcelDataReader reader = ExcelReaderFactory.CreateReader(stream))
                    {
                        DataSet dataSet = reader.AsDataSet
                        (
                            new ExcelDataSetConfiguration()
                            {
                                ConfigureDataTable = (excelDataReader) => new ExcelDataTableConfiguration()
                                {
                                    UseHeaderRow = true,
                                }
                            }
                        );

                        this.dataGrid.ItemsSource = dataSet.Tables[0].DefaultView;
                    }
                }
            }
        }

        #endregion
    }
}

using System.Data;

using System.IO;

using System.Windows;

using Microsoft.Win32;

using ExcelDataReader;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.loadButton.Click += loadButton_Click;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 엑셀 로드 버튼 클릭시 처리하기 - loadButton_Click(sender, e)

/// <summary>

/// 엑셀 로드 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void loadButton_Click(object sender, RoutedEventArgs e)

{

OpenFileDialog openFileDialog = new OpenFileDialog();

openFileDialog.Filter = "EXCEL File |*.xls|EXCEL File |*.xlsx";

openFileDialog.FilterIndex = 2;

openFileDialog.CheckFileExists = true;

openFileDialog.CheckPathExists = true;

if(openFileDialog.ShowDialog().GetValueOrDefault())

{

using(FileStream stream = File.Open(openFileDialog.FileName, FileMode.Open, FileAccess.Read))

{

using(IExcelDataReader reader = ExcelReaderFactory.CreateReader(stream))

{

DataSet dataSet = reader.AsDataSet

(

new ExcelDataSetConfiguration()

{

ConfigureDataTable = (excelDataReader) => new ExcelDataTableConfiguration()

{

UseHeaderRow = true,

}

);

this.dataGrid.ItemsSource = dataSet.Tables[0].DefaultView;

}

#endregion

}

TestProject.zip

[C#/WPF] 가상 키보드 사용하기

■ 가상 키보드를 사용하는 방법을 보여준다. ▶ HookType.cs


namespace TestProject
{
    /// <summary>
    /// 후킹 타입
    /// </summary>
    public enum HookType : int
    {
        /// <summary>
        /// WH_JOURNALRECORD
        /// </summary>
        WH_JOURNALRECORD = 0,

        /// <summary>
        /// WH_JOURNALPLAYBACK
        /// </summary>
        WH_JOURNALPLAYBACK = 1,

        /// <summary>
        /// WH_KEYBOARD
        /// </summary>
        WH_KEYBOARD = 2,

        /// <summary>
        /// WH_GETMESSAGE
        /// </summary>
        WH_GETMESSAGE = 3,

        /// <summary>
        /// WH_CALLWNDPROC
        /// </summary>
        WH_CALLWNDPROC = 4,

        /// <summary>
        /// WH_CBT
        /// </summary>
        WH_CBT = 5,

        /// <summary>
        /// WH_SYSMSGFILTER
        /// </summary>
        WH_SYSMSGFILTER = 6,

        /// <summary>
        /// WH_MOUSE
        /// </summary>
        WH_MOUSE = 7,

        /// <summary>
        /// WH_HARDWARE
        /// </summary>
        WH_HARDWARE = 8,

        /// <summary>
        /// WH_DEBUG
        /// </summary>
        WH_DEBUG = 9,

        /// <summary>
        /// WH_SHELL
        /// </summary>
        WH_SHELL = 10,

        /// <summary>
        /// WH_FOREGROUNDIDLE
        /// </summary>
        WH_FOREGROUNDIDLE = 11,

        /// <summary>
        /// WH_CALLWNDPROCRET
        /// </summary>
        WH_CALLWNDPROCRET = 12,

        /// <summary>
        /// WH_KEYBOARD_LL
        /// </summary>
        WH_KEYBOARD_LL = 13,

        /// <summary>
        /// WH_MOUSE_LL
        /// </summary>
        WH_MOUSE_LL = 14
    }
}

namespace TestProject

{

/// <summary>

/// 후킹 타입

/// </summary>

public enum HookType : int

{

/// <summary>

/// WH_JOURNALRECORD

/// </summary>

WH_JOURNALRECORD = 0,

/// <summary>

/// WH_JOURNALPLAYBACK

/// </summary>

WH_JOURNALPLAYBACK = 1,

/// <summary>

/// WH_KEYBOARD

/// </summary>

WH_KEYBOARD = 2,

/// <summary>

/// WH_GETMESSAGE

/// </summary>

WH_GETMESSAGE = 3,

/// <summary>

/// WH_CALLWNDPROC

/// </summary>

WH_CALLWNDPROC = 4,

/// <summary>

/// WH_CBT

/// </summary>

WH_CBT = 5,

/// <summary>

/// WH_SYSMSGFILTER

/// </summary>

WH_SYSMSGFILTER = 6,

/// <summary>

/// WH_MOUSE

/// </summary>

WH_MOUSE = 7,

/// <summary>

/// WH_HARDWARE

/// </summary>

WH_HARDWARE = 8,

/// <summary>

/// WH_DEBUG

/// </summary>

WH_DEBUG = 9,

/// <summary>

/// WH_SHELL

/// </summary>

WH_SHELL = 10,

/// <summary>

/// WH_FOREGROUNDIDLE

/// </summary>

WH_FOREGROUNDIDLE = 11,

/// <summary>

/// WH_CALLWNDPROCRET

/// </summary>

WH_CALLWNDPROCRET = 12,

/// <summary>

/// WH_KEYBOARD_LL

/// </summary>

WH_KEYBOARD_LL = 13,

/// <summary>

/// WH_MOUSE_LL

/// </summary>

WH_MOUSE_LL = 14

}

▶ KeyboardHookStructureFlag.cs


namespace TestProject
{
    /// <summary>
    /// 키보드 후킹 구조체 플래그
    /// </summary>
    public enum KeyboardHookStructureFlag
    {
        /// <summary>
        /// LLKHF_EXTENDED
        /// </summary>
        LLKHF_EXTENDED = 0x01,

        /// <summary>
        /// LLKHF_INJECTED
        /// </summary>
        LLKHF_INJECTED = 0x10,

        /// <summary>
        /// LLKHF_ALTDOWN
        /// </summary>
        LLKHF_ALTDOWN = 0x20,

        /// <summary>
        /// LLKHF_UP
        /// </summary>
        LLKHF_UP = 0x80
    }
}

namespace TestProject

{

/// <summary>

/// 키보드 후킹 구조체 플래그

/// </summary>

public enum KeyboardHookStructureFlag

{

/// <summary>

/// LLKHF_EXTENDED

/// </summary>

LLKHF_EXTENDED = 0x01,

/// <summary>

/// LLKHF_INJECTED

/// </summary>

LLKHF_INJECTED = 0x10,

/// <summary>

/// LLKHF_ALTDOWN

/// </summary>

LLKHF_ALTDOWN = 0x20,

/// <summary>

/// LLKHF_UP

/// </summary>

LLKHF_UP = 0x80

}

▶ MouseMessage.cs


namespace TestProject
{
    /// <summary>
    /// 마우스 메시지
    /// </summary>
    public enum MouseMessage
    {
        /// <summary>
        /// WM_LBUTTONDOWN
        /// </summary>
        WM_LBUTTONDOWN = 0x0201,

        /// <summary>
        /// WM_LBUTTONUP
        /// </summary>
        WM_LBUTTONUP = 0x0202,

        /// <summary>
        /// WM_MOUSEMOVE
        /// </summary>
        WM_MOUSEMOVE = 0x0200,

        /// <summary>
        /// WM_MOUSEWHEEL
        /// </summary>
        WM_MOUSEWHEEL = 0x020A,

        /// <summary>
        /// WM_RBUTTONDOWN
        /// </summary>
        WM_RBUTTONDOWN = 0x0204,

        /// <summary>
        /// WM_RBUTTONUP
        /// </summary>
        WM_RBUTTONUP = 0x0205,

        /// <summary>
        /// WM_NCLBUTTONDOWN
        /// </summary>
        WM_NCLBUTTONDOWN = 0x00A
    }
}

namespace TestProject

{

/// <summary>

/// 마우스 메시지

/// </summary>

public enum MouseMessage

{

/// <summary>

/// WM_LBUTTONDOWN

/// </summary>

WM_LBUTTONDOWN = 0x0201,

/// <summary>

/// WM_LBUTTONUP

/// </summary>

WM_LBUTTONUP = 0x0202,

/// <summary>

/// WM_MOUSEMOVE

/// </summary>

WM_MOUSEMOVE = 0x0200,

/// <summary>

/// WM_MOUSEWHEEL

/// </summary>

WM_MOUSEWHEEL = 0x020A,

/// <summary>

/// WM_RBUTTONDOWN

/// </summary>

WM_RBUTTONDOWN = 0x0204,

/// <summary>

/// WM_RBUTTONUP

/// </summary>

WM_RBUTTONUP = 0x0205,

/// <summary>

/// WM_NCLBUTTONDOWN

/// </summary>

WM_NCLBUTTONDOWN = 0x00A

}

▶ POINT.cs


using System.Runtime.InteropServices;

namespace TestProject
{
    /// <summary>
    /// 포인트
    /// </summary>
    [StructLayout(LayoutKind.Sequential)]
    public struct POINT
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region Field

        /// <summary>
        /// X
        /// </summary>
        public int X;

        /// <summary>
        /// Y
        /// </summary>
        public int Y;

        #endregion
    }
}

using System.Runtime.InteropServices;

namespace TestProject

{

/// <summary>

/// 포인트

/// </summary>

[StructLayout(LayoutKind.Sequential)]

public struct POINT

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Public

#region Field

/// <summary>

/// X

/// </summary>

public int X;

/// <summary>

/// Y

/// </summary>

public int Y;

#endregion

}

▶ KEYBOARDHOOKSTRUCT.cs


using System;
using System.Runtime.InteropServices;

namespace TestProject
{
    /// <summary>
    /// 키보드 후킹 구조체
    /// </summary>
    [StructLayout(LayoutKind.Sequential)]
    public class KEYBOARDHOOKSTRUCT
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region Field

        /// <summary>
        /// 가상 키 코드
        /// </summary>
        public uint VirtualKeyCode;

        /// <summary>
        /// 스캔 코드
        /// </summary>
        public uint ScanCode;

        /// <summary>
        /// 키보드 후킹 구조체 플래그
        /// </summary>
        public KeyboardHookStructureFlag Flag;

        /// <summary>
        /// 시간
        /// </summary>
        public uint Time;

        /// <summary>
        /// 부가 정보 핸들
        /// </summary>
        public UIntPtr ExtraInformationHandle;

        #endregion
    }
}

using System;

using System.Runtime.InteropServices;

namespace TestProject

{

/// <summary>

/// 키보드 후킹 구조체

/// </summary>

[StructLayout(LayoutKind.Sequential)]

public class KEYBOARDHOOKSTRUCT

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Public

#region Field

/// <summary>

/// 가상 키 코드

/// </summary>

public uint VirtualKeyCode;

/// <summary>

/// 스캔 코드

/// </summary>

public uint ScanCode;

/// <summary>

/// 키보드 후킹 구조체 플래그

/// </summary>

public KeyboardHookStructureFlag Flag;

/// <summary>

/// 시간

/// </summary>

public uint Time;

/// <summary>

/// 부가 정보 핸들

/// </summary>

public UIntPtr ExtraInformationHandle;

#endregion

}

▶