首页 最新 热门 推荐

  • 首页
  • 最新
  • 热门
  • 推荐

WPF自定义GroupBox 标题文字居中显示

  • 24-03-18 06:00
  • 3422
  • 12430
blog.csdn.net

实现效果如图:

实现思路:为GroupBox添加HorizontalAlignment 的依赖属性

1、UGroupBox.cs

  1. using MotionControls.Extensions.Utils;
  2. using System;
  3. using System.Collections.Generic;
  4. using System.Linq;
  5. using System.Text;
  6. using System.Threading.Tasks;
  7. using System.Windows;
  8. using System.Windows.Controls;
  9. using System.Windows.Data;
  10. using System.Windows.Documents;
  11. using System.Windows.Input;
  12. using System.Windows.Media;
  13. using System.Windows.Media.Imaging;
  14. using System.Windows.Navigation;
  15. using System.Windows.Shapes;
  16. namespace YOI.Controls
  17. {
  18. public class UGroupBox : GroupBox
  19. {
  20. static UGroupBox()
  21. {
  22. DefaultStyleKeyProperty.OverrideMetadata(typeof(UGroupBox), new FrameworkPropertyMetadata(typeof(UGroupBox)));
  23. }
  24. public HorizontalAlignment HeaderHorizontalAlignmentProperty
  25. {
  26. get { return (HorizontalAlignment)GetValue(HeaderHorizontalAlignmentPropertyProperty); }
  27. set { SetValue(HeaderHorizontalAlignmentPropertyProperty, value); }
  28. }
  29. public static readonly DependencyProperty HeaderHorizontalAlignmentPropertyProperty =
  30. DependencyProperty.Register("HeaderHorizontalAlignment", typeof(HorizontalAlignment), typeof(UGroupBox), new PropertyMetadata(HorizontalAlignment.Center));
  31. }
  32. }

2、GroupBox 资源样式布局

  1. <ResourceDictionary
  2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. xmlns:local="clr-namespace:MotionControls.Controls">
  5. <Style TargetType="{x:Type local:UGroupBox}">
  6. <Setter Property="Template">
  7. <Setter.Value>
  8. <ControlTemplate TargetType="{x:Type local:UGroupBox}">
  9. <Grid SnapsToDevicePixels="true">
  10. <Grid.ColumnDefinitions>
  11. <ColumnDefinition Width="6" />
  12. <ColumnDefinition Width="Auto" />
  13. <ColumnDefinition Width="*" />
  14. <ColumnDefinition Width="6" />
  15. Grid.ColumnDefinitions>
  16. <Grid.RowDefinitions>
  17. <RowDefinition Height="Auto" />
  18. <RowDefinition Height="Auto" />
  19. <RowDefinition Height="*" />
  20. <RowDefinition Height="6" />
  21. Grid.RowDefinitions>
  22. <Border
  23. x:Name="Header"
  24. Grid.Row="0"
  25. Grid.RowSpan="2"
  26. Grid.Column="2"
  27. HorizontalAlignment="{Binding HeaderHorizontalAlignment, RelativeSource={RelativeSource Mode=TemplatedParent}}"
  28. Panel.ZIndex="1"
  29. Background="{TemplateBinding Background}"
  30. BorderThickness="{TemplateBinding BorderThickness}">
  31. <ContentPresenter
  32. ContentSource="Header"
  33. RecognizesAccessKey="True"
  34. SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
  35. Border>
  36. <Border
  37. Grid.Row="1"
  38. Grid.RowSpan="3"
  39. Grid.ColumnSpan="4"
  40. Background="{TemplateBinding Background}"
  41. BorderBrush="{TemplateBinding BorderBrush}"
  42. BorderThickness="{TemplateBinding BorderThickness}"
  43. RenderTransformOrigin="0.5,0.5" />
  44. <ContentPresenter
  45. Grid.Row="2"
  46. Grid.Column="1"
  47. Grid.ColumnSpan="2"
  48. HorizontalAlignment="{Binding HeaderHorizontalAlignment, RelativeSource={RelativeSource Mode=TemplatedParent}}"
  49. SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
  50. Grid>
  51. ControlTemplate>
  52. Setter.Value>
  53. Setter>
  54. Style>
  55. ResourceDictionary>

3、调用

  1. <YOI:UGroupBox
  2. Grid.Row="0"
  3. Grid.Column="3"
  4. Width="290"
  5. Margin="10,10,0,0"
  6. HorizontalAlignment="Right"
  7. Background="{DynamicResource SecundaryBackgroundColor}"
  8. BorderBrush="{DynamicResource PrimaryGrayColor}"
  9. BorderThickness="0.1"
  10. HeaderHorizontalAlignmentProperty="Center">
  11. <YOI:UGroupBox.Header>
  12. <YOI:UButton
  13. Width="Auto"
  14. Height="24"
  15. Padding="5,0,5,0"
  16. Background="{DynamicResource PrimaryBlueColor}"
  17. BorderBrush="{DynamicResource PrimaryBlueColor}"
  18. Content="当前位置显示"
  19. FontSize="14"
  20. Foreground="White" />
  21. YOI:UGroupBox.Header>
  22. <StackPanel
  23. Width="Auto"
  24. VerticalAlignment="Top"
  25. Orientation="Horizontal">
  26. <StackPanel Margin="10" Orientation="Horizontal">
  27. <Label
  28. Margin="0,0,5,0"
  29. Content="Z轴"
  30. Foreground="{DynamicResource TextPrimaryColor}" />
  31. <YOI:UTextBox
  32. Width="125"
  33. Height="30"
  34. HorizontalAlignment="Center"
  35. Background="White"
  36. BorderBrush="{DynamicResource PrimaryBlueColor}"
  37. ColseIconVisibility="Hidden"
  38. CornerRadius="15"
  39. FontSize="12"
  40. Placeholder="Z轴位置" />
  41. <Label
  42. Margin="5,0,0,0"
  43. Content="mm"
  44. Foreground="{DynamicResource TextPrimaryColor}" />
  45. StackPanel>
  46. StackPanel>
  47. YOI:UGroupBox>

注:本文转载自blog.csdn.net的PINYAOYAO的文章"https://blog.csdn.net/hisxiwu/article/details/129098877"。版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。如有侵权,请联系我们删除。
复制链接
复制链接
相关推荐
发表评论
登录后才能发表评论和回复 注册

/ 登录

评论记录:

未查询到任何数据!
回复评论:

分类栏目

后端 (14832) 前端 (14280) 移动开发 (3760) 编程语言 (3851) Java (3904) Python (3298) 人工智能 (10119) AIGC (2810) 大数据 (3499) 数据库 (3945) 数据结构与算法 (3757) 音视频 (2669) 云原生 (3145) 云平台 (2965) 前沿技术 (2993) 开源 (2160) 小程序 (2860) 运维 (2533) 服务器 (2698) 操作系统 (2325) 硬件开发 (2492) 嵌入式 (2955) 微软技术 (2769) 软件工程 (2056) 测试 (2865) 网络空间安全 (2948) 网络与通信 (2797) 用户体验设计 (2592) 学习和成长 (2593) 搜索 (2744) 开发工具 (7108) 游戏 (2829) HarmonyOS (2935) 区块链 (2782) 数学 (3112) 3C硬件 (2759) 资讯 (2909) Android (4709) iOS (1850) 代码人生 (3043) 阅读 (2841)

热门文章

125
微软技术
关于我们 隐私政策 免责声明 联系我们
Copyright © 2020-2025 蚁人论坛 (iYenn.com) All Rights Reserved.
Scroll to Top