经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置：技术经验 » 程序设计 » ASP.net » 查看文章
uwp 用win2d获取图片主调颜色
来源：cnblogs　　作者：吃饭/睡觉　　时间：2018/9/25 20:40:19　　对本文有异议

win10在设置颜色里有个从“背景图片中选取一种主题颜色”的选项，还有在很多内容展示软件中都使用了这样的功能。

      现在我们需要在 nuget 引用 win2d.uwp 和 Toolkit.uwp 两个库。

     首先将一个图片流转换成 win2d 的 CanvasBitmap 对象，然后通过 CanvasBitmap 的 GetPixelColors 方法获取到图片的全部颜色数组。

  1.  /// <summary>
  2.         /// 通过stream获取主题色
  3.         /// </summary>
  4.         /// <param name="uri"></param>
  5.         /// <returns></returns>
  6.         public async Task<Color> GetPaletteImage(IRandomAccessStream stream)
  7.         {
  8.            
  9.               
  10.  
  11.             //实例化资源
  12.            var  bimap = await CanvasBitmap.LoadAsync(device , stream);

　　　　　　//取色
　　　　　　Color[] colors = bimap.GetPixelColors();
　　　　　　return await GetThemeColor(colors);

  1.             
  2.         }

　　在拿到整个颜色数组后我们需要计算出 平均亮度，平均饱和度，和平均色相

  1. foreach (var item in colors)
  2.                 {
  3.                     //将 rgb 转换成 hsv 对象
  4.                     HsvColor hsv = Microsoft.Toolkit.Uwp.Helpers.ColorHelper.ToHsv(item);
  6.                     //先将黑色和白色剔除掉
  7.                     if (hsv.V < 0.3 || hsv.S < 0.2)
  8.                     {
  9.                         continue;
  10.                     }
  11.                     //找出最大饱和度
  12.                     maxS = hsv.S > maxS ? hsv.S : maxS;
  13.                     //找出最大亮度度
  14.                     maxV = hsv.V > maxV ? hsv.V : maxV;
  15.                     //找出最大色相
  16.                     maxH = hsv.H > maxH ? hsv.H : maxH;
  17.                     //色相总和
  18.                     sumHue += hsv.H;
  19.                     //亮度总和
  20.                     sumS += hsv.S;
  21.                     //饱和度总和
  22.                     sumV += hsv.V;
  23.                     count++;
  24.                     notBlackWhite.Add(item);
  26.                 }

double avgV = sumV / count;
double avgS = sumS / count;
double maxAvgV = maxV / 2;
double maxAvgS = maxS / 2;
double maxAvgH = maxH / 2;

  1.  

//计算各个值，用来做判断用
double h = Math.Max(maxAvgV, avgV);
double s = Math.Min(maxAvgS, avgS);
double hue = Math.Min(maxAvgH, avgH);

  1.  

  已经将需要做判断的值求出来后，我们将 剔除了白色和黑色的 数据在做一遍计算，符合条件的颜色相加在一起 再 将总和除以符合条件的数量。

  1.  foreach (var item in notBlackWhite)
  2.                 {
  3.                     HsvColor hsv = Microsoft.Toolkit.Uwp.Helpers.ColorHelper.ToHsv(item);
  4.                     //颜色大于平均色相 并且 饱和度大于平局饱和度 并且 亮度大于平局亮度 的符合条件 进行相加
  5.                     if (hsv.H >= hue + 10 && hsv.V >= h && hsv.S >= s)
  6.                     {
  7.                         R += item.R;
  8.                         G += item.G;
  9.                         B += item.B;
  10.                         count++;
  11.                     }
  12.                 }

　　　　　　　　　　double r = R / count;
　　　　　　　　　　double g = G / count;
　　　　　　　　　　double b = B / count;

　　　　　　　　　　color = Color.FromArgb(255, (byte)r, (byte)g, (byte)b);

  1.  

 右边为图片的主题颜色，可以看到这张图片的大部分颜色为黑色，而当我们看到这张图片的时候我们的注意力就却会被蓝色吸引住，我们在计算中并不是找到出现最多次的颜色为主题颜色，而是亮度和饱和度最为突出的作为主题色。

 

全部代码：

  1. using Microsoft.Graphics.Canvas;
  2. using Microsoft.Toolkit.Uwp;
  3. using System;
  4. using System.Collections.Generic;
  5. using System.Threading.Tasks;
  6. using Windows.Storage.Streams;
  7. using Windows.UI;
  9. namespace uwp_播放器.Data
  10. {
  11.     public  class ImageThemeBrush
  12.     {
  13.         CanvasDevice device = new CanvasDevice();
  14.       
  16.         /// <summary>
  17.         /// 通过Uri获取主题色
  18.         /// </summary>
  19.         /// <param name="uri"></param>
  20.         /// <returns></returns>
  21.         public async Task<Color> GetPaletteImage(Uri uri)
  22.         {
  23.             //实例化资源
  24.           var   bimap = await CanvasBitmap.LoadAsync(device, uri);
  26.             //取色
  27.             Color[] colors = bimap.GetPixelColors();
  28.             return await GetThemeColor(colors);
  29.         }
  33.         /// <summary>
  34.         /// 通过stream获取主题色
  35.         /// </summary>
  36.         /// <param name="uri"></param>
  37.         /// <returns></returns>
  38.         public async Task<Color> GetPaletteImage(IRandomAccessStream stream)
  39.         {
  40.            
  41.               
  43.             //实例化资源
  44.            var  bimap = await CanvasBitmap.LoadAsync(device , stream);
  46.             //取色
  47.             Color[] colors = bimap.GetPixelColors();
  48.             return await GetThemeColor(colors);
  49.             
  50.         }
  52.         
  54.       
  55.         #region Methon：方法
  56.  
  57.  
  58.        
  59.  
  60.  
  61.         private async Task<Color> GetThemeColor(Color[] colors)
  62.         {
  63.             Color color = new Color();
  65.             await Task.Run(() =>
  66.             {
  67.                 //饱和度 黑色多
  68.                 double sumS = 0;
  69.                 //明亮度 白色多
  70.                 double sumV = 0;
  71.                 double sumHue = 0;
  72.                 //颜色中最大亮度
  73.                 double maxV = 0;
  74.                 //颜色中最大饱和度
  75.                 double maxS = 0;
  76.                 //颜色中最大色相
  77.                 double maxH = 0;
  78.                 double count = 0;
  79.                 List<Color> notBlackWhite = new List<Color>();
  80.                 foreach (var item in colors)
  81.                 {
  82.                     //将 rgb 转换成 hsv 对象
  83.                     HsvColor hsv = Microsoft.Toolkit.Uwp.Helpers.ColorHelper.ToHsv(item);
  85.                     //先将黑色和白色剔除掉
  86.                     if (hsv.V < 0.3 || hsv.S < 0.2)
  87.                     {
  88.                         continue;
  89.                     }
  90.                     //找出最大饱和度
  91.                     maxS = hsv.S > maxS ? hsv.S : maxS;
  92.                     //找出最大亮度度
  93.                     maxV = hsv.V > maxV ? hsv.V : maxV;
  94.                     //找出最大色相
  95.                     maxH = hsv.H > maxH ? hsv.H : maxH;
  96.                     //色相总和
  97.                     sumHue += hsv.H;
  98.                     //亮度总和
  99.                     sumS += hsv.S;
  100.                     //饱和度总和
  101.                     sumV += hsv.V;
  102.                     count++;
  103.                     notBlackWhite.Add(item);
  105.                 }
  108.                 double avgH = sumHue / count;
  109.                 double avgV = sumV / count;
  110.                 double avgS = sumS / count;
  111.                 double maxAvgV = maxV / 2;
  112.                 double maxAvgS = maxS / 2;
  113.                 double maxAvgH = maxH / 2;
  115.                 //计算各个值，用来做判断用
  116.                 double h = Math.Max(maxAvgV, avgV);
  117.                 double s = Math.Min(maxAvgS, avgS);
  118.                 double hue = Math.Min(maxAvgH, avgH);
  120.                 //aveS = aveS ;
  121.                 double R = 0;
  122.                 double G = 0;
  123.                 double B = 0;
  124.                 count = 0;
  127.                 foreach (var item in notBlackWhite)
  128.                 {
  129.                     HsvColor hsv = Microsoft.Toolkit.Uwp.Helpers.ColorHelper.ToHsv(item);
  130.                     //颜色大于平均色相 并且 饱和度大于平局饱和度 并且 亮度大于平局亮度 的符合条件 进行相加
  131.                     if (hsv.H >= hue + 10 && hsv.V >= h && hsv.S >= s)
  132.                     {
  133.                         R += item.R;
  134.                         G += item.G;
  135.                         B += item.B;
  136.                         count++;
  137.                     }
  138.                 }
  140.                 double r = R / count;
  141.                 double g = G / count;
  142.                 double b = B / count;
  146.                 color = Color.FromArgb(255, (byte)r, (byte)g, (byte)b);
  148.                
  150.             });
  153.             colors = null;
  155.             return color;
  156.         }
  157.         #endregion
  158.     }
  159. }

 

 友情链接：直通硅谷 　点职佳 　北美留学生论坛

ASP.net热门文章

  • 【Dotnet 工具箱】WPF UI - 现代化设计的开源 WPF 框架
  • net core 使用 SqlSugar
  • .NETCore下CI/CD之自动化测试
  • .net core部署到linux可能碰到的问题
  • Abp vNext 自定义 Ef Core 仓储引发异常
  • .NetCore 消息队列的使用
  • .NetCore WebApi——基于JWT的简单身份认证与授权（Swagger）
  • Abp.NHibernate连接PostgreSQl数据库
  • ModelValidator基于元数据的验证
  • .NET MAUI 安卓应用开发初体验

    • ASP.net推荐文章

  • Gradio.NET 支持 .NET 8 简化 Web 应用开发
  • .NET 轻量化定时任务调度 FreeScheduler
  • WPF 模仿前端大佬写一个Hover效果
  • WPF 模拟UWP原生窗口样式——亚克力|云母材质、自定义标题栏样式、原生DWM动画 （附我封装好的类）
  • .NET 音频采集
  • .NET8 Blazor 从入门到精通：（三）类库和表单
  • wpf 如何7步写一个badge控件
  • .NET 高效Nuget管理工具（开源）
  • .NET 8 跨平台高性能边缘采集网关
  • .NET 窗口/屏幕录制

    • 本站QQ群：前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

    W3xue 的所有内容仅供测试，对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
    关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接（目前9元/月）请联系QQ：27243702 沸活量
    皖ICP备17017327号-2　皖公网安备34020702000426号