■ ToggleButton 클래스를 사용해 드롭 다운 버튼/분리 버튼을 만드는 방법을 보여준다.
▶ DropDownButtonStyle.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 |
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:themes="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Luna" xmlns:local="clr-namespace:TestProject"> <SolidColorBrush x:Key="GlyphSolidColorBrushKey" Color="#444" /> <SolidColorBrush x:Key="SelectedBackgroundSolidColorBrushKey" Color="#ddd" /> <SolidColorBrush x:Key="DisabledForegroundSolidColorBrushKey" Color="#888" /> <LinearGradientBrush x:Key="NormalLinearGradientBrushKey" StartPoint="0 0" EndPoint="0 1"> <GradientStop Offset="0.0" Color="#eee" /> <GradientStop Offset="1.0" Color="#ccc" /> </LinearGradientBrush> <LinearGradientBrush x:Key="NormalBorderLinearGradientBrushKey" StartPoint="0 0" EndPoint="0 1"> <GradientStop Offset="0.0" Color="#ccc" /> <GradientStop Offset="1.0" Color="#444" /> </LinearGradientBrush> <Style x:Key="ButtonFocusVisualStyleKey"> <Setter Property="Control.Template"> <Setter.Value> <ControlTemplate> <Rectangle Margin="3" StrokeThickness="1" Stroke="Black" StrokeDashArray="1 2" SnapsToDevicePixels="true" /> </ControlTemplate> </Setter.Value> </Setter> </Style> <LinearGradientBrush x:Key="ButtonNormalBackgroundLinearGradientBrushKey" StartPoint="0.5 0" EndPoint="0.5 1"> <GradientStop Offset="0" Color="#ffffffff" /> <GradientStop Offset="0.9" Color="#fff0f0ea" /> </LinearGradientBrush> <SolidColorBrush x:Key="ButtonBorderSolidColorBrushKey" Color="#ff003c74" /> <Style x:Key="LabelStyleKey" TargetType="{x:Type Label}" BasedOn="{x:Null}"> <Setter Property="HorizontalAlignment" Value="Stretch" /> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type Label}"> <Grid> <ContentPresenter HorizontalAlignment="Stretch" VerticalAlignment="Stretch" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" RecognizesAccessKey="True" /> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> <Style TargetType="{x:Type local:DropDownButton}"> <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisualStyleKey}" /> <Setter Property="HorizontalAlignment" Value="Center" /> <Setter Property="VerticalAlignment" Value="Center" /> <Setter Property="MinWidth" Value="80" /> <Setter Property="MinHeight" Value="22" /> <Setter Property="BorderBrush" Value="{StaticResource ButtonBorderSolidColorBrushKey}" /> <Setter Property="Background" Value="{StaticResource ButtonNormalBackgroundLinearGradientBrushKey}" /> <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" /> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type local:DropDownButton}"> <themes:ButtonChrome Name="buttonChrome" ThemeColor="NormalColor" BorderBrush="{TemplateBinding BorderBrush}" Fill="{TemplateBinding Background}" SnapsToDevicePixels="True" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}"> <Label Style="{StaticResource LabelStyleKey}"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="*" /> <ColumnDefinition Width="Auto" /> </Grid.ColumnDefinitions> <Image Grid.Column="0" VerticalAlignment="Center" Margin="4 0 2 0" Width="16" Height="16" Source="{TemplateBinding Image}" /> <Label Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0 0 3 0" Padding="0" Target="{TemplateBinding Target}" Foreground="{TemplateBinding Foreground}" Content="{TemplateBinding Text}" /> <Path Grid.Column="2" Margin="3 2 2 0" Height="5" Fill="{DynamicResource GlyphSolidColorBrushKey}" Data="M 0 0 L 4 4 L 8 0 Z" /> </Grid> </Label> </themes:ButtonChrome> <ControlTemplate.Triggers> <Trigger Property="IsKeyboardFocused" Value="True"> <Setter TargetName="buttonChrome" Property="RenderDefaulted" Value="True" /> </Trigger> <Trigger Property="ToggleButton.IsChecked" Value="True"> <Setter TargetName="buttonChrome" Property="RenderPressed" Value="True" /> </Trigger> <Trigger Property="IsEnabled" Value="False"> <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" /> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> <Style x:Key="ToolBarDropDownButtonStyleKey" TargetType="{x:Type local:DropDownButton}"> <Setter Property="HorizontalAlignment" Value="Stretch" /> <Setter Property="VerticalAlignment" Value="Stretch" /> <Setter Property="BorderThickness" Value="1 1 1 1" /> <Setter Property="BorderBrush" Value="#00ffffff" /> <Setter Property="Background" Value="#00ffffff" /> <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" /> <Setter Property="HorizontalContentAlignment" Value="Stretch" /> <Setter Property="VerticalContentAlignment" Value="Stretch" /> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type local:DropDownButton}"> <Border BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True"> <StackPanel Orientation="Horizontal"> <Image VerticalAlignment="Center" Margin="2 2 2 2" Width="16" Height="16" Source="{TemplateBinding Image}" /> <Label VerticalAlignment="Center" Padding="0" Target="{TemplateBinding Target}" Content="{TemplateBinding Text}" /> <Path Margin="5 2 2 0" Height="5" Fill="{DynamicResource GlyphSolidColorBrushKey}" Data="M 0 0 L 4 4 L 8 0 Z" /> </StackPanel> </Border> <ControlTemplate.Triggers> <Trigger Property="IsChecked" Value="True"> <Setter Property="BorderBrush" Value="#ff316ac5" /> <Setter Property="Background" Value="#ffe1e6e8" /> </Trigger> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="BorderBrush" Value="#ff316ac5" /> <Setter Property="Background" Value="#ffc1d2ee" /> </Trigger> <Trigger Property="IsKeyboardFocused" Value="True"> <Setter Property="BorderBrush" Value="#ff316ac5" /> <Setter Property="Background" Value="#ffc1d2ee" /> </Trigger> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="IsMouseOver" Value="True" /> <Condition Property="IsChecked" Value="True" /> </MultiTrigger.Conditions> <Setter Property="BorderBrush" Value="#ff4b4b6f" /> <Setter Property="Background" Value="#ff98b5e2" /> </MultiTrigger> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="IsKeyboardFocused" Value="True" /> <Condition Property="IsChecked" Value="True" /> </MultiTrigger.Conditions> <Setter Property="BorderBrush" Value="#ff4b4b6f" /> <Setter Property="Background" Value="#ff98b5e2" /> </MultiTrigger> <Trigger Property="IsPressed" Value="True"> <Setter Property="BorderBrush" Value="#ff4b4b6f" /> <Setter Property="Background" Value="#ff98b5e2" /> </Trigger> <Trigger Property="IsEnabled" Value="False"> <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" /> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> <DataTemplate x:Key="DropDownMenuIconDataTemplateKey"> <Image Source="{Binding XPath=.}" /> </DataTemplate> <ControlTemplate x:Key="DropDownMenuItemControlTemplateKey" TargetType="MenuItem"> <Border Name="border"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" SharedSizeGroup="Icon" /> <ColumnDefinition Width="*" /> <ColumnDefinition Width="Auto" SharedSizeGroup="Shortcut" /> <ColumnDefinition Width="13" /> </Grid.ColumnDefinitions> <ContentPresenter Name="iconContentPresenter" Grid.Column="0" ContentTemplate="{StaticResource DropDownMenuIconDataTemplateKey}" VerticalAlignment="Center" Margin="6 0 6 0" Width="16" Height="16" ContentSource="Icon" /> <Border Name="checkBorder" Grid.Column="0" Margin="6 0 6 0" Width="13" Height="13" BorderThickness="1" BorderBrush="{StaticResource NormalBorderLinearGradientBrushKey}" Background="{StaticResource NormalLinearGradientBrushKey}" Visibility="Collapsed"> <Path Name="checkMarkPath" Width="7" Height="7" SnapsToDevicePixels="False" StrokeThickness="2" Stroke="{StaticResource GlyphSolidColorBrushKey}" Data="M 0 0 L 7 7 M 0 7 L 7 0" Visibility="Hidden" /> </Border> <ContentPresenter Grid.Column="1" VerticalAlignment="Center" Margin="5 2 0 2" RecognizesAccessKey="True" ContentSource="Header" /> <TextBlock Grid.Column="2" Margin="5 2 0 2" Text="{TemplateBinding InputGestureText}" /> </Grid> </Border> <ControlTemplate.Triggers> <Trigger Property="Icon" Value="{x:Null}"> <Setter TargetName="iconContentPresenter" Property="Visibility" Value="Hidden" /> </Trigger> <Trigger Property="IsChecked" Value="true"> <Setter TargetName="checkMarkPath" Property="Visibility" Value="Visible" /> </Trigger> <Trigger Property="IsCheckable" Value="true"> <Setter TargetName="checkBorder" Property="Visibility" Value="Visible" /> <Setter TargetName="iconContentPresenter" Property="Visibility" Value="Hidden" /> </Trigger> <Trigger Property="IsHighlighted" Value="true"> <Setter TargetName="border" Property="Background" Value="{StaticResource SelectedBackgroundSolidColorBrushKey}" /> </Trigger> <Trigger Property="IsEnabled" Value="false"> <Setter Property="Foreground" Value="{StaticResource DisabledForegroundSolidColorBrushKey}" /> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </ResourceDictionary> |
▶ DropDownButton.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 |
using System.Windows; using System.Windows.Controls; using System.Windows.Controls.Primitives; using System.Windows.Data; using System.Windows.Input; using System.Windows.Media; namespace TestProject { /// <summary> /// 드롭 다운 버튼 /// </summary> public class DropDownButton : ToggleButton { //////////////////////////////////////////////////////////////////////////////////////////////////// Dependency Property ////////////////////////////////////////////////////////////////////////////////////////// Static //////////////////////////////////////////////////////////////////////////////// Public #region 드롭 다운 컨텍스트 메뉴 속성 - DropDownContextMenuProperty /// <summary> /// 드롭 다운 컨텍스트 메뉴 속성 /// </summary> public static readonly DependencyProperty DropDownContextMenuProperty = DependencyProperty.Register ( "DropDownContextMenu", typeof(ContextMenu), typeof(DropDownButton), new UIPropertyMetadata(null) ); #endregion #region 이미지 속성 - ImageProperty /// <summary> /// 이미지 속성 /// </summary> public static readonly DependencyProperty ImageProperty = DependencyProperty.Register ( "Image", typeof(ImageSource), typeof(DropDownButton) ); #endregion #region 텍스트 속성 - TextProperty /// <summary> /// 텍스트 속성 /// </summary> public static readonly DependencyProperty TextProperty = DependencyProperty.Register ( "Text", typeof(string), typeof(DropDownButton) ); #endregion #region 타겟 속성 - TargetProperty /// <summary> /// 타겟 속성 /// </summary> public static readonly DependencyProperty TargetProperty = DependencyProperty.Register ( "Target", typeof(UIElement), typeof(DropDownButton) ); #endregion #region 드롭 다운 버튼 명령 속성 - DropDownButtonCommandProperty /// <summary> /// 드롭 다운 버튼 명령 속성 /// </summary> public static readonly DependencyProperty DropDownButtonCommandProperty = DependencyProperty.Register ( "DropDownButtonCommand", typeof(ICommand), typeof(DropDownButton), new FrameworkPropertyMetadata(null) ); #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 드롭 다운 컨텍스트 메뉴 - DropDownContextMenu /// <summary> /// 드롭 다운 컨텍스트 메뉴 /// </summary> public ContextMenu DropDownContextMenu { get { return GetValue(DropDownContextMenuProperty) as ContextMenu; } set { SetValue(DropDownContextMenuProperty, value); } } #endregion #region 이미지 - Image /// <summary> /// 이미지 /// </summary> public ImageSource Image { get { return GetValue(ImageProperty) as ImageSource; } set { SetValue(ImageProperty, value); } } #endregion #region 텍스트 - Text /// <summary> /// 텍스트 /// </summary> public string Text { get { return GetValue(TextProperty) as string; } set { SetValue(TextProperty, value); } } #endregion #region 타겟 - Target /// <summary> /// 타겟 /// </summary> public UIElement Target { get { return GetValue(TargetProperty) as UIElement; } set { SetValue(TargetProperty, value); } } #endregion #region 드롭 다운 버튼 명령 - DropDownButtonCommand /// <summary> /// 드롭 다운 버튼 명령 /// </summary> public ICommand DropDownButtonCommand { get { return GetValue(DropDownButtonCommandProperty) as ICommand; } set { SetValue(DropDownButtonCommandProperty, value); } } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - DropDownButton() /// <summary> /// 생성자 /// </summary> public DropDownButton() { Binding binding = new Binding("DropDownContextMenu.IsOpen") { Source = this }; SetBinding(IsCheckedProperty, binding); } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Protected #region 속성 변경시 처리하기 - OnPropertyChanged(e) /// <summary> /// 속성 변경시 처리하기 /// </summary> /// <param name="e">이벤트 인자</param> protected override void OnPropertyChanged(DependencyPropertyChangedEventArgs e) { base.OnPropertyChanged(e); if(e.Property == DropDownButtonCommandProperty) { Command = DropDownButtonCommand; } } #endregion #region 클릭시 처리하기 - OnClick() /// <summary> /// 클릭시 처리하기 /// </summary> protected override void OnClick() { if(DropDownContextMenu == null) { return; } if(DropDownButtonCommand != null) { DropDownButtonCommand.Execute(null); } DropDownContextMenu.PlacementTarget = this; DropDownContextMenu.Placement = PlacementMode.Bottom; DropDownContextMenu.IsOpen = !DropDownContextMenu.IsOpen; } #endregion } } |
▶ SplitButtonStyle.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 |
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:themes="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Luna" xmlns:local="clr-namespace:TestProject"> <SolidColorBrush x:Key="GlyphSolidColorBrushKey" Color="#444" /> <SolidColorBrush x:Key="SelectedBackgroundSolidColorBrushKey" Color="#ddd" /> <SolidColorBrush x:Key="DisabledForegroundSolidColorBrushKey" Color="#888" /> <LinearGradientBrush x:Key="NormalLinearGradientBrushKey" StartPoint="0 0" EndPoint="0 1"> <GradientStop Offset="0.0" Color="#eee" /> <GradientStop Offset="1.0" Color="#ccc" /> </LinearGradientBrush> <LinearGradientBrush x:Key="NormalBorderLinearGradientBrushKey" StartPoint="0 0" EndPoint="0 1"> <GradientStop Offset="0.0" Color="#ccc" /> <GradientStop Offset="1.0" Color="#444" /> </LinearGradientBrush> <Style x:Key="ButtonFocusVisualStyleKey"> <Setter Property="Control.Template"> <Setter.Value> <ControlTemplate> <Rectangle Margin="3" StrokeThickness="1" Stroke="Black" StrokeDashArray="1 2" SnapsToDevicePixels="true" /> </ControlTemplate> </Setter.Value> </Setter> </Style> <LinearGradientBrush x:Key="ButtonNormalBackgroundLinearGradientBrushKey" StartPoint="0.5 0" EndPoint="0.5 1"> <GradientStop Offset="0" Color="#ffffffff" /> <GradientStop Offset="0.9" Color="#fff0f0ea" /> </LinearGradientBrush> <SolidColorBrush x:Key="ButtonBorderSolidColorBrushKey" Color="#ff003c74" /> <Style x:Key="MainButtonStyleKey" TargetType="{x:Type Button}" BasedOn="{x:Null}"> <Setter Property="Margin" Value="-2 -2 0 -2" /> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type Button}"> <Grid> <Rectangle Name="rectangle" Stroke="#00000000" Fill="Transparent" /> <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" RecognizesAccessKey="True" /> </Grid> <ControlTemplate.Triggers> <Trigger Property="IsFocused" Value="True" /> <Trigger Property="IsDefaulted" Value="True" /> <Trigger Property="IsMouseOver" Value="True"> <Setter TargetName="rectangle" Property="Fill" Value="#00ffffff" /> </Trigger> <Trigger Property="IsPressed" Value="True"> <Setter TargetName="rectangle" Property="Fill" Value="#e3e3dc" /> </Trigger> <Trigger Property="IsEnabled" Value="False" /> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> <Style TargetType="{x:Type local:SplitButton}"> <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisualStyleKey}" /> <Setter Property="HorizontalAlignment" Value="Center" /> <Setter Property="VerticalAlignment" Value="Center" /> <Setter Property="MinWidth" Value="80" /> <Setter Property="MinHeight" Value="22" /> <Setter Property="BorderBrush" Value="{StaticResource ButtonBorderSolidColorBrushKey}" /> <Setter Property="Background" Value="{StaticResource ButtonNormalBackgroundLinearGradientBrushKey}" /> <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" /> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type local:SplitButton}"> <themes:ButtonChrome Name="buttonChrome" ThemeColor="NormalColor" BorderBrush="{TemplateBinding BorderBrush}" Fill="{TemplateBinding Background}" SnapsToDevicePixels="True" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="Auto" /> </Grid.ColumnDefinitions> <Button Name="PART_Button" Grid.Column="0" Style="{DynamicResource MainButtonStyleKey}"> <StackPanel Orientation="Horizontal"> <Image VerticalAlignment="Center" Margin="4 0 2 0" Width="16" Height="16" Source="{TemplateBinding Image}" /> <Label VerticalAlignment="Center" Margin="0 0 3 0" Padding="0" Foreground="{TemplateBinding Foreground}" Target="{TemplateBinding Target}" Content="{TemplateBinding Text}" /> </StackPanel> </Button> <Border Name="lineBorder" Grid.Column="1" Margin="0 -2 0 -2" BorderThickness="1 0 0 0" BorderBrush="#3f6c96" Visibility="Visible" /> <Border Name="greyLineBorder" Grid.Column="2" Margin="0 -2 0 -2" BorderThickness="1 0 0 0" BorderBrush="#b9cada" Visibility="Visible" /> <Path Grid.Column="3" Margin="3 2 2 0" Height="5" Fill="{DynamicResource GlyphSolidColorBrushKey}" Data="M 0 0 L 4 4 L 8 0 Z" /> </Grid> </themes:ButtonChrome> <ControlTemplate.Triggers> <Trigger Property="IsKeyboardFocused" Value="True"> <Setter TargetName="buttonChrome" Property="RenderDefaulted" Value="True" /> </Trigger> <Trigger Property="ToggleButton.IsChecked" Value="True"> <Setter TargetName="buttonChrome" Property="RenderPressed" Value="True" /> <Setter TargetName="lineBorder" Property="Visibility" Value="Hidden" /> <Setter TargetName="greyLineBorder" Property="Visibility" Value="Hidden" /> </Trigger> <Trigger Property="IsEnabled" Value="False"> <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" /> <Setter TargetName="lineBorder" Property="Visibility" Value="Hidden" /> <Setter TargetName="greyLineBorder" Property="Visibility" Value="Hidden" /> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> <Style x:Key="ButtonStyleKey" TargetType="{x:Type Button}"> <Setter Property="HorizontalAlignment" Value="Stretch" /> <Setter Property="VerticalAlignment" Value="Stretch" /> <Setter Property="Background" Value="#00ffffff" /> <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" /> <Setter Property="HorizontalContentAlignment" Value="Stretch" /> <Setter Property="VerticalContentAlignment" Value="Stretch" /> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type Button}"> <Border Name="border" Background="{TemplateBinding Background}" SnapsToDevicePixels="True"> <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" /> </Border> <ControlTemplate.Triggers> <Trigger Property="IsPressed" Value="True"> <Setter TargetName="border" Property="Background" Value="#ff98b5e2" /> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> <Style x:Key="ToolBarSplitButtonStyleKey" TargetType="{x:Type local:SplitButton}"> <Setter Property="HorizontalAlignment" Value="Stretch" /> <Setter Property="VerticalAlignment" Value="Stretch" /> <Setter Property="BorderThickness" Value="1 1 1 1" /> <Setter Property="BorderBrush" Value="#00ffffff" /> <Setter Property="Background" Value="#00ffffff" /> <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" /> <Setter Property="HorizontalContentAlignment" Value="Stretch" /> <Setter Property="VerticalContentAlignment" Value="Stretch" /> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type local:SplitButton}"> <Border BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True"> <StackPanel Orientation="Horizontal"> <Button Name="PART_Button" Style="{DynamicResource ButtonStyleKey}"> <StackPanel Orientation="Horizontal"> <Image VerticalAlignment="Center" Margin="2 2 2 2" Width="16" Height="16" Source="{TemplateBinding Image}" /> <Label VerticalAlignment="Center" Margin="0 0 3 0" Padding="0" Target="{TemplateBinding Target}" Foreground="{TemplateBinding Foreground}" Content="{TemplateBinding Text}" /> </StackPanel> </Button> <Border Name="lineBorder" BorderThickness="1 0 0 0" BorderBrush="{TemplateBinding BorderBrush}" Visibility="Hidden" /> <Path Margin="2 2 2 0" Height="5" Fill="{DynamicResource GlyphSolidColorBrushKey}" Data="M 0 0 L 4 4 L 8 0 Z" /> </StackPanel> </Border> <ControlTemplate.Triggers> <Trigger Property="IsChecked" Value="True"> <Setter Property="BorderBrush" Value="#ff316ac5" /> <Setter Property="Background" Value="#ffe1e6e8" /> </Trigger> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="BorderBrush" Value="#ff316ac5" /> <Setter Property="Background" Value="#ffc1d2ee" /> <Setter TargetName="lineBorder" Property="Visibility" Value="Visible" /> </Trigger> <Trigger Property="IsKeyboardFocused" Value="True"> <Setter Property="BorderBrush" Value="#ff316ac5" /> <Setter Property="Background" Value="#ffc1d2ee" /> <Setter TargetName="lineBorder" Property="Visibility" Value="Visible" /> </Trigger> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="IsMouseOver" Value="True" /> <Condition Property="IsChecked" Value="True" /> </MultiTrigger.Conditions> <Setter Property="BorderBrush" Value="#ff4b4b6f" /> <Setter Property="Background" Value="#ff98b5e2" /> <Setter TargetName="lineBorder" Property="Visibility" Value="Visible" /> </MultiTrigger> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="IsKeyboardFocused" Value="True" /> <Condition Property="IsChecked" Value="True" /> </MultiTrigger.Conditions> <Setter Property="BorderBrush" Value="#ff4b4b6f" /> <Setter Property="Background" Value="#ff98b5e2" /> <Setter TargetName="lineBorder" Property="Visibility" Value="Visible" /> </MultiTrigger> <Trigger Property="IsPressed" Value="True"> <Setter Property="BorderBrush" Value="#ff4b4b6f" /> <Setter Property="Background" Value="#ff98b5e2" /> </Trigger> <Trigger Property="IsEnabled" Value="False"> <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" /> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> <DataTemplate x:Key="SplitMenuIconDataTemplateKey"> <Image Source="{Binding XPath=.}" /> </DataTemplate> <ControlTemplate x:Key="SplitMenuItemControlTemplateKey" TargetType="MenuItem"> <Border Name="border"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" SharedSizeGroup="Icon" /> <ColumnDefinition Width="*" /> <ColumnDefinition Width="Auto" SharedSizeGroup="Shortcut" /> <ColumnDefinition Width="13" /> </Grid.ColumnDefinitions> <ContentPresenter Name="iconContentPresenter" Grid.Column="0" ContentTemplate="{StaticResource SplitMenuIconDataTemplateKey}" VerticalAlignment="Center" Margin="6 0 6 0" Width="16" Height="16" ContentSource="Icon" /> <Border Name="checkBorder" Grid.Column="0" Margin="6 0 6 0" Width="13" Height="13" BorderThickness="1" BorderBrush="{StaticResource NormalBorderLinearGradientBrushKey}" Background="{StaticResource NormalLinearGradientBrushKey}" Visibility="Collapsed"> <Path Name="checkMarkPath" Width="7" Height="7" StrokeThickness="2" SnapsToDevicePixels="False" Stroke="{StaticResource GlyphSolidColorBrushKey}" Data="M 0 0 L 7 7 M 0 7 L 7 0" Visibility="Hidden" /> </Border> <ContentPresenter Grid.Column="1" VerticalAlignment="Center" Margin="5 2 0 2" RecognizesAccessKey="True" ContentSource="Header" /> <TextBlock Grid.Column="2" Margin="5 2 0 2" Text="{TemplateBinding InputGestureText}" /> </Grid> </Border> <ControlTemplate.Triggers> <Trigger Property="Icon" Value="{x:Null}"> <Setter TargetName="iconContentPresenter" Property="Visibility" Value="Hidden" /> </Trigger> <Trigger Property="IsChecked" Value="true"> <Setter TargetName="checkMarkPath" Property="Visibility" Value="Visible" /> </Trigger> <Trigger Property="IsCheckable" Value="true"> <Setter TargetName="checkBorder" Property="Visibility" Value="Visible" /> <Setter TargetName="iconContentPresenter" Property="Visibility" Value="Hidden" /> </Trigger> <Trigger Property="IsHighlighted" Value="true"> <Setter TargetName="border" Property="Background" Value="{StaticResource SelectedBackgroundSolidColorBrushKey}" /> </Trigger> <Trigger Property="IsEnabled" Value="false"> <Setter Property="Foreground" Value="{StaticResource DisabledForegroundSolidColorBrushKey}" /> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </ResourceDictionary> |
▶ SplitButton.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 |
using System.Windows; using System.Windows.Controls; using System.Windows.Controls.Primitives; using System.Windows.Data; using System.Windows.Input; using System.Windows.Media; namespace TestProject { /// <summary> /// 분리 버튼 /// </summary> [TemplatePart(Name = "PART_Button", Type = typeof(ButtonBase))] public class SplitButton : ToggleButton { //////////////////////////////////////////////////////////////////////////////////////////////////// Dependency Property ////////////////////////////////////////////////////////////////////////////////////////// Static //////////////////////////////////////////////////////////////////////////////// Public #region 드롭 다운 컨텍스트 메뉴 속성 - DropDownContextMenuProperty /// <summary> /// 드롭 다운 컨텍스트 메뉴 속성 /// </summary> public static readonly DependencyProperty DropDownContextMenuProperty = DependencyProperty.Register ( "DropDownContextMenu", typeof(ContextMenu), typeof(SplitButton), new UIPropertyMetadata(null) ); #endregion #region 이미지 속성 - ImageProperty /// <summary> /// 이미지 속성 /// </summary> public static readonly DependencyProperty ImageProperty = DependencyProperty.Register ( "Image", typeof(ImageSource), typeof(SplitButton) ); #endregion #region 텍스트 속성 - TextProperty /// <summary> /// 텍스트 속성 /// </summary> public static readonly DependencyProperty TextProperty = DependencyProperty.Register ( "Text", typeof(string), typeof(SplitButton) ); #endregion #region 타겟 속성 - TargetProperty /// <summary> /// 타겟 속성 /// </summary> public static readonly DependencyProperty TargetProperty = DependencyProperty.Register ( "Target", typeof(UIElement), typeof(SplitButton) ); #endregion #region 메인 버튼 명령 속성 - MainButtonCommandProperty /// <summary> /// 메인 버튼 명령 속성 /// </summary> public static readonly DependencyProperty MainButtonCommandProperty = DependencyProperty.Register ( "MainButtonCommand", typeof(ICommand), typeof(SplitButton), new FrameworkPropertyMetadata(null) ); #endregion #region 드롭 다운 버튼 명령 속성 - DropDownButtonCommandProperty /// <summary> /// 드롭 다운 버튼 명령 속성 /// </summary> public static readonly DependencyProperty DropDownButtonCommandProperty = DependencyProperty.Register ( "DropDownButtonCommand", typeof(ICommand), typeof(SplitButton), new FrameworkPropertyMetadata(null) ); #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 드롭 다운 컨텍스트 메뉴 - DropDownContextMenu /// <summary> /// 드롭 다운 컨텍스트 메뉴 /// </summary> public ContextMenu DropDownContextMenu { get { return GetValue(DropDownContextMenuProperty) as ContextMenu; } set { SetValue(DropDownContextMenuProperty, value); } } #endregion #region 이미지 - Image /// <summary> /// 이미지 /// </summary> public ImageSource Image { get { return GetValue(ImageProperty) as ImageSource; } set { SetValue(ImageProperty, value); } } #endregion #region 텍스트 - Text /// <summary> /// 텍스트 /// </summary> public string Text { get { return GetValue(TextProperty) as string; } set { SetValue(TextProperty, value); } } #endregion #region 타겟 - Target /// <summary> /// 타겟 /// </summary> public UIElement Target { get { return GetValue(TargetProperty) as UIElement; } set { SetValue(TargetProperty, value); } } #endregion #region 메인 버튼 명령 - MainButtonCommand /// <summary> /// 메인 버튼 명령 /// </summary> public ICommand MainButtonCommand { get { return GetValue(MainButtonCommandProperty) as ICommand; } set { SetValue(MainButtonCommandProperty, value); } } #endregion #region 드롭 다운 버튼 명령 - DropDownButtonCommand /// <summary> /// 드롭 다운 버튼 명령 /// </summary> public ICommand DropDownButtonCommand { get { return GetValue(DropDownButtonCommandProperty) as ICommand; } set { SetValue(DropDownButtonCommandProperty, value); } } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - SplitButton() /// <summary> /// 생성자 /// </summary> public SplitButton() { Binding binding = new Binding("DropDownContextMenu.IsOpen") { Source = this }; SetBinding(IsCheckedProperty, binding); } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 템플리트 적용시 처리하기 - OnApplyTemplate() /// <summary> /// 템플리트 적용시 처리하기 /// </summary> public override void OnApplyTemplate() { base.OnApplyTemplate(); SetMainButtonCommand(); } #endregion ////////////////////////////////////////////////////////////////////////////////////////// Protected #region 속성 변경시 처리하기 - OnPropertyChanged(e) /// <summary> /// 속성 변경시 처리하기 /// </summary> /// <param name="e">이벤트 인자</param> protected override void OnPropertyChanged(DependencyPropertyChangedEventArgs e) { base.OnPropertyChanged(e); if(e.Property == MainButtonCommandProperty) { SetMainButtonCommand(); } if(e.Property == DropDownButtonCommandProperty) { Command = DropDownButtonCommand; } } #endregion #region 클릭시 처리하기 - OnClick() /// <summary> /// 클릭시 처리하기 /// </summary> protected override void OnClick() { if(DropDownContextMenu == null) { return; } if(DropDownButtonCommand != null) { DropDownButtonCommand.Execute(null); } DropDownContextMenu.PlacementTarget = this; DropDownContextMenu.Placement = PlacementMode.Bottom; DropDownContextMenu.IsOpen = !DropDownContextMenu.IsOpen; } #endregion ////////////////////////////////////////////////////////////////////////////////////////// Private #region 메인 버튼 명령 설정하기 - SetMainButtonCommand() /// <summary> /// 메인 버튼 명령 설정하기 /// </summary> private void SetMainButtonCommand() { if(Template != null) { ButtonBase button = Template.FindName("PART_Button", this) as ButtonBase; if(button != null) { button.Command = MainButtonCommand; } } } #endregion } } |
▶ MenuInfo.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
namespace TestProject { /// <summary> /// 메뉴 정보 /// </summary> public class MenuInfo { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 헤더 - Header /// <summary> /// 헤더 /// </summary> public string Header { get; set; } #endregion #region 반환 데이터 - ReturnData /// <summary> /// 반환 데이터 /// </summary> public string ReturnData { get; set; } #endregion #region 아이콘 URI - IconURI /// <summary> /// 아이콘 URI /// </summary> public string IconURI { get; set; } #endregion } } |
▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 |
<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="ToggleButton 클래스 : 드롭 다운 버튼/분리 버튼 사용하기" FontFamily="나눔고딕코딩" FontSize="16"> <Window.CommandBindings> <CommandBinding Command="{x:Static local:MainWindow.SplitButtonMainCommand1}" Executed="SplitButtonMainExecuted1" /> <CommandBinding Command="{x:Static local:MainWindow.SplitButtonMainCommand2}" Executed="SplitButtonMainExecuted2" /> <CommandBinding Command="{x:Static local:MainWindow.SplitButtonMainCommand3}" Executed="SplitButtonMainExecuted3" /> </Window.CommandBindings> <Window.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <ResourceDictionary Source="CONTROL/DropDownButtonStyle.xaml" /> <ResourceDictionary Source="CONTROL/SplitButtonStyle.xaml" /> </ResourceDictionary.MergedDictionaries> <XmlDataProvider x:Key="XmlDataProviderKey"> <x:XData> <commands xmlns=""> <comand Icon="pack://application:,,,/TestProject;component/ICON/email.ico" Description="E메일 발송" ReturnData="E메일" /> <comand Icon="pack://application:,,,/TestProject;component/ICON/fax.ico" Description="팩스 발송" ReturnData="팩스" /> </commands> </x:XData> </XmlDataProvider> </ResourceDictionary> </Window.Resources> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="*" /> <RowDefinition Height="Auto" /> <RowDefinition Height="*" /> </Grid.RowDefinitions> <ToolBar Grid.Row="0"> <local:DropDownButton Style="{StaticResource ToolBarDropDownButtonStyleKey}" Image="pack://application:,,,/TestProject;component/ICON/select.ico" Text="드롭 다운 버튼 1"> <local:DropDownButton.DropDownContextMenu> <ContextMenu ItemsSource="{Binding Source={StaticResource XmlDataProviderKey}, XPath=commands/comand}" MenuItem.Click="ContextMenuItem1_Click"> <ContextMenu.ItemContainerStyle> <Style> <Setter Property="MenuItem.Template" Value="{StaticResource DropDownMenuItemControlTemplateKey}" /> <Setter Property="MenuItem.Header" Value="{Binding XPath=@Description}" /> <Setter Property="MenuItem.Icon" Value="{Binding XPath=@Icon}" /> <Setter Property="MenuItem.Tag" Value="{Binding XPath=@ReturnData}" /> </Style> </ContextMenu.ItemContainerStyle> </ContextMenu> </local:DropDownButton.DropDownContextMenu> </local:DropDownButton> <Separator /> <local:SplitButton Style="{StaticResource ToolBarSplitButtonStyleKey}" Image="pack://application:,,,/TestProject;component/ICON/select.ico" Text="분리 버튼 1" MainButtonCommand="{x:Static local:MainWindow.SplitButtonMainCommand1}"> <local:SplitButton.DropDownContextMenu> <ContextMenu ItemsSource="{Binding Source={StaticResource XmlDataProviderKey}, XPath=commands/comand}" MenuItem.Click="ContextMenuItem1_Click"> <ContextMenu.ItemContainerStyle> <Style> <Setter Property="MenuItem.Template" Value="{StaticResource SplitMenuItemControlTemplateKey}" /> <Setter Property="MenuItem.Header" Value="{Binding XPath=@Description}" /> <Setter Property="MenuItem.Icon" Value="{Binding XPath=@Icon}" /> <Setter Property="MenuItem.Tag" Value="{Binding XPath=@ReturnData}" /> </Style> </ContextMenu.ItemContainerStyle> </ContextMenu> </local:SplitButton.DropDownContextMenu> </local:SplitButton> <Separator /> <local:DropDownButton x:Name="dropDownButton2" Style="{StaticResource ToolBarDropDownButtonStyleKey}" Image="pack://application:,,,/TestProject;component/ICON/select.ico" Text="드롭 다운 버튼 2" Target="{Binding ElementName=dropDownButton2}" DropDownContextMenu="{Binding Path=ContextMenu1}" /> <Separator /> <local:SplitButton x:Name="splitButton2" Style="{StaticResource ToolBarSplitButtonStyleKey}" Image="pack://application:,,,/TestProject;component/ICON/select.ico" Text="분리 버튼 2" Target="{Binding ElementName=splitButton2}" MainButtonCommand="{x:Static local:MainWindow.SplitButtonMainCommand2}"> <local:SplitButton.DropDownContextMenu> <ContextMenu MenuItem.Click="ContextMenuItem2_Click"> <MenuItem Header="Send Email" Tag="Email"> <MenuItem.Icon> <Image Width="16" Height="16" Source="pack://application:,,,/TestProject;component/ICON/email.ico" /> </MenuItem.Icon> </MenuItem> <MenuItem Header="Send Fax" Tag="Fax"> <MenuItem.Icon> <Image Width="16" Height="16" Source="pack://application:,,,/TestProject;component/ICON/fax.ico" /> </MenuItem.Icon> </MenuItem> <Separator /> <MenuItem Header="Send Print" Tag="Print"> <MenuItem.Icon> <Image Width="16" Height="16" Source="pack://application:,,,/TestProject;component/ICON/print1.ico" /> </MenuItem.Icon> <MenuItem Header="Print 1" Tag="Print 1"> <MenuItem.Icon> <Image Width="16" Height="16" Source="pack://application:,,,/TestProject;component/ICON/print2.ico" /> </MenuItem.Icon> </MenuItem> </MenuItem> </ContextMenu> </local:SplitButton.DropDownContextMenu> </local:SplitButton> </ToolBar> <StackPanel Grid.Row="2"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="30" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="10" /> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <local:DropDownButton Grid.Column="1" Height="24" Image="pack://application:,,,/TestProject;component/ICON/select.ico" Text="드롭 다운 버튼 3" DropDownContextMenu="{Binding Path=ContextMenu2}" /> <local:SplitButton Grid.Column="3" Height="24" Image="pack://application:,,,/TestProject;component/ICON/select.ico" Text="분리 버튼 3" DropDownContextMenu="{Binding Path=ContextMenu3}" MainButtonCommand="{x:Static local:MainWindow.SplitButtonMainCommand3}" /> </Grid> </StackPanel> </Grid> </Window> |
▶ MainWindow.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 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 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 |
using System; using System.Collections.Generic; using System.Windows; using System.Windows.Controls; using System.Windows.Input; using System.Windows.Media.Imaging; using System.Xml; namespace TestProject { /// <summary> /// 메인 윈도우 /// </summary> public partial class MainWindow { //////////////////////////////////////////////////////////////////////////////////////////////////// Command ////////////////////////////////////////////////////////////////////////////////////////// Static //////////////////////////////////////////////////////////////////////////////// Public #region 분리 버튼 메인 명령 1 - SplitButtonMainCommand1 /// <summary> /// 분리 버튼 메인 명령 1 /// </summary> public static RoutedUICommand SplitButtonMainCommand1 = new RoutedUICommand ( "Split Button 1", "SplitButtonMainCommand1", typeof(MainWindow) ); #endregion #region 분리 버튼 메인 명령 2 - SplitButtonMainCommand2 /// <summary> /// 분리 버튼 메인 명령 2 /// </summary> public static RoutedUICommand SplitButtonMainCommand2 = new RoutedUICommand ( "Split Button 2", "SplitButtonMainCommand2", typeof(MainWindow) ); #endregion #region 분리 버튼 메인 명령 3 - SplitButtonMainCommand3 /// <summary> /// 분리 버튼 메인 명령 3 /// </summary> public static RoutedUICommand SplitButtonMainCommand3 = new RoutedUICommand ( "Split Button 3", "SplitButtonMainCommand3", typeof(MainWindow) ); #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Field ////////////////////////////////////////////////////////////////////////////////////////// Private #region Field /// <summary> /// 컨텍스트 메뉴 1 /// </summary> private ContextMenu contextMenu1; /// <summary> /// 컨텍스트 메뉴 2 /// </summary> private ContextMenu contextMenu2; /// <summary> /// 컨텍스트 메뉴 3 /// </summary> private ContextMenu contextMenu3; /// <summary> /// 메뉴 정보 리스트 /// </summary> private readonly List<MenuInfo> menuInfoList = new List<MenuInfo> { new MenuInfo { Header="Send Email", ReturnData="Email", IconURI="pack://application:,,,/TestProject;component/ICON/Email.ico" }, new MenuInfo { Header="Send Fax" , ReturnData="Fax" , IconURI="pack://application:,,,/TestProject;component/ICON/Fax.ico" }, new MenuInfo { Header="Send Print", ReturnData="Print", IconURI="pack://application:,,,/TestProject;component/ICON/Print.ico" } }; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 컨텍스트 메뉴 1 - ContextMenu1 /// <summary> /// 컨텍스트 메뉴 1 /// </summary> public ContextMenu ContextMenu1 { get { if(this.contextMenu1 == null) { this.contextMenu1 = new ContextMenu(); foreach(MenuInfo menuInfo in this.menuInfoList) { MenuItem menuItem = new MenuItem(); menuItem.Icon = new Image { Width = 16, Height = 16, Source = new BitmapImage(new Uri(menuInfo.IconURI)) }; menuItem.Header = menuInfo.Header; menuItem.Tag = menuInfo.ReturnData; menuItem.Click += ContextMenuItem2_Click; this.contextMenu1.Items.Add(menuItem); } } return this.contextMenu1; } } #endregion #region 컨텍스트 메뉴 2 - ContextMenu2 /// <summary> /// 컨텍스트 메뉴 2 /// </summary> public ContextMenu ContextMenu2 { get { if(this.contextMenu2 == null) { this.contextMenu2 = new ContextMenu(); foreach(MenuInfo menuInfo in this.menuInfoList) { MenuItem menuItem = new MenuItem(); menuItem.Icon = new Image { Width = 16, Height = 16, Source = new BitmapImage(new Uri(menuInfo.IconURI)) }; menuItem.Header = menuInfo.Header; menuItem.Tag = menuInfo.ReturnData; menuItem.Click += ContextMenuItem2_Click; this.contextMenu2.Items.Add(menuItem); } } return this.contextMenu2; } } #endregion #region 컨텍스트 메뉴 3 - ContextMenu3 /// <summary> /// 컨텍스트 메뉴 3 /// </summary> public ContextMenu ContextMenu3 { get { if(this.contextMenu3 == null) { this.contextMenu3 = new ContextMenu(); foreach(MenuInfo menuInfo in this.menuInfoList) { MenuItem menuItem = new MenuItem(); menuItem.Click += ContextMenuItem2_Click; menuItem.Icon = new Image { Width = 16, Height = 16, Source = new BitmapImage(new Uri(menuInfo.IconURI)) }; menuItem.Header = menuInfo.Header; menuItem.Tag = menuInfo.ReturnData; this.contextMenu3.Items.Add(menuItem); } } return this.contextMenu3; } } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainWindow() /// <summary> /// 생성자 /// </summary> public MainWindow() { InitializeComponent(); DataContext = this; } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Private #region 분리 버튼 1 메인 실행시 처리하기 - SplitButtonMainExecuted1(sender, e) /// <summary> /// 분리 버튼 1 메인 실행시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void SplitButtonMainExecuted1(object sender, ExecutedRoutedEventArgs e) { MessageBox.Show("Command Click Event- Button 1."); } #endregion #region 분리 버튼 2 메인 실행시 처리하기 - SplitButtonMainExecuted2(sender, e) /// <summary> /// 분리 버튼 2 메인 실행시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void SplitButtonMainExecuted2(object sender, ExecutedRoutedEventArgs e) { MessageBox.Show("Command Click Event - Button 2."); } #endregion #region 분리 버튼 3 메인 실행시 처리하기 - SplitButtonMainExecuted3(sender, e) /// <summary> /// 분리 버튼 3 메인 실행시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void SplitButtonMainExecuted3(object sender, ExecutedRoutedEventArgs e) { MessageBox.Show("Command Click Event - Button 3."); } #endregion #region 컨텍스트 메뉴 항목 1 클릭시 처리하기 - ContextMenuItem1_Click(sender, e) /// <summary> /// 컨텍스트 메뉴 항목 1 클릭시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void ContextMenuItem1_Click(object sender, RoutedEventArgs e) { MenuItem menuItem = e.OriginalSource as MenuItem; if(menuItem == null) { return; } XmlAttribute attribute = menuItem.Tag as XmlAttribute; if(attribute != null) { MessageBox.Show(attribute.Value); } } #endregion #region 컨테스트 메뉴 항목 2 클릭시 처리하기 - ContextMenuItem2_Click(sender, e) /// <summary> /// 컨테스트 메뉴 항목 2 클릭시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void ContextMenuItem2_Click(object sender, RoutedEventArgs e) { MenuItem menuItem = e.OriginalSource as MenuItem; if(menuItem != null) { MessageBox.Show(menuItem.Tag.ToString()); } } #endregion } } |
