WPF 自定義ColorDialog DropDownCustomColorPicker

来源:http://www.cnblogs.com/08shiyan/archive/2017/05/07/6819298.html
-Advertisement-
Play Games

今天分享一個 WPF 版的ColorDialog,該控制項源自 這裡,不過筆者已經該控制項做了大量的修改工作,以適應自己的產品需求,閑話少說,先看看效果圖: 1、DropDownCustomColorPicker 效果圖 先看原項目的(喜歡這種方式的,請到 這裡 下載源碼 ) 被筆者修改之後的效果圖: ...


今天分享一個 WPF 版的ColorDialog,該控制項源自 這裡,不過筆者已經該控制項做了大量的修改工作,以適應自己的產品需求,閑話少說,先看看效果圖:

 

1、DropDownCustomColorPicker  效果圖

先看原項目的(喜歡這種方式的,請到 這裡 下載源碼 )

被筆者修改之後的效果圖:

二、DropDownCustomColorPicker  四種顏色選擇方式

第一種:單擊任意一個預定義的顏色即可。

這些顏色通過反射 Colors 中的屬性獲得的, 筆者 對這些顏色進行排序,視覺效果更美觀了。

    /// <summary>
    /// 反射預定義顏色
    /// </summary>
    public class CustomColors
    {
        List<Color> selectableColors = null;

        public List<Color> SelectableColors
        {
            get { return selectableColors; }
            set { selectableColors = value; }
        }

        public CustomColors()
        {
            var list = new List<Color>();

            Type ColorsType = typeof(Colors);
            PropertyInfo[] ColorsProperty = ColorsType.GetProperties();

            foreach (PropertyInfo property in ColorsProperty)
            {
                list.Add((Color)ColorConverter.ConvertFromString(property.Name));
            }

            list.Sort(new Comparison<Color>((Color x, Color y) =>
            {
                var xtotal = x.R + x.G + x.B;

                var ytotal = y.R + y.G + y.B;

                return xtotal.CompareTo(ytotal); // 升序排列
            }));

            selectableColors = list;
        }

    }
反射 Colors 中的預定義顏色 併排序

 

第二種:使用滑鼠選擇圖像中任意一個像素點的顏色

該控制項原作者使用的是 CroppedBitmap 來獲取指定像素點的顏色值,還有一種方式 WriteableBitmap,也可以達到類似的目的

        private Color GetColorFromImage(int i, int j)
        {
            CroppedBitmap cb = new CroppedBitmap(image.Source as BitmapSource,
                new Int32Rect(i,
                    j, 1, 1));
            byte[] color = new byte[4];
            cb.CopyPixels(color, 4, 0);
            Color Colorfromimagepoint = Color.FromArgb((byte)SdA.Value, color[2], color[1], color[0]);
            return Colorfromimagepoint;
        }
使用 CroppedBitmap 獲取指定像素點的顏色值

 

第三種:手動輸入 十六進位數所表示的ARGB顏色值

 

第四種:手動滑動 Slider 選擇 ARGB顏色值

 

三、DropDownCustomColorPicker  中 DropDown 的實現方式

原作者採用的 右鍵菜單,其實筆者更傾向於使用 Popup,不過這一點、筆者沒有去做修改。

 

 

四、筆者的優化

1、預定義顏色的排序、視覺效果更美觀

2、Expander 控制項的自動摺疊和展開、操作更方便。

3、優化使用滑鼠選取像素點的操作,代碼邏輯更簡潔、操作更流暢。

4、增加了 SelectedColorChangedEvent 、 DropDownStateChangedEvent 事件

5、使用 Slider 替代了 TextBox 來修改 RGB 顏色值

6、增加了幾個配置屬性,使用起來更方便。

7、該項目會繼續進行擴展及優化,敬請期待。

 

五、完整的源碼

完整的源碼, 筆者已上傳至Github,  https://github.com/iqingyu/BlogsDemo :

DropDownCustomColorPicker

DropDownCustomColorPicker.Test

兩個項目為完整的Demo

 

 

該項目會繼續進行擴展及優化,敬請期待。

 


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

-Advertisement-
Play Games
更多相關文章
  • 根據一個給定經緯度的點和距離,搜索附近5公裡範圍的地點 –合理利用演算法 功能需求:需要查詢一個站點(已知該站點經緯度)5公裡範圍內的其它站點。 方 法 一 :對每條記錄,去進行遍歷,跟資料庫中的每一個點進行距離計算,當距離小於5公裡時,認為匹配(效率極其低下,耗時長)。 方 法 二 :先過濾出大概的 ...
  • "沒有時間了!" 本次學習mongoDB,參考瞭如下文章: Using MongoDB with ASP.NET Core – Part II (Implementation) 來自 MongoDB學習筆記(二) 通過samus驅動實現基本數據操作 來自 略去如何安裝和調試MongoBD,可參見上述... ...
  • 我遇到問題產生的原因:資料庫表的某個欄位為不能為空。在修改實體屬性的時候,實體對應的表中不能為空的欄位為null。 詳情: 資料庫: c #: 錯誤代碼: 正確代碼: ...
  • 最近由於工作需要,做一個C#的簡單程式。學習了一些基礎東西先記下來。 主要有: 1.生成初始框架 2.打亂順序 3.游戲部分,點擊按鈕後與空白部分交換的只是Text和Visible部分 ...
  • 前端應用程式 ASP.NET Zero包含可以作為您的公共網站或應用程式著陸頁的起點的前端頁面。首次運行項目時,您會看到主頁如下所示: 這裡有兩頁:主頁和關於。這些頁面的內容只是占位符和演示目的。您可以根據需要完全刪除內容並構建頁面。此外,你應該改變的標誌與貴公司的標誌。 請參閱 metronic前 ...
  • 後端應用程式 這是用戶名和密碼輸入的實際應用程式。您將主要在此應用程式上添加您的業務需求。 應用文件夾 後端應用程式預設內置在專用區域,名為“ App ”,但可以在創建解決方案時確定。因此,所有控制器,視圖和模型都位於 Areas / App文件夾下。此外,相關腳本和樣式文件位於wwwroot / ...
  • ASP.NET Zero--開髮指南(Lyhcee 譯) 01. 前期介紹 02. 前期要求 03. 解決方案結構(層) 04. 前端應用程式 05. 後端應用程式 06.WEB.HOST應用程式 07.Migration控制台應用程式 08. 基礎設施 09. 基於令牌的認證&SWAGGER UI ...
  • 一、前言 我心中的插件系統應該是像Nop那樣(更牛逼的如Orchard,OSGI.NET),每個插件模塊不只是一堆實現了某個業務介面的dll,然後採用反射或IOC技術來調用,而是一個完整的mvc小應用,我可以在後臺控制插件的安裝和禁用,目錄結構如下: 生成後放在站點根目錄下的Plugins文件夾中, ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...