WPF實現特殊統計圖

来源:https://www.cnblogs.com/s0611163/archive/2019/04/12/10694380.html
-Advertisement-
Play Games

效果圖： ActiveFunItem.xaml代碼： <UserControl x:Class="SunCreate.Vipf.Client.UI.ActiveFunItem" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentat ...


效果圖：

 

ActiveFunItem.xaml代碼：

<UserControl x:Class="SunCreate.Vipf.Client.UI.ActiveFunItem"
             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="74" d:DesignWidth="50">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="{Binding ItemWidth}"></RowDefinition>
            <RowDefinition Height="24"></RowDefinition>
        </Grid.RowDefinitions>
        <Border Width="{Binding ItemWidth}" Height="{Binding ItemWidth}" Background="{Binding FillColor}" BorderBrush="{Binding BorderColor}" BorderThickness="2" CornerRadius="{Binding ItemWidthHalf}" >
            <Border.ToolTip>
                <ToolTip>
                    <ToolTip.Template>
                        <ControlTemplate>
                            <Border Background="#88333333" CornerRadius="4">
                                <TextBlock Margin="5" Foreground="#f2f2f2" Text="{Binding FunName}"></TextBlock>
                            </Border>
                        </ControlTemplate>
                    </ToolTip.Template>
                </ToolTip>
            </Border.ToolTip>
            <Image Width="{Binding IconWidth}" Height="{Binding IconWidth}" Stretch="Fill" Source="{Binding Image}" VerticalAlignment="Center" HorizontalAlignment="Center"></Image>
        </Border>
        <StackPanel Grid.Row="1" Orientation="Horizontal" HorizontalAlignment="Center">
            <TextBlock Text="{Binding Count}" Foreground="#008bf1" FontSize="20" VerticalAlignment="Center"></TextBlock>
            <TextBlock Text="次" Foreground="#008bf1" FontSize="20" VerticalAlignment="Center"></TextBlock>
        </StackPanel>
    </Grid>
</UserControl>
View Code

ActiveFunItem.xaml.cs代碼：

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace SunCreate.Vipf.Client.UI
{
    /// <summary>
    /// 圖標控制項
    /// </summary>
    public partial class ActiveFunItem : UserControl, INotifyPropertyChanged
    {
        private Thickness _OriginalMargin;
        /// <summary>
        /// 初始Margin
        /// </summary>
        public Thickness OriginalMargin
        {
            get
            {
                return _OriginalMargin;
            }
            set
            {
                _OriginalMargin = value;
                OnPropertyChanged("OriginalMargin");
            }
        }

        private int _ItemWidth = 50;
        /// <summary>
        /// 圓寬度
        /// </summary>
        public int ItemWidth
        {
            get
            {
                return _ItemWidth;
            }
            set
            {
                _ItemWidth = value;
                OnPropertyChanged("ItemWidth");

                ItemWidthHalf = ItemWidth / 2;
                IconWidth = (int)(ItemWidth * 0.65);
            }
        }

        private int _ItemWidthHalf = 25;
        /// <summary>
        /// 圓寬度一半
        /// </summary>
        public int ItemWidthHalf
        {
            get
            {
                return _ItemWidthHalf;
            }
            set
            {
                _ItemWidthHalf = value;
                OnPropertyChanged("ItemWidthHalf");
            }
        }

        private int _IconWidth = 30;
        /// <summary>
        /// 圖標寬度
        /// </summary>
        public int IconWidth
        {
            get
            {
                return _IconWidth;
            }
            set
            {
                _IconWidth = value;
                OnPropertyChanged("IconWidth");
            }
        }

        private SolidColorBrush _FillColor = new SolidColorBrush((Color)ColorConverter.ConvertFromString("#ff9848"));
        /// <summary>
        /// 填充顏色
        /// </summary>
        public SolidColorBrush FillColor
        {
            get
            {
                return _FillColor;
            }
            set
            {
                _FillColor = value;
                OnPropertyChanged("FillColor");
            }
        }

        private SolidColorBrush _BorderColor = new SolidColorBrush((Color)ColorConverter.ConvertFromString("#ed6900"));
        /// <summary>
        /// 邊框顏色
        /// </summary>
        public SolidColorBrush BorderColor
        {
            get
            {
                return _BorderColor;
            }
            set
            {
                _BorderColor = value;
                OnPropertyChanged("BorderColor");
            }
        }

        private ImageSource _Image = new BitmapImage(new Uri("/SunCreate.Vipf.Client.Resources;component/Image/_ZZ/ManagerMainPage/活躍功能-人臉分析.png", UriKind.RelativeOrAbsolute));
        /// <summary>
        /// 圖標的圖片
        /// </summary>
        public ImageSource Image
        {
            get { return _Image; }
            set
            {
                _Image = value;
                OnPropertyChanged("Image");
            }
        }

        private int _Count = 3600;
        /// <summary>
        /// 活躍次數
        /// </summary>
        public int Count
        {
            get
            {
                return _Count;
            }
            set
            {
                _Count = value;
                OnPropertyChanged("Count");
            }
        }

        private string _FunName;
        /// <summary>
        /// 功能名稱
        /// </summary>
        public string FunName
        {
            get
            {
                return _FunName;
            }
            set
            {
                _FunName = value;
                OnPropertyChanged("FunName");
            }
        }

        public ActiveFunItem()
        {
            InitializeComponent();
            this.DataContext = this;
        }

        #region INotifyPropertyChanged介面
        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged(string name)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(name));
            }
        }
        #endregion

    }
}
View Code

ActiveFunction.xaml代碼：

<UserControl x:Class="SunCreate.Vipf.Client.UI.ActiveFunction"
             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:SunCreate.Vipf.Client.UI"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300" Loaded="UserControl_Loaded">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="30"></RowDefinition>
            <RowDefinition Height="1*"></RowDefinition>
        </Grid.RowDefinitions>
        <Border CornerRadius="5 5 0 0" Background="#368bf0">
            <StackPanel Orientation="Horizontal" Margin="10 0 0 0">
                <Image Width="14" Source="/SunCreate.Vipf.Client.Resources;component/Image/_ZZ/ManagerMainPage/面板-活躍功能.png"></Image>
                <TextBlock Margin="10 0 0 0" Text="活躍功能" FontSize="14" Foreground="#fff" VerticalAlignment="Center"></TextBlock>
            </StackPanel>
        </Border>
        <Border Grid.Row="1" CornerRadius="0 0 5 5" Background="#ffffff" BorderThickness="1 0 1 1" BorderBrush="#dddddd" SnapsToDevicePixels="True">
            <Grid>
                <Viewbox x:Name="viewbox" Stretch="Fill" Height="260" Width="260">
                    <Canvas Width="320" Height="320">
                        <Grid>
                            <Grid Width="300" Height="300">
                                <Grid.Background>
                                    <ImageBrush Stretch="Fill" ImageSource="/SunCreate.Vipf.Client.Resources;component/Image/_ZZ/ManagerMainPage/活躍總量.png"/>
                                </Grid.Background>
                            </Grid>
                            <Grid x:Name="container" Width="320" Height="320">
                                <local:ActiveFunItem VerticalAlignment="Top" HorizontalAlignment="Left" Margin="76,20,0,0"></local:ActiveFunItem>
                                <local:ActiveFunItem VerticalAlignment="Top" HorizontalAlignment="Left" Margin="173,20,0,0"></local:ActiveFunItem>
                                <local:ActiveFunItem VerticalAlignment="Top" HorizontalAlignment="Left" Margin="240,79,0,0"></local:ActiveFunItem>
                                <local:ActiveFunItem VerticalAlignment="Top" HorizontalAlignment="Left" Margin="241,182,0,0"></local:ActiveFunItem>
                                <local:ActiveFunItem VerticalAlignment="Top" HorizontalAlignment="Left" Margin="171,247,0,0"></local:ActiveFunItem>
                                <local:ActiveFunItem VerticalAlignment="Top" HorizontalAlignment="Left" Margin="75,247,0,0"></local:ActiveFunItem>
                                <local:ActiveFunItem VerticalAlignment="Top" HorizontalAlignment="Left" Margin="11,178,0,0"></local:ActiveFunItem>
                                <local:ActiveFunItem VerticalAlignment="Top" HorizontalAlignment="Left" Margin="12,82,0,0"></local:ActiveFunItem>
                            </Grid>
                            <TextBlock Text="{Binding Count}" FontSize="30" FontWeight="Bold" Foreground="#ff2121" VerticalAlignment="Center" HorizontalAlignment="Center"></TextBlock>
                        </Grid>
                    </Canvas>
                </Viewbox>
            </Grid>
        </Border>
    </Grid>
</UserControl>
View Code

ActiveFunction.xaml.cs代碼：

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace SunCreate.Vipf.Client.UI
{
    /// <summary>
    /// 活躍功能
    /// </summary>
    public partial class ActiveFunction : UserControl, INotifyPropertyChanged
    {
        #region 欄位屬性
        /// <summary>
        /// 圖標控制項集合
        /// </summary>
        private List<ActiveFunItem> _list = new List<ActiveFunItem>();

        /// <summary>
        /// 圖標背景顏色
        /// </summary>
        private SolidColorBrush[] _fillColorArr = new SolidColorBrush[8] {
            new SolidColorBrush((Color)ColorConverter.ConvertFromString("#ff9848")),
            new SolidColorBrush((Color)ColorConverter.ConvertFromString("#009df0")),
            new SolidColorBrush((Color)ColorConverter.ConvertFromString("#009df0")),
            new SolidColorBrush((Color)ColorConverter.ConvertFromString("#ff211b")),
            new SolidColorBrush((Color)ColorConverter.ConvertFromString("#009df0")),
            new SolidColorBrush((Color)ColorConverter.ConvertFromString("#009df0")),
            new SolidColorBrush((Color)ColorConverter.ConvertFromString("#00d235")),
            new SolidColorBrush((Color)ColorConverter.ConvertFromString("#009df0"))
        };

        /// <summary>
        /// 圖標背景邊框顏色
        /// </summary>
        private SolidColorBrush[] _borderColorArr = new SolidColorBrush[8] {
            new SolidColorBrush((Color)ColorConverter.ConvertFromString("#ed6900")),
            new SolidColorBrush((Color)ColorConverter.ConvertFromString("#0065d1")),
            new SolidColorBrush((Color)ColorConverter.ConvertFromString("#0065d1")),
            new SolidColorBrush((Color)ColorConverter.ConvertFromString("#b40000")),
            new SolidColorBrush((Color)ColorConverter.ConvertFromString("#0065d1")),
            new SolidColorBrush((Color)ColorConverter.ConvertFromString("#0065d1")),
            new SolidColorBrush((Color)ColorConverter.ConvertFromString("#00912b")),
            new SolidColorBrush((Color)ColorConverter.ConvertFromString("#0065d1"))
        };

        /// <summary>
        /// 圖標大小
        /// </summary>
        private int[] _widthArr = new int[8] {
            90,
            80,
            70,
            60,
            55,
            50,
            45,
            40
        };

        /// <summary>
        /// 位置數組
        /// </summary>
        private int[] _posArr = new int[8] {
            3,
            0,
            6,
            2,
            7,
            4,
            1,
            5
        };

        /// <summary>
        /// 功能名稱圖標集合
        /// </summary>
        private Dictionary<string, ImageSource> _dictNameIcon = new Dictionary<string, ImageSource>();

        private int _Count;
        /// <summary>
        /// 活躍總量
        /// </summary>
        public int Count
        {
            get
            {
                return _Count;
            }
            set
            {
                _Count = value;
                OnPropertyChanged("Count");
            }
        }
        #endregion

        public ActiveFunction()
        {
            InitializeComponent();
            this.DataContext = this;

            this.Count = 21834; //活躍總量

            #region 功能名稱圖標集合(後期補充更多功能名稱圖標)
            _dictNameIcon.Add("車輛分析", new BitmapImage(new Uri("/SunCreate.Vipf.Client.Resources;component/Image/_ZZ/ManagerMainPage/活躍功能-車輛分析.png", UriKind.RelativeOrAbsolute)));
            _dictNameIcon.Add("行為分析", new BitmapImage(new Uri("/SunCreate.Vipf.Client.Resources;component/Image/_ZZ/ManagerMainPage/活躍功能-行為分析.png", UriKind.RelativeOrAbsolute)));
            _dictNameIcon.Add("結構化分析", new BitmapImage(new Uri("/SunCreate.Vipf.Client.Resources;component/Image/_ZZ/ManagerMainPage/活躍功能-結構化分析.png", UriKind.RelativeOrAbsolute)));
            _dictNameIcon.Add("歷史視頻", new BitmapImage(new Uri("/SunCreate.Vipf.Client.Resources;component/Image/_ZZ/ManagerMainPage/活躍功能-歷史視頻.png", UriKind.RelativeOrAbsolute)));
            _dictNameIcon.Add("人臉分析", new BitmapImage(new Uri("/SunCreate.Vipf.Client.Resources;component/Image/_ZZ/ManagerMainPage/活躍功能-人臉分析.png", UriKind.RelativeOrAbsolute)));
            _dictNameIcon.Add("實時視頻", new BitmapImage(new Uri("/SunCreate.Vipf.Client.Resources;component/Image/_ZZ/ManagerMainPage/活躍功能-實時視頻.png", UriKind.RelativeOrAbsolute)));
            _dictNameIcon.Add("視頻巡查", new BitmapImage(new Uri("/SunCreate.Vipf.Client.Resources;component/Image/_ZZ/ManagerMainPage/活躍功能-視頻巡查.png", UriKind.RelativeOrAbsolute)));
            _dictNameIcon.Add("資源申請", new BitmapImage(new Uri("/SunCreate.Vipf.Client.Resources;component/Image/_ZZ/ManagerMainPage/活躍功能-資源申請.png", UriKind.RelativeOrAbsolute)));
            #endregion

            #region 初始化控制項
            int i = 0;
            foreach (ActiveFunItem item in container.Children)
            {
                item.OriginalMargin = new Thickness(item.Margin.Left + 25, item.Margin.Top + 25, 0, 0);
                item.FillColor = _fillColorArr[i];
                item.BorderColor = _borderColorArr[i];
                _list.Add(item);
                i++;
            }
            #endregion

            Statistic();

        }

        #region 統計
        /// <summary>
        /// 統計
        /// </summary>
        public void Statistic()
        {
            #region 活躍功能活躍次數測試數據
            Dictionary<string, int> dict = new Dictionary<string, int>();
            dict.Add("人臉分析", 1223);
            dict.Add("行為分析", 239);
            dict.Add("結構化分析", 621);
            dict.Add("歷史視頻", 1520);
            dict.Add("實時視頻", 523);
            dict.Add("車輛分析", 805);
            dict.Add("視頻巡查", 89);
            dict.Add("資源申請", 363);
            #endregion

            #region 重新計算ActiveFunItem屬性
            List<KeyValuePair<string, int>> _sortedList = dict.ToList();
            _sortedList.Sort((a, b) => b.Value - a.Value); //對統計數據排序

            for (int k = 0; k < _sortedList.Count; k++)
            {
                KeyValuePair<string, int> keyValuePair = _sortedList[k];
                int index = _posArr[k];

                ActiveFunItem funItem = _list[index];
                funItem.ItemWidth = _widthArr[k];
                funItem.Margin = new Thickness(funItem.OriginalMargin.Left - funItem.ItemWidthHalf, funItem.Origi
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • JS通過ClassName禁止DIV點擊
    //通過ClassName獲取div，使用setAttribute設置div禁止點擊 pointer-events: none;是css3新出現的屬性，意思就是禁止滑鼠點擊事件，當元素中有這一屬性時，鏈接、點擊事件統統失效 ...
  • 設計一下類似SpringIoC的註入工具~Lind.DI
    通過註解（特性）的方式進行對象的註冊與註入，方便，靈活！ 本篇主要講如何去實現，下一篇主要講如何把它集成到mvc和api環境里，實現自動的註入！ spring ioc工作的過程大致為，統一的註冊組件，攔截當前請求，統一的註入當前請求所需要的組件，事實上，說到這事，.net也完全可以實現這個功能和工作 ...
  • SSO集成方案[隨筆]
    看這個方案之前，先說明下為什麼要加入SSO，以防對大家產生不好的影響。我們產品使用傳統winform+db服務+Db存儲方式開發，一群老菜幫子開發，以傳統的datatble做數據傳遞，很多年了未有變化。 然後我來了，感覺我這個老菜幫子都受不了這種開發，然後下定決心，作了一些封裝，看起來有點像orm的 ...
  • C#/.NET基於Topshelf創建Windows服務程式及服務的安裝和卸載(極速，簡潔)
    對於使用Windows操作系統的人來說，Windows Service(Windows服務)應該不會陌生。在Windows操作系統中，我們可以在”運行”視窗中運行service.msc，即可打開一個查看Windows服務的視窗。Windows服務基本都是一些後臺運行的服務進程，沒有UI界面，每個服務... ...
  • VS2017、VS2019沒有Setup安裝項目（Visual Studio Installer）_解決方案
    VS2010中有一個自帶的安裝部署項目，叫：Visual Studio Installer ，我們通常稱為:setup項目，是一個用於自定義安裝部署的項目方案。但是在VS2017，VS2019中均不見了，安裝程式組件中也沒有，通過強大的谷歌和百度，發現有一個擴展方案，在VS市場里有一個可用的VS擴展 ...
  • C# ASP.NET MVC:使用Cookie記住賬號密碼
    MVC記住賬號密碼 使用cookie操作 前端: JS代碼: 通過AJAX 傳輸數據 我們不僅要傳輸賬號和密碼 還有傳覆選框的狀態(參數CK) 在登錄的方法中: CK參數就是覆選框的狀態true或false 首先判斷資料庫中是否存在賬號密碼 之後判斷覆選框是否選中 選中: 創建一個cookie對象 ...
  • 在Winform系統界面中對進展階段的動態展示和處理
    在我們做客戶關係管理系統的Winform界面的時候，需要對進展階段這個屬性進行一個方便的動態切換和標記處理，如我們根據不同的進展階段顯示不同的相關信息，也可以隨時保存當前的階段信息。其實也是一個比較常見的功能，我們可以把字典列表扁平化動態展示在控制項上，然後根據用戶選擇的階段位置進行切換即可，本篇隨筆... ...
  • net 把指定 URI 的資源下載到本地
    DirectoryInfo dir = new DirectoryInfo(AppContext.BaseDirectory); var path = dir.FullName + @"tempFile\"; var filePath = path + Guid.NewGuid() + fileNa... ...
一周排行
    -Advertisement-
    Play Games
  • WPF 已知問題 監聽 WMI 事件導致觸摸失效
    示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後，項目結構如下所示： MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread]特性
    [STAThread] 特性用於需要與 COM 組件交互的應用程式，尤其是依賴單線程模型（如 Windows Forms 應用程式）的組件。在 STA 模式下，線程擁有自己的消息迴圈，這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • UWP WinUI3 傳入 AddHandler 的 RoutedEventHandler 類型與事件所需不匹配將拋出參數異常
    在WinForm中使用全局異常捕獲處理 在WinForm應用程式中，全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理，可以有效地捕獲並處理未預見的異常，從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • .NET 多版本 WinForm 開源控制項庫 SunnyUI
    前言 給大家推薦一款開源的 Winform 控制項庫，可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫，同時也提供了工具類庫、擴展 ...
  • .net core8 使用Swagger（附當前源碼）
    說明 該文章是屬於OverallAuth2.0系列文章，每周更新一篇該系列文章（從0到1完成系統開發）。 該系統文章，我會儘量說的非常詳細，做到不管新手、老手都能看懂。 說明：OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友，請關註我吧(*^▽^*) ...
  • WPF 什麼時候 VisualTreeHelper.GetDescendantBounds 將返回無窮大
    一、下載安裝 1.下載git 必須先下載並安裝git，再TortoiseGit下載安裝 git安裝參考教程：https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit，Git客戶端，32/6 ...
  • C# 開源教程帶你輕鬆掌握數據結構與演算法
    前言 在項目開發過程中，理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼，還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程：Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 第22篇 生成proto文件bat腳本
    1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 記一次 .NET某上位機視覺程式 卡死分析
    一：背景 1. 講故事 前段時間有位朋友找到我，說他的窗體程式在客戶這邊出現了卡死，讓我幫忙看下怎麼回事？dump也生成了，既然有dump了那就上 windbg 分析吧。 二：WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死，入口門檻很低，後續往下分析就不一定了，不管怎麼說先用 !clrsta ...
  • 醫學DICOM文件與PACS系統進行數據傳輸
    前言 人工智慧時代，人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API，工具不僅易於集成，還具備高效處理能力。 本文將介紹一款如何利用這些API，為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...
所有分類