C#自定義控制項—轉換開關

来源:https://www.cnblogs.com/guoenshuo/p/18391635
-Advertisement-
Play Games

本文介紹下電腦設備關機的情況下如何通過網路喚醒設備，之前電源S狀態 電腦Power電源狀態- 唐宋元明清2188 - 博客園 (cnblogs.com) 有介紹過遠程喚醒設備，後面這倆天瞭解多了點所以單獨加個隨筆 設備關機的情況下，使用網路喚醒的前提條件： 1. 被喚醒設備需要支持這WakeOnL ...


C#用戶控制項之轉換開關

如何自定義一個轉換鍵（Toggle）？

三步繪製一個精美控制項：

  1. 定義屬性；
  2. 畫布重繪；
  3. 添加事件；

主要技能：

  • 如何自定義屬性；
  • 畫布重繪的一般格式；
  • 控制項的事件觸發過程；
  • 技能擴展

    1. 轉換按鈕使能時添加二次確認彈框？

    2. 在From窗體中應用控制項時，點擊事件沒有觸發？

    3. 屬性名稱在控制項屬性樹中的排列如何定義？

    4. 添加一個字體更改屬性？

1.定義屬性

  • 字體（Font）
  • 顏色（Color）
  • 字元串（String）
  • 枚舉（Enum）
  • 屬性說明 [Browsable(true)]
#region 屬性

private Font displayFont = new Font("Segoe UI", 12);
[Browsable(true)]
[Category("佈局_G")]
[Description("字體格式")]
public Font DisplayFont
{
    get { return displayFont; }
    set
    {
        if (value != null)
        {
            displayFont = value;
            this.Invalidate(); // Trigger redraw
        }
    }
}

private bool _checked = false;
[Browsable(true)]  //說明（需放在屬性前邊）：是否選中
[Category("佈局_G")]
[Description("是否選中")]
public bool Checked
{
    get { return _checked; }
    set
    {
        _checked = value;
        this.Invalidate();

        //激活觸發事件
        this.MouseDown_G?.Invoke(this, null);

    }
}

private string falseText = "關閉";
[Browsable(true)]  //說明：文本關閉
[Category("佈局_G")]
[Description("文本關閉")]
public string FalseText
{
    get { return falseText; }
    set { falseText = value; this.Invalidate(); }
}

//樣式切換
public enum SwType
{
    Ellipse,    //橢圓
    Rectangle,  //矩形
}

private SwType switchType = SwType.Ellipse;
[Browsable(true)]  //說明：切換樣式
[Category("佈局_G")]
[Description("切換樣式")]
public SwType SwitchType
{
    get { return switchType; }
    set { switchType = value; this.Invalidate(); }
}

private Color sliderColor = Color.White; //Color.White
[Browsable(true)]  //說明：滑塊顏色
[Category("佈局_G")]
[Description("滑塊顏色")]
public Color SliderColor
{
    get { return sliderColor; }
    set { sliderColor = value; this.Invalidate(); }
}

#endregion

屬性名稱在控制項屬性樹中的排列如何定義？
答：根據屬性說明安裝A~Z的字母順序排列

2.畫布重繪

  • 畫帶四角圓弧的矩形、滑塊、文本；
  • 畫橢圓、滑塊、文本
      #region 畫布

      private Graphics graphics;
      private int width;
      private int height;

      //矩形繪製
      protected override void OnPaint(PaintEventArgs e)
      {
          base.OnPaint(e);
          graphics = e.Graphics;
          graphics.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias;
          graphics.TextRenderingHint = System.Drawing.Text.TextRenderingHint.ClearTypeGridFit;
          graphics.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.AntiAlias;
          graphics.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;

          this.width = this.Width;
          this.height = this.Height;

          if (this.switchType == SwType.Rectangle)  //欄位選擇為矩形時
          {
              //填充色
              Color fillColor = this._checked ? trueColor : falseColor;

              //帶四角圓弧的矩形
              GraphicsPath path = new GraphicsPath();
              int diameter = 10;  //預設圓弧直徑
              //左上角圓弧：起始坐標，寬，高，開始角度，掃描角度
              path.AddArc(0, 0, diameter, diameter, 180f, 90f);
              path.AddArc(this.width - diameter, 0, diameter, diameter, 270f, 90f);  //右上角
              path.AddArc(this.width - diameter, this.height - diameter, diameter, diameter, 0f, 90f);  //右下角
              path.AddArc(0, this.height - diameter, diameter, diameter, 90f, 90f);  //左下角
              graphics.FillPath(new SolidBrush(fillColor), path);  //填充色

              //文本
              string strText = this._checked ? trueText : falseText;

              //滑塊(true\false 兩種形態)
              if (_checked)
              {
                  //繪製滑塊
                  path = new GraphicsPath();
                  int sliderwidth = this.height - 4;
                  path.AddArc(this.width - sliderwidth - 2, 2, diameter, diameter, 180f, 90f);
                  path.AddArc(this.width - diameter - 2, 2, diameter, diameter, 270f, 90f);
                  path.AddArc(this.width - diameter - 2, this.height - diameter - 2, diameter, diameter, 0f, 90f);
                  path.AddArc(this.width - sliderwidth - 2, this.height - diameter - 2, diameter, diameter, 90f, 90f);
                  graphics.FillPath(new SolidBrush(sliderColor), path);

                  //繪製文本
                  Rectangle rec = new Rectangle(0, 0, this.width - sliderwidth - 2, this.height);
                  StringFormat sf = new StringFormat();
                  sf.Alignment = StringAlignment.Center;
                  sf.LineAlignment = StringAlignment.Center;

                  graphics.DrawString(strText, DisplayFont, new SolidBrush(sliderColor), rec, sf);

              }
              else
              {
                  //繪製滑塊
                  path = new GraphicsPath();
                  int sliderwidth = this.height - 4;
                  path.AddArc(2, 2, diameter, diameter, 180f, 90f);
                  path.AddArc(sliderwidth - diameter + 2, 2, diameter, diameter, 270f, 90f);
                  path.AddArc(sliderwidth - diameter + 2, sliderwidth - diameter + 2, diameter, diameter, 0f, 90f);
                  path.AddArc(2, sliderwidth - diameter + 2, diameter, diameter, 90f, 90f);
                  graphics.FillPath(new SolidBrush(sliderColor), path);

                  //繪製文本
                  Rectangle rec = new Rectangle(sliderwidth + 2, 0, this.width - sliderwidth - 2, this.height);
                  StringFormat sf = new StringFormat();
                  sf.Alignment = StringAlignment.Center;
                  sf.LineAlignment = StringAlignment.Center;
                  graphics.DrawString(strText, DisplayFont, new SolidBrush(sliderColor), rec, sf);
              }
          }
          else if (this.switchType == SwType.Ellipse)  //欄位選擇為橢圓時
          {
              //填充色
              Color fillColor = this._checked ? trueColor : falseColor;

              //橢圓形
              GraphicsPath path = new GraphicsPath();

              path.AddArc(1, 1, this.height - 2, this.height - 2, 90f, 180f);
              path.AddArc(this.width - (this.height - 2) - 1, 1, this.height - 2, this.height - 2, 270f, 180f);
              graphics.FillPath(new SolidBrush(fillColor), path);  //填充色

              //文本
              string strText = this._checked ? TrueText : falseText;

              //滑塊(true\false 兩種形態)
              if (_checked)
              {
                  //繪製滑塊
                  int ciclewidth = this.height - 6;
                  graphics.FillEllipse(new SolidBrush(sliderColor), new Rectangle(this.width - ciclewidth - 3, 3, ciclewidth, ciclewidth));

                  //繪製文本
                  Rectangle rec = new Rectangle(0, 0, this.width - ciclewidth - 3, this.height);
                  StringFormat sf = new StringFormat();
                  sf.Alignment = StringAlignment.Center;
                  sf.LineAlignment = StringAlignment.Center;
                  graphics.DrawString(strText, DisplayFont, new SolidBrush(sliderColor), rec, sf);
              }
              else
              {
                  //繪製滑塊
                  int ciclewidth = this.height - 6;

                  graphics.FillEllipse(new SolidBrush(sliderColor), new Rectangle(3, 3, ciclewidth, ciclewidth));

                  //繪製文本
                  Rectangle rec = new Rectangle(ciclewidth + 3, 0, this.width - ciclewidth - 3, this.height);
                  StringFormat sf = new StringFormat();
                  sf.Alignment = StringAlignment.Center;
                  sf.LineAlignment = StringAlignment.Center;
                  graphics.DrawString(strText, DisplayFont, new SolidBrush(sliderColor), rec, sf);
              }
          }
      }

      #endregion

3.添加事件

理解 ：在From中控制項的滑鼠點擊事件的執行過程

先執行控制項內部的MouseDown方法——其方法內部的屬性——其屬性中的觸發事件——最後執行From後臺的點擊生成的自定義方法（可自定義）

其他技巧： 應用控制項時拉出來雙擊即可生成自定義方法

<From中雙擊控制項預設是Load方法，想讓他自動生成自己設置的事件需要在控制項代碼中添加：[DefaultEvent("MouseDown_G")]>。

//指定預設事件（雙擊控制項進入）
[DefaultEvent("MouseDown_G")]

關鍵代碼：點擊控制項彈出框確認後再執行From的事件中的代碼

//事件聲明 public event EventHandler MouseDown_G;

//激活事件 this.MouseDown_G?.Invoke(this, null); ——執行完成跳轉到From中的雙擊事件方法中

//構造函數添加滑鼠點擊事件——點擊控制項事件處理
this.MouseDown += Toggle_MouseDown;

//構造函數添加事件處理後自動生成此方法（無需在控制項的屬性中雙擊）
private void Toggle_MouseDown(object sender, MouseEventArgs e)
  {
      DialogResult dr = MessageBox.Show("二次確認操作？", "提示您", MessageBoxButtons.OKCancel, MessageBoxIcon.Question);
      if (dr == DialogResult.OK)
      {
          Checked = !Checked;
      }
      else return;
  }

發現一個錯誤，當應用該控制項時，在From中點擊無效；經過兩天的查詢（斷點查詢）才發現問題所在，在Form的設計器中的From屬性的Enable為False，改為true才可使能
原因：控制項更新後沒有及時生成導致From崩盤後（空視窗後沒在意），導致Designer的預設代碼更改。

End

討論交流請留言


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 理想雪 - 就是為了來見你
    寫在前面 4002 字 | 陪伴 | 親密關係 | 患難與共 《理想雪》系列故事均為架空世界觀，所有人名、地名等與現實世界無任何關聯。 該系列只且僅只為了說明，小說作者在該情境下會誕生的想法和採取的行動，以及背後的世界觀、價值觀和人生觀。因此將具有強烈的個人風格。 未經授權，禁止轉載。僅供小範圍內閱 ...
  • manim邊學邊做--帶箭頭直線
    帶箭頭的直線就是有方向的直線，既可以用來表示矢量，也可以用來標記某個關鍵位置。manim中提供了4種常用的帶箭頭的直線模塊： Arrow：單箭頭的直線 DoubleArrow：雙箭頭的直線 LabeledArrow：帶標簽的直線 Vector：向量 其中，DoubleArrow，LabeledArr ...
  • 六，Spring Boot 容器中 Lombok 插件的詳細使用，簡化配置，提高開發效率
    六，Spring Boot 容器中 Lombok 插件的詳細使用，簡化配置，提高開發效率 @目錄六，Spring Boot 容器中 Lombok 插件的詳細使用，簡化配置，提高開發效率1. Lombok 介紹2. Lombok 常用註解2.1 @ToString2.2 @Setter2.3 @Dat ...
  • 5.判斷和迴圈
    Springboot黑馬點評(3)——優惠券秒殺 【還剩Redisson的最後兩節沒測試 後續補上】 另外，後期單獨整理一份關於分散式鎖筆記 1 優惠券秒殺實現 1.1 用戶-優惠券訂單設計 1.1.1 全局ID生成器 使用資料庫自增ID作為訂單ID存在問題 1.1.2 考慮全局唯一ID生成邏輯 時 ...
  • 4.從輸入輸出到基本運算符的學習
    原文地址https://blog.fanscore.cn/a/61/ 1. wssh 1.1 開發背景 公司內部的發佈系統提供一個連接到k8s pod的web終端，可以在網頁中連接到k8s pod內。實現原理大概為通過websocket協議代理了k8s pod ssh，然後在前端通過xterm.js ...
  • PHP轉Go系列 | ThinkPHP與Gin框架之Redis延時消息隊列技術實踐
    我們在某寶或某多多上搶購商品時，如果只是下了訂單但沒有進行實際的支付，那在訂單頁面會有一個支付倒計時，要是過了這個時間點那麼訂單便會自動取消。在這樣的業務場景中，一般情況下就會使用到延時隊列。 ...
  • C#自定義控制項—流動管道
    國內文章 【音視頻通話】使用asp.net core 8+vue3 實現高效音視頻通話 https://www.cnblogs.com/1996-Chinese-Chen/p/18384394 該文章描述了使用SRS實現音視頻通話和共用桌面的經驗。從最初使用nginx的RTMP到研究SRS和ZLMe ...
  • .NET 8.0 前後分離快速開發框架
    前言 大家好，推薦一個.NET 8.0 為核心，結合前端 Vue 框架，實現了前後端完全分離的設計理念。它不僅提供了強大的基礎功能支持，如許可權管理、代碼生成器等，還通過採用主流技術和最佳實踐，顯著降低了開發難度，加快了項目交付速度。 如果你需要一個高效的開發解決方案，本框架能幫助大家輕鬆應對挑戰，實 ...
一周排行
    -Advertisement-
    Play Games
  • C#自定義控制項—指示燈
    前言 推薦一款基於.NET 8、WPF、Prism.DryIoc、MVVM設計模式、Blazor以及MySQL資料庫構建的企業級工作流系統的WPF客戶端框架-AIStudio.Wpf.AClient 6.0。 項目介紹 框架採用了 Prism 框架來實現 MVVM 模式，不僅簡化了 MVVM 的典型 ...
  • WPF 保姆級教程怎麼實現一個樹形菜單
    先看一下效果吧: 我們直接通過改造一下原版的TreeView來實現上面這個效果 我們先創建一個普通的TreeView 代碼很簡單: <TreeView> <TreeViewItem Header="人事部"/> <TreeViewItem Header="技術部"> <TreeViewItem He ...
  • 2024 年學習人工智慧的免費認證課程
    1. 生成式 AI 簡介 https://imp.i384100.net/LXYmq3 2. Python 語言 https://imp.i384100.net/5gmXXo 3. 統計和 R https://youtu.be/ANMuuq502rE?si=hw9GT6JVzMhRvBbF 4. 數 ...
  • 必應每日壁紙API封裝
    本文為大家介紹下.NET解壓/壓縮zip文件。雖然解壓縮不是啥核心技術，但壓縮性能以及進度處理還是需要關註下，針對使用較多的zip開源組件驗證，給大家提供個技術選型參考 之前在《.NET WebSocket高併發通信阻塞問題 - 唐宋元明清2188 - 博客園 (cnblogs.com)》講過，團隊 ...
  • C#自定義控制項—旋轉按鈕
    之前寫過兩篇關於Roslyn源生成器生成源代碼的用例,今天使用Roslyn的代碼修複器CodeFixProvider實現一個cs文件頭部註釋的功能, 代碼修複器會同時涉及到CodeFixProvider和DiagnosticAnalyzer, 實現FileHeaderAnalyzer 首先我們知道修 ...
  • 不可不知的WPF幾何圖形（Geometry）
    在軟體行業，經常會聽到一句話“文不如表，表不如圖”說明瞭圖形在軟體應用中的重要性。同樣在WPF開發中，為了程式美觀或者業務需要，經常會用到各種個樣的圖形。今天以一些簡單的小例子，簡述WPF開發中幾何圖形（Geometry）相關內容，僅供學習分享使用，如有不足之處，還請指正。 ...
  • 可測試，可維護，可移植：上位機軟體分層設計的重要性
    在 C# 中使用 RabbitMQ 通過簡訊發送重置後的密碼到用戶的手機號上，你可以按照以下步驟進行 1.安裝 RabbitMQ 客戶端庫 首先，確保你已經安裝了 RabbitMQ 客戶端庫。你可以通過 NuGet 包管理器來安裝： dotnet add package RabbitMQ.Clien ...
  • 第19篇 Protocol Buffers 編譯器生成proto文件
    1.下載 Protocol Buffers 編譯器（protoc） 前往 Protocol Buffers GitHub Releases 頁面。在 "Assets" 下找到適合您系統的壓縮文件，通常為 protoc-{version}-win32.zip 或 protoc-{version}-wi ...
  • dotnet 讀 WPF 源代碼筆記 從 WM_POINTER 消息到 Touch 事件
    簡介 在現代微服務架構中，服務發現（Service Discovery）是一項關鍵功能。它允許微服務動態地找到彼此，而無需依賴硬編碼的地址。以前如果你搜 .NET Service Discovery，大概率會搜到一大堆 Eureka，Consul 等的文章。現在微軟為我們帶來了一個官方的包：Micr ...
  • .NET Core搭配Vue開源彈幕效果，實現一個評論小項目。好玩！
    ZY樹洞 前言 ZY樹洞是一個基於.NET Core開發的簡單的評論系統，主要用於大家分享自己心中的感悟、經驗、心得、想法等。 好了，不賣關子了，這個項目其實是上班無聊的時候寫的，為什麼要寫這個項目呢？因為我單純的想吐槽一下工作中的不滿而已。 項目介紹 項目很簡單，主要功能就是提供一個簡單的評論系統 ...
所有分類