前段时间,做服务器端监控系统,为了界面好看,采用WPF。硬件相关监控,比如CPU、内存等,想用仪表盘控件。网上找了很多这种控件,基本上都是第三方商业控件(虽然很漂亮,不过得money...)。最后在CodeProject上找到了一款还不错的开源的仪表盘控件CircularGauge。
用了下该控件,感觉还不错,由于很多参数(比如圆盘半径大小、指针大小等等),进行大小调整时需要多试几次才能达到想要的效果。由于项目中监控重点是数据库相关内容,硬件监控只是简单点缀,显得好看而已,没有调的比较大。效果图如下:
<UserControl x:Class="Monitor.UC.UCGauge" 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" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="300" xmlns:gauge="clr-namespace:CircularGauge;assembly=CircularGauge" Loaded="UserControl_Loaded"> <Grid> <gauge:CircularGaugeControl x:Name="myGauge1" Grid.Column="0" Grid.Row="0" Radius="75" ScaleRadius="55" ScaleStartAngle="120" ScaleSweepAngle="300" PointerLength="35" PointerCapRadius="15" MinValue="0" MaxValue="100" MajorDivisionsCount="10" MinorDivisionsCount="5" ImageSize="20,30" RangeIndicatorThickness="4" RangeIndicatorRadius="56" RangeIndicatorLightRadius="5" RangeIndicatorLightOffset="40" ScaleLabelRadius="45" ScaleLabelSize="18,10" ScaleLabelFontSize="8" ScaleLabelForeground="LightGray" MajorTickSize="10,3" MinorTickSize="3,1" MajorTickColor="LightGray" MinorTickColor="LightGray" ImageOffset="-22" GaugeBackgroundColor="Black" PointerThickness ="16" OptimalRangeStartValue="30" OptimalRangeEndValue="90" DialTextOffset="20" DialTextColor="Black" BelowOptimalRangeColor="Green" OptimalRangeColor="Yellow"> </gauge:CircularGaugeControl> </Grid> </UserControl>
<UserControl xmlns:my="clr-namespace:Monitor.UC" x:Class="Monitor.UC.UCMonitor" 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" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="300"> <Grid Margin="0,2,0,0"> <!--定义框--> <Grid.RowDefinitions> <RowDefinition Height="40"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <Image Style="{StaticResource HardwareImage}" Grid.Row="0" Margin="2,0,0,0"></Image> <Label Style="{StaticResource BlackContentText}" Content="硬件监控" Grid.Row="0" Margin="20,5,2,2"></Label> <Grid Grid.Row="1" Style="{StaticResource HardwareBackgroundGrid}"> <Grid.ColumnDefinitions> <ColumnDefinition Width="0.5*"></ColumnDefinition> <ColumnDefinition Width="0.5*"></ColumnDefinition> </Grid.ColumnDefinitions> <my:UCGauge x:Name="ucGaugeCUP" Grid.Column="0"/> <my:UCGauge x:Name="ucGaugeMemory" Grid.Column="1"/> </Grid> </Grid> </UserControl>
分类: WPF 标签:控件,硬件,开源,监控,仪表盘,WPF From: https://www.cnblogs.com/webenh/p/18207343