WPF 仪表盘

已于 2024-04-19 14:40:27 修改
阅读量210 收藏
点赞数 2
文章标签： wpf
于 2024-04-19 10:47:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hlp1996/article/details/137956447
版权

根据网上的资源更新一个仪表盘。

去除依赖Arc，根据ArcSegment画圆弧。不多说，上效果。

还有些地方没有完善，有需要的小伙伴自行下载完善。

地址：DashboardDemo 

Dashboard.cs代码

using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace AppWpfControls;

/// <summary>
/// 仪表盘=》Dashboard
/// </summary>
public class Dashboard : Control
{
    //public const string ArcName = "arckd";
    //public const string ValueTxtName = "valueTxt";
    /// <summary>
    /// 
    /// </summary>
    public const string CanvasName = "canvasPlate";
    /// <summary>
    /// 
    /// </summary>
    public const string ZZRotateName = "rtPointer";

    //private static double StartAngle = -135.5;

    static Dashboard()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(Dashboard), new FrameworkPropertyMetadata(typeof(Dashboard)));
    }

    //Arc arckd;
    //TextBlock valueTxt;
    Canvas canvasPlate;
    RotateTransform rtPointer;
    /// <summary>
    /// 
    /// </summary>
    public override void OnApplyTemplate()
    {
        base.OnApplyTemplate();
        //arckd ??= GetTemplateChild(ArcName) as Arc;
        //valueTxt ??= GetTemplateChild(ValueTxtName) as TextBlock;
        canvasPlate ??= GetTemplateChild(CanvasName) as Canvas;
        rtPointer ??= GetTemplateChild(ZZRotateName) as RotateTransform;
        DrawScale();
        DrawAngle();
        //arckd.EndAngle = StartAngle + (-StartAngle * 2d) * ((double)Value / Maximum);
        //valueTxt.Text = Value.ToString();
    }

    #region 值、最大值、最小值

    /// <summary>
    /// 值
    /// </summary>
    public double Value
    {
        get { return (double)GetValue(ValueProperty); }
        set
        {
            SetValue(ValueProperty, value);
        }
    }
    /// <summary>
    /// 值
    /// </summary>
    public static readonly DependencyProperty ValueProperty =
        DependencyProperty.Register("Value", typeof(double), typeof(Dashboard),
            new PropertyMetadata(default(double), new PropertyChangedCallback(OnValuePropertyChanged)));

    /// <summary>
    /// 值单位
    /// </summary>
    public string ValueUnit
    {
        get { return (string)GetValue(ValueUnitProperty); }
        set
        {
            SetValue(ValueUnitProperty, value);
        }
    }
    /// <summary>
    /// 值单位
    /// </summary>
    public static readonly DependencyProperty ValueUnitProperty =
        DependencyProperty.Register("ValueUnit", typeof(string), typeof(Dashboard),
            new PropertyMetadata(default(string)));


    /// <summary>
    /// 最小值
    /// </summary>
    public double Minimum
    {
        get { return (double)GetValue(MinimumProperty); }
        set { SetValue(MinimumProperty, value); }
    }
    /// <summary>
    /// 最小值
    /// </summary>
    public static readonly DependencyProperty MinimumProperty =
        DependencyProperty.Register("Minimum", typeof(double), typeof(Dashboard),
            new PropertyMetadata(double.NaN, new PropertyChangedCallback(OnPropertyChanged)));

    /// <summary>
    /// 最大值
    /// </summary>
    public double Maximum
    {
        get { return (double)GetValue(MaximumProperty); }
        set { SetValue(MaximumProperty, value); }
    }
    /// <summary>
    /// 最大值
    /// </summary>
    public static readonly DependencyProperty MaximumProperty =
        DependencyProperty.Register("Maximum", typeof(double), typeof(Dashboard),
            new PropertyMetadata(double.NaN, new PropertyChangedCallback(OnPropertyChanged)));

    #endregion 值、最大值、最小值

    /// <summary>
    /// 框背景颜色
    /// </summary>
    public Brush PlateBackground
    {
        get { return (Brush)GetValue(PlateBackgroundProperty); }
        set { SetValue(PlateBackgroundProperty, value); }
    }
    /// <summary>
    /// 框背景颜色
    /// </summary>
    public static readonly DependencyProperty PlateBackgroundProperty =
        DependencyProperty.Register("PlateBackground", typeof(Brush), typeof(Dashboard), null);

    /// <summary>
    /// 框边框颜色
    /// </summary>
    public Brush PlateBorderBrush
    {
        get { return (Brush)GetValue(PlateBorderBrushProperty); }
        set { SetValue(PlateBorderBrushProperty, value); }
    }
    /// <summary>
    /// 框边框颜色
    /// </summary>
    public static readonly DependencyProperty PlateBorderBrushProperty =
        DependencyProperty.Register("PlateBorderBrush", typeof(Brush), typeof(Dashboard), null);

    /// <summary>
    /// 框边框大小
    /// </summary>
    public Thickness PlateBorderThickness
    {
        get { return (Thickness)GetValue(PlateBorderThicknessProperty); }
        set { SetValue(PlateBorderThicknessProperty, value); }
    }
    /// <summary>
    /// 框边框大小
    /// </summary>
    public static readonly DependencyProperty PlateBorderThicknessProperty =
        DependencyProperty.Register("PlateBorderThickness", typeof(Thickness), typeof(Dashboard), null);

    /// <summary>
    /// 
    /// </summary>
    /// <param name="d"></param>
    /// <param name="e"></param>
    public static void OnPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        (d as Dashboard).DrawScale();
    }
    /// <summary>
    /// 
    /// </summary>
    /// <param name="d"></param>
    /// <param name="e"></param>
    public static void OnValuePropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        Dashboard dashboard = d as Dashboard;
        dashboard.DrawAngle();
        //if (dashboard.arckd == null)
        //    return;
        //dashboard.arckd.EndAngle = StartAngle + (-StartAngle * 2d) * ((double)dashboard.Value / dashboard.Maximum);
        //dashboard.valueTxt.Text = dashboard.Value.ToString();
    }

    /// <summary>
    /// 画表盘的刻度
    /// </summary>
    private void DrawScale()
    {
        if (this.canvasPlate == null) return;
        this.canvasPlate.Children.Clear();

        for (double i = 0; i <= this.Maximum - this.Minimum; i++)
        {
            //添加刻度线
            Line lineScale = new();
            //画笔颜色
            Color color = (Color)ColorConverter.ConvertFromString("#6c6974");
           
            if (i % 10 == 0)
            {
                //注意Math.Cos和Math.Sin的参数是弧度，记得将角度转为弧度制
                lineScale.X1 = 200 - 170 * Math.Cos(i * (270 / (this.Maximum - this.Minimum)) * Math.PI / 180);
                lineScale.Y1 = 200 - 170 * Math.Sin(i * (270 / (this.Maximum - this.Minimum)) * Math.PI / 180);
                //lineScale.Stroke = new SolidColorBrush(Colors.White);
                lineScale.Stroke = new SolidColorBrush(color);
                lineScale.StrokeThickness = 2;

                //添加刻度值
                TextBlock txtScale = new()
                {
                    Text = (i + this.Minimum).ToString(),
                    Width = 34,
                    TextAlignment = TextAlignment.Center,
                    //Foreground = new SolidColorBrush(Colors.White);
                    //Color color = (Color)ColorConverter.ConvertFromString("#6c6974");
                    Foreground = new SolidColorBrush(color),
                    RenderTransform = new RotateTransform() { Angle = 45, CenterX = 17, CenterY = 8 },
                    FontSize = 18
                };

                Canvas.SetLeft(txtScale, 200 - 155 * Math.Cos(i * (270 / (this.Maximum - this.Minimum)) * Math.PI / 180) - 17);
                Canvas.SetTop(txtScale, 200 - 155 * Math.Sin(i * (270 / (this.Maximum - this.Minimum)) * Math.PI / 180) - 10);

                this.canvasPlate.Children.Add(txtScale);
            }
            else
            {
                lineScale.X1 = 200 - 180 * Math.Cos(i * (270 / (this.Maximum - this.Minimum)) * Math.PI / 180);
                lineScale.Y1 = 200 - 180 * Math.Sin(i * (270 / (this.Maximum - this.Minimum)) * Math.PI / 180);
                //lineScale.Stroke = new SolidColorBrush(Colors.White);
                lineScale.Stroke = new SolidColorBrush(color);
                lineScale.StrokeThickness = 1;
                lineScale.Opacity = 0.5;
            }

            lineScale.X2 = 200 - 190 * Math.Cos(i * (270 / (this.Maximum - this.Minimum)) * Math.PI / 180);
            lineScale.Y2 = 200 - 190 * Math.Sin(i * (270 / (this.Maximum - this.Minimum)) * Math.PI / 180);
            
            this.canvasPlate.Children.Add(lineScale);
        }
    }

    private void DrawAngle()
    {
        if (rtPointer == null)
            return;
        double step = 270.0 / (this.Maximum - this.Minimum);
        double reject = 0;
        if (this.Minimum <0)
        {
            reject = step * (-this.Minimum);
        }
        else if(this.Minimum >= 0)
        {
            reject = step * (-this.Minimum);
        }

        DoubleAnimation da = new(this.Value * step+ reject - 45, new Duration(TimeSpan.FromMilliseconds(200)));
        this.rtPointer.BeginAnimation(RotateTransform.AngleProperty, da);
    }
}

Xaml样式

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                     xmlns:control="clr-namespace:AppWpfControls">
    
    <Style TargetType="{x:Type control:Dashboard}">
        <Setter Property="Value" Value="0"/>
        <Setter Property="Maximum" Value="120"/>
        <Setter Property="Minimum" Value="0"/>
        <Setter Property="PlateBackground" Value="Transparent"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type control:Dashboard}">
                    <Grid >
                        <Viewbox>
                            <Border CornerRadius="220" ClipToBounds="True" 
                                BorderBrush="{TemplateBinding PlateBorderBrush}" 
                                BorderThickness="{TemplateBinding PlateBorderThickness}" 
                                Background="{TemplateBinding PlateBackground}">
                                <Grid>
                                    <!--  Start 刻度盘  -->
                                    <Canvas Name="canvasPlate" Width="400" Height="400"  Background="Transparent" Margin="14">
                                        <Canvas.RenderTransform>
                                            <RotateTransform Angle="-45" CenterX="200" CenterY="200"/>
                                        </Canvas.RenderTransform>
                                    </Canvas>
                                    <!-- End 刻度盘  -->

                                    <!--  Start 刻度盘当前值对应的圆弧  -->
                                    <Path Stroke="#45246B" Opacity="0.5" 
                                         StrokeThickness="20">
                                            <!--StrokeStartLineCap="Round" 
                                            StrokeEndLineCap="Round"-->
                                        <Path.Data>
                                            <PathGeometry>
                                                <PathFigure IsClosed="False" StartPoint="73,358">
                                                    <ArcSegment IsLargeArc="True"
                                                        Point="355,358"
                                                        Size="201,201" 
                                                        SweepDirection="Clockwise" />
                                                </PathFigure>
                                            </PathGeometry>
                                        </Path.Data>
                                    </Path>
                                    <!-- End 刻度盘当前值对应的圆弧  -->

                                    <!-- Start 指针   -->
                                    <!--<Path Name="pointer" Data="M0,195 0,205 15,200 0,195" RenderTransformOrigin="0.5,0.5" Margin="14">-->
                                    <Path Name="pointer" Data="M200 205,40 200,200 195,200 205" RenderTransformOrigin="0.5,0.5" Margin="14">
                                        <Path.Fill>
                                            <RadialGradientBrush RadiusX="1" RadiusY="1">
                                                <GradientStop Color="#00C9FF" Offset="0.3"/>
                                                <GradientStop Color="#CE97EF" Offset="0.4"/>
                                                <GradientStop Color="#091851" Offset="1"/>
                                            </RadialGradientBrush>
                                        </Path.Fill>
                                        
                                        <Path.RenderTransform>
                                            <RotateTransform x:Name="rtPointer" Angle="-45"/>
                                        </Path.RenderTransform>
                                    </Path>
                                    <!-- End 指针  -->

                                    <!-- Start 圆心  -->
                                    <Border Width="50" Height="50" CornerRadius="40"  Margin="14">
                                        <Border.Background>
                                            <RadialGradientBrush RadiusX="1" RadiusY="1">
                                                <GradientStop Color="#45246B" Offset="0.2"/>
                                                <GradientStop Color="#2E1C5C" Offset="0.3"/>
                                                <GradientStop Color="#253192" Offset="0.5"/>
                                            </RadialGradientBrush>
                                        </Border.Background>
                                        <!--<StackPanel Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Center">
                                            <TextBlock x:Name="valueTxt" FontSize="30" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                                            <TextBlock Text="km/h" FontSize="12" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                                        </StackPanel>-->
                                    </Border>
                                    <!-- End 圆心  -->

                                    <Grid Width="150" Height="60"  Margin="0,0,0,100" VerticalAlignment="Bottom" HorizontalAlignment="Center">
                                        <StackPanel  HorizontalAlignment="Center" Orientation="Vertical">
                                            <!--<TextBlock Margin="0,4" Text="DOWNLOAD" />-->
                                            <TextBlock Margin="0,4" HorizontalAlignment="Center" FontSize="26" Opacity="0.8"
                                                            Text="{Binding Value,RelativeSource={RelativeSource AncestorType=control:Dashboard}}" Foreground="White" />
                                            <TextBlock Margin="0,4" HorizontalAlignment="Center" 
                                                       Foreground="#6c6974" 
                                                       Text="{Binding ValueUnit,RelativeSource={RelativeSource AncestorType=control:Dashboard}}" />
                                            <!--<Border Margin="0,10,0,0" BorderBrush="#929093" BorderThickness="1" Height="25" CornerRadius="12" Padding="0,3">
                                                <TextBlock HorizontalAlignment="Center" Text="RETRY" VerticalAlignment="Center" />
                                            </Border>-->
                                        </StackPanel>
                                        
                                    </Grid>
                                </Grid>
                            </Border>
                        </Viewbox>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="DashboardArc" TargetType="{x:Type control:Dashboard}">
        <Setter Property="Value" Value="0"/>
        <Setter Property="Maximum" Value="120"/>
        <Setter Property="Minimum" Value="0"/>
        <Setter Property="PlateBackground" Value="Transparent"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type control:Dashboard}">
                    <Grid >
                        <Viewbox>
                            <Border CornerRadius="220" ClipToBounds="True" 
                            BorderBrush="{TemplateBinding PlateBorderBrush}" 
                            BorderThickness="{TemplateBinding PlateBorderThickness}" 
                            Background="{TemplateBinding PlateBackground}">
                                <Grid>
                                    <!--  Start 刻度盘  -->
                                    <Canvas Name="canvasPlate" Width="400" Height="400"  Background="Transparent" Margin="14">
                                        <Canvas.RenderTransform>
                                            <RotateTransform Angle="-45" CenterX="200" CenterY="200"/>
                                        </Canvas.RenderTransform>
                                    </Canvas>
                                    <!-- End 刻度盘  -->

                                    <!--  Start 刻度盘当前值对应的圆弧  -->
                                    <Path Stroke="#45246B" Opacity="0.5" 
                                     StrokeThickness="20">
                                        <!--StrokeStartLineCap="Round" 
                                        StrokeEndLineCap="Round"-->
                                        <Path.Data>
                                            <PathGeometry>
                                                <PathFigure IsClosed="False" StartPoint="73,358">
                                                    <ArcSegment IsLargeArc="True"
                                                    Point="355,358"
                                                    Size="201,201" 
                                                    SweepDirection="Clockwise" />
                                                </PathFigure>
                                            </PathGeometry>
                                        </Path.Data>
                                    </Path>
                                    <!-- End 刻度盘当前值对应的圆弧  -->

                                    <!-- Start 指针   -->
                                    <!--<Path Name="pointer" Data="M200 205,40 200,200 195,200 205" RenderTransformOrigin="0.5,0.5" Margin="14">-->
                                    <Path Name="pointer" Data="M-7,194 -8,197 -9,200 -8,203 -7,206 15,200 -7,194" RenderTransformOrigin="0.5,0.5" Margin="14">
                                        <Path.Fill>
                                            <RadialGradientBrush RadiusX="1" RadiusY="1">
                                                <GradientStop Color="#00C9FF" Offset="0.3"/>
                                                <GradientStop Color="#CE97EF" Offset="0.4"/>
                                                <GradientStop Color="#091851" Offset="1"/>
                                            </RadialGradientBrush>
                                        </Path.Fill>

                                        <Path.RenderTransform>
                                            <RotateTransform x:Name="rtPointer" Angle="-45"/>
                                        </Path.RenderTransform>
                                    </Path>
                                    <!-- End 指针  -->

                                    <Grid Width="150" Height="130"   VerticalAlignment="Center" HorizontalAlignment="Center">
                                        <StackPanel  HorizontalAlignment="Center" Orientation="Vertical">
                                            <TextBlock Margin="0,4" Text="DOWNLOAD" FontSize="16" Foreground="#6c6974" />
                                            <TextBlock Margin="0,4" HorizontalAlignment="Center" FontSize="26" Opacity="0.6"
                                                        Text="{Binding Value,RelativeSource={RelativeSource AncestorType=control:Dashboard}}" Foreground="White" />
                                            <TextBlock Margin="0,4" HorizontalAlignment="Center" 
                                                       Foreground="#6c6974" 
                                                       Text="{Binding ValueUnit,RelativeSource={RelativeSource AncestorType=control:Dashboard}}" />
                                            <Border Margin="0,10,0,0" BorderBrush="#6c6974" BorderThickness="1" Height="25" CornerRadius="12" Padding="0,3">
                                                <TextBlock HorizontalAlignment="Center" Foreground="#6c6974" Text="RETRY" VerticalAlignment="Center" />
                                            </Border>
                                        </StackPanel>

                                    </Grid>
                                </Grid>
                            </Border>
                        </Viewbox>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

sheldonhuang
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF自定义仪表盘控件
weixin_42846398的博客
09-23 3260
WPF自定义仪表盘控件一、前言二、功能实现 一、前言 在学习和工作中使用WPF时，都离不开自定义控件的使用，今天分享一个自己在学习过程中使用到的一个自定义仪表盘控件，感觉挺不错的，在这里分享给大家。（我不是大佬，我只是好代码的搬运工，具体忘了是在那里偷师拿来的） 二、功能实现 仪表控件后台逻辑其实不算复杂，相关的算法网上也有很多，主要是界面绘制这里比较重要，因为这关系到自定义控件的美观性。话不多说，开干 1、首先创建一个用户控件，然后就开始编写我们的布局文件，这里直接挂上代码来进行讲解 <UserCo
wpf仪表盘转盘.rar
05-15
闲来无事，wpf制作的仪表盘，转盘，就是图的绘制，里面可以自己拓展更多功能，很简单，直接运行就可以应该不会有错的
WPF仪表盘 源码
09-11
使用WPF做的仪表盘，代码简单，适合初学者。 配色，外形等特性可以依个人审美做精雕。
wpf画的仪表盘控件
11-18
这是一个网友写的wpf仪表盘控件，我这里做了一个例子供大家学习。仪表盘使用wpf画出来的，大小颜色和表的刻度都可以设置。
WPF仪表盘效果.rar
05-29
使用WPF技术实现仪表盘效果，可以检测流量等操作，主要为Demo，包含手画仪表盘操作，半角圆角等，圆周率，等等数学计算。
WPF|如何在 WPF 中设计漂亮的社交媒体信息仪表板
Dotnet9的专栏
05-13 445
1. 效果展示 先来直接欣赏效果： 2. 准备 创建一个WPF工程，比如站长使用 .NET 7 创建名为 Dashboard3 的WPF项目，添加一些图片资源，项目目录如下： 2.1 图片资源 可在网站 iconfont 下载 关闭、最小化 图标，用于窗口右上角显示： 有看到美女图片没？在百度图片或者谷歌图片下载，比如 泰勒·斯威夫特 ，用于界面展示一个人的头像： 2.2 字体图标Nuget包：FontAwesome.WPF，该包提供一些图标字体： <PackageReference Incl
WPF自定义多指针仪表盘控件
u012638881的博客
04-19 653
在计算指针角度的方法中修改如下，因为我需要 -180度，所以这个地方从 -45 改成 + 90，这里也多加了一个指针赋值。PointerNum 表示需要显示的指针数量，来控制显示和隐藏多的指针，目前这个地方还进行进一步的完善，只能看到效果。Value1 值改变触发事件，触发的效果也原来的代码一样只是改了名称。这个也不是我弄出来，我只是在别人做好的基础上修改和添加。下面是方法的调用，我在页面上加了一个按钮进行值的变化。目前还在进一步的改进中。这就是全部的页面代码。
wpf仪表盘
weixin_53370274的博客
03-28 315
【代码】wpf仪表盘。
WPF开发一个仪表盘
最新发布
dotNET跨平台
09-17 353
使用 WPF 开发一个仪表盘可以让你创建一个现代、灵活且具有吸引力的用户界面。下面是一个简单的步骤指南：1. 创建新的 WPF 项目：在 Visual Studio 中，选择 "创建新项目"，然后选择 "WPF 应用程序" 模板。给项目取一个合适的名称并设置其他相关的选项。2. 设计仪表盘界面：使用 XAML 定义仪表盘的界面布局。可以使用 WPF 提供的各种布局控件（如 Grid、StackPa...
WPF实例用户控件库之表盘和骨架屏动画设计
qq_27474555的博客
06-26 661
【代码】WPF实现登录页面设计。
WPF 绘制一个简单的仪表盘控件源码
09-27
WPF 绘制一个简单的仪表盘控件源码，实现了动画显示调整仪表盘值的效果，使用LED字体显示仪表盘数字
Dashboard开发过程和规范
10-16
1. 目的 2 2. 内容 2 2.1. 介绍 2 2.1.1. 什么是wpf&&wdf; 2 2.1.2. wpf&&wdf;起源 2 2.1.3. Dashboard优点 2 2.1.4. Dashboard弱点 3 2.2. 开发Dashboard步骤 3 2.2.1. 分析项目需求 3 2.2.2. 创建Dashboard项目 4 2.3. 规范建议 14 2.3.1. 考虑屏幕区域 14 2.3.2. 简化portlet视图 15 2.3.3. 尽量提高显示内容的可视性 15 2.3.4. 创建命名目录，定制命名标准 15 2.3.5. 创建样本数据服务、portlet和定制程序 16 2.3.6. 创建占位符portlet 17 2.3.7. 在着手开发前设置部署脚本 17 2.3.8. 将相关服务归入同一个服务提供者模型中 18 2.3.9. 为数据服务提供干净的抽象层和接口 19 2.3.10. 使用预执行和后执行功能部件执行验证功能 19 2.3.11. 使用样本数据创建原型 19 2.3.12. 创建包含其它模型所需公共元素的公共模型 19 2.3.13. 如果仪表板将由多个客户使用，请创建管理portlet 20 2.3.14. 尽量创建自定制构建器 20 2.3.15. 利用构建器SQL集成的性能微调功能部件 20 2.3.16. 在后端执行数据的汇总和排序 21 2.4. 其他问题 21 2.4.1. 中文乱码问题 21 2.4.2. 修改factory.jar包 21 2.4.3. 使用WebChart修改简单图形样式。 21 2.4.4. 使用本地资源约束builder 22 3. 总结 22
wpf仪表盘、圆形进度条控件
02-17
wpf仪表盘、圆形进度条控件
WPF仪表盘源码
08-29
wpf仪表盘源码，原来传的exe文件貌似不能用了
WPF实现仪表盘（刻度跟随）
dotNET跨平台
07-06 1246
WPF开发者QQ群：340500857 | 微信群 -> 进入公众号主页加入组织“前言，接着上一篇圆形进度条。”欢迎转发、分享、点赞、在看，谢谢~。01—效果预览效果预...
WPF 自定义控件 动画仪表盘控件 Gauge
菜鸟程序员
04-07 2327
WPF 自制动画 仪表盘控件 Gauge Xaml代码: <Style TargetType="{x:Type ctrl:ArcGauge}"> <Setter Property="Background" Value="#646464"/> <Setter Property="Foreground" Value="Black"/> <Setter Property="Template">
WPF 仪表盘示例
韬光养晦
03-17 2565
WPF 仪表盘示例 一.添加一个自定义控件 Dashboard 导入两个命名空间：Microsoft.Expression.Controls.dll 和 Microsoft.Expression.Drawing.dll Themes/Generic.xaml代码： <ResourceDictionary xmlns="http://schemas.microsoft.com/winf...
WPF学习日记59
NLP工程化
02-10 363
1.ModernWpf控件 解析： [1]Button、Calendar、CheckBox、ComboBox、ContextMenu、DataGrid、DatePicker、Expander、GroupBox、ListBox、ListView、Menu、MenuItem、PasswordBox、ProgressBar、RadioButton、RepeatButton、RichTextBox、ScrollBar、ScrollViewer、Slider、TabControl、TextBox、ToggleButt
.net平台wpf版本的开源仪表盘
07-01
### 回答1： 在.NET平台上，有几个开源仪表盘项目可用于WPF版本的开发。 首先，有一个流行的开源仪表盘项目叫做"LiveCharts"。它是一个跨平台的图表和仪表盘库，支持WPF、WinForms和Xamarin等技术。LiveCharts提供了丰富的图表类型和自定义选项，可以方便地创建出漂亮而有用的仪表盘。 另一个开源仪表盘项目是"DyamicDashboard"。它是一个基于WPF的可自定义的仪表盘框架，可以提供各种仪表和控件，如计时器、进度条、图表等，用于构建定制化的仪表盘应用。 此外，还有一个名为"MahApps.Metro"的开源项目，虽然它不是一个专门为仪表盘设计的库，但它提供了一套漂亮的WPF样式和控件，可以用于创建现代化和有吸引力的仪表盘界面。 最后，不仅局限于.NET平台，还有其他开源仪表盘项目也可以用于WPF版本的开发。例如，JavaScript语言的"Dashing"仪表盘项目非常流行，可以用于构建跨平台的多功能仪表盘。 综上所述，有多个开源仪表盘项目可用于在.NET平台上开发WPF版本的应用程序，这些项目都提供了丰富的功能和选项，可以帮助开发者轻松构建出仪表盘应用。 ### 回答2： 在.NET平台上，WPF（Windows Presentation Foundation）是一个强大且开源的UI框架，用于构建用户友好的Windows应用程序。在WPF框架中，开发人员可以通过XAML（可扩展应用程序标记语言）和C#等编程语言创建仪表盘应用。 开源的WPF仪表盘库有很多选择。其中一种常用的是MahApps.Metro库，它是一个流行的开源库，提供了一组现代化的控件和主题样式，可以帮助开发人员快速构建漂亮且功能强大的仪表盘应用。MahApps.Metro库不仅支持WPF平台，还支持其他.NET平台，如UWP（通用Windows平台）和WinForms（Windows窗体应用程序）等。 使用MahApps.Metro库，开发人员可以轻松创建出具有现代化外观和触摸友好的仪表盘应用。该库提供了许多预定义的控件和布局，可以直接使用或者进行个性化定制。开发人员可以利用这些控件和布局创建出仪表盘中常见的图表、指示器、仪表等元素，以实现丰富的数据可视化效果。 同时，MahApps.Metro库还提供了丰富的主题样式，可以根据应用的需求进行定制，使仪表盘应用更加吸引人。开发人员可以自定义颜色、字体和其他视觉元素，以满足用户界面设计的要求。 总之，.NET平台的WPF版本提供了许多开源的仪表盘库供开发人员使用。MahApps.Metro库是其中一个常见的选择，它通过提供现代化的控件和主题样式，帮助开发人员轻松构建美观且功能丰富的仪表盘应用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值