wpfGauge仪表盘库及winForm中使用WPF控件

wpfGauge是一款在.NET平台下进行仪表盘界面开发的工具库，其官网地址(可能需要阔学上网)为:https://wpfgauge.codeplex.com/ 。使用wpfGauge进行仪表盘开发，首先需要在官网下载demo，并将其中的WpfGauge.dll进行引用（dll文件我已上传，也可在本文所附的CSDN链接进行下载）。开发步骤如下：

目录

一、引用WpfGauge.dll动态链接库文件

二、创建WPF控件

1.在解决方案中新建用户控件WPF

2.编辑xaml文件

3.根据需求调整xaml设置

三、在form中添加WPF控件

1.添加ElementHost

2.将wpfGauge添加为ElementHost子控件

四、使用wpfGauge

1.为wpfGauge添加

2.在form中调用显示方法

---

 

一、引用WpfGauge.dll动态链接库文件

一般地，将该dll文件放到工程的bin目录下，然后在解决方案中右键“引用”，选择添加引用，如下图：

在弹出的引用管理器中选择“浏览”，选择dll所在位置，添加引用，如下：

到此，对wpfGauge的动态链接库引用添加完成，可以开始在项目中进行开发。

二、创建WPF控件

1.在解决方案中新建用户控件WPF

2.编辑xaml文件

可以从官网的demo中找到该文件，拷贝至刚才创建的文件中，也可以复制下面的代码，注意将namespace和class name该为自己的项目。

<UserControl x:Class="myNameSpace.gaugeSpeed"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:myNameSpace"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800"
             xmlns:gauge="clr-namespace:WpfGauge;assembly=WpfGauge">
    <Grid>
        <Viewbox Grid.Column="1">

            <!--这里可以设置
            Value、最大和最小的间隔数，MinValue、MaxValue
            -->
            <gauge:Gauge 
                    FontSize="12" AutoScale="False" Value="0"
                    x:Name="TGauge" MajorTickCount="10" MinorTickCount="5" MinValue="0" MaxValue="100" 
                    HorizontalAlignment="Left"  StartAngle="-65" EndAngle="247" MajorTickMarkColor="LightYellow" Margin="0" Grid.Row="1" VerticalAlignment="Top" Height="200" Width="200">
                <!--可以设置标记位置，这里设置50处为红色标记-->
                <gauge:Gauge.GoalMarkers>
                    <gauge:GoalMarker MarkerColor="Red" Value="50" />
                </gauge:Gauge.GoalMarkers>
                <!--这里设置Gauge中间的文字-->
                <gauge:Gauge.ValueTextStyle>
                    <Style TargetType="{x:Type TextBlock}">
                        <Setter Property="Foreground" Value="Yellow"/>
                        <Setter Property="Margin" Value="0,60,0,0" />
                        <Setter Property="FontSize" Value="16"/>
                    </Style>
                </gauge:Gauge.ValueTextStyle>
                <!--这里设置周边的尺度数字-->
                <gauge:Gauge.TickLabelStyle>
                    <Style TargetType="TextBlock">
                        <Setter Property="Foreground" Value="White"/>
                        <Setter Property="FontSize" Value="14"/>
                    </Style>
                </gauge:Gauge.TickLabelStyle>

            </gauge:Gauge>
        </Viewbox>
    </Grid>
</UserControl>

3.根据需求调整xaml设置

如上的代码中，可以设置指针的初始位置、刻度数字以及标记等。

三、在form中添加WPF控件

1.添加ElementHost

在form的设计文件“工具箱”中选择ElementHost添加至form中

2.将wpfGauge添加为ElementHost子控件

如图，选择继承内容为添加的wpfGauge（本项目中命名为gaugeSpeed）。

四、使用wpfGauge

1.为wpfGauge添加

在xaml文件对应的cs文件（即wpfGauge对应的类）中添加方法以进行控件的显示，如更改指针的值等。

public void setPinValue(int val1)
{
    TGauge.Value = val1;
}

其中，TGauge为xaml文件中设置的gauge名称。 

2.在form中调用显示方法

嗯。。调用就可以了~~~