本文共 3978 字，大约阅读时间需要 13 分钟。
时间如流水，只能流去不流回！
点赞再看，养成习惯，这是您给我创作的动力！
本文 Dotnet9 https://dotnet9.com 已收录，站长乐于分享dotnet相关技术，比如Winform、WPF、ASP.NET Core等，亦有C++桌面相关的Qt Quick和Qt Widgets等，只分享自己熟悉的、自己会的。
阅读导航：
有没有这种场景：开源控件库或者收费的控件库，条形图或者柱状图都非常强大，但我的业务就是不符合，就是要自己设计呢？本文通过简单的实现一个条形图功能，以后类似的统计图可以在这上面进行修改，原理是类似的。
小编使用.Net Core 3.1创建的WPF工程，创建名称为“BarChart”的解决方案后，添加名称为”Bar“的WPF用户控件，这个控件就是上图中的单个柱子，下面是Bar.xaml代码
18 9 1710 11 12 1613 1514
Bar.xaml.cs代码，主要是绑定前景色及背景色，及柱子百分比值。
1 using System.ComponentModel; 2 using System.Windows; 3 using System.Windows.Controls; 4 using System.Windows.Media; 5 6 namespace BarChart 7 { 8 /// 9 /// BarChart.xaml 的交互逻辑10 /// 11 public partial class Bar : UserControl, INotifyPropertyChanged12 {13 public event PropertyChangedEventHandler PropertyChanged;14 private void NotifyPropertyChanged(string info)15 {16 if (PropertyChanged != null)17 {18 PropertyChanged(this, new PropertyChangedEventArgs(info));19 }20 }21 22 private double _value;23 public double Value24 {25 get { return _value; }26 set27 {28 _value = value;29 UpdateBarHeight();30 NotifyPropertyChanged("Value");31 }32 }33 34 private double maxValue;35 public double MaxValue36 {37 get { return maxValue; }38 set39 {40 maxValue = value;41 UpdateBarHeight();42 NotifyPropertyChanged("MaxValue");43 }44 }45 46 private double barHeight;47 public double BarHeight48 {49 get { return barHeight; }50 set51 {52 barHeight = value;53 NotifyPropertyChanged("BarHeight");54 }55 }56 57 private Brush color;58 public Brush Color59 {60 get { return color; }61 set62 {63 color = value;64 NotifyPropertyChanged("Color");65 }66 }67 68 private void UpdateBarHeight()69 {70 if (maxValue > 0)71 {72 var percent = (_value * 100) / maxValue;73 BarHeight = (percent * this.ActualHeight) / 100;74 }75 }76 77 public Bar()78 {79 InitializeComponent();80 81 this.DataContext = this;82 color = Brushes.Black;83 }84 85 86 private void UserControl_Loaded(object sender, RoutedEventArgs e)87 {88 UpdateBarHeight();89 }90 91 private void Grid_SizeChanged(object sender, SizeChangedEventArgs e)92 {93 UpdateBarHeight();94 }95 }96 }
主窗体MainWindow.xaml，添加显示的业务数据，目前只是展示了进度值，其他标签只要你看懂了代码，很好加的，比如每根柱子，上面颜色显示一种意义名称、下面显示另一种意义名称。