如何实现桌面App图标可以动态显示消息数(类似手机上的QQ图标)?

  手机上的APP , 像QQ和微信等都可以在图标上动态显示消息数(最大99) , 那么你有没有想过这些效果是如何实现的?桌面上开发的传统应用程序能否也实现类似的功能?

1 思路

  • 桌面快捷方式的图标本质上就是基于一个图片产生的 , 第一种是动态生成图标(不过感觉比较费事且也消耗资源) , 建议方式是预先定义从0到99这100个图标(0就是不显示消息数 , >=99的就用99代替);
  • 获取用户的未处理消息数(根据业务情况产生 , 这里不是重点 , 直接用一个数值模拟即可);
  • 先判断该App桌面图标是否存在,存在先删除,然后根据消息数,到程序指定目录下搜寻对应编号的图标文件 , 赋值到创建桌面图标的方法中即可.

2 图片资源制作

   可以找一个透明背景的png图(如果有美工可以进行自行设计 , 我这里用的Twitter的图标) , 然后用Snagit Editor软件打开 , 在图的右上角添加一个数值标注 , 然后另存为ICO格式.如下图所示:

如何实现桌面App图标可以动态显示消息数(类似手机上的QQ图标)?

3 项目结构

新建一个C#桌面项目 , 然后创建一个icons文件夹来存放不同编码的图标(演示没必要创建所有 , 有2 到3个作为演示即可) , 值得注意的是 , 一定不要忘了在图标上单击 , 然后在其属性面板中设置将赋值到输出目录 , 否则找不到该图标.

如何实现桌面App图标可以动态显示消息数(类似手机上的QQ图标)?

  另外就是要引入一个COM库Windows Script Host Object Model , 来帮助我们创建快捷方式.

如何实现桌面App图标可以动态显示消息数(类似手机上的QQ图标)?

4 核心代码

  直接在默认的Form1窗体加载事件中进行动态图标创建处理 , 看代码:

 using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using IWshRuntimeLibrary;
using System.IO;
namespace AppWithMsgCount
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
} private void Form1_Load(object sender, EventArgs e)
{
//如何去除桌面快捷方式图标箭头
//未测试!!!!! cmd /k reg delete "HKEY_CLASSES_ROOT\lnkfile" /v IsShortcut /f & taskkill /f /im explorer.exe & start explorer.exe
ShowMsgCountOnIcon(); }
/// <summary>
/// 显示带消息数目的桌面快捷方式
/// </summary>
/// <param name="msgNum"></param>
/// <returns></returns>
private bool ShowMsgCountOnIcon(int msgNum)
{
try
{
DeleteShortcut();
// int msgNum = 99;
CreateShortcut(msgNum);
this.Text = string.Format("您有{0}个消息", msgNum);
return true;
}
catch (Exception ex)
{
this.Text = string.Format("error:{0}", ex.Message);
return false;
}
finally
{ }
}
/// <summary>
/// 如果之前有快捷方式应该先删除再刷新,否则图标不更新
/// </summary>
/// <param name="path"></param>
/// <param name="iconNum"></param>
private static void CreateShortcut(int msgNum)
{
// using IWshRuntimeLibrary; // > Ref > COM > Windows Script Host Object
string link = Environment.GetFolderPath(Environment.SpecialFolder.Desktop)
+ Path.DirectorySeparatorChar + Application.ProductName + ".lnk";
var shell = new WshShell();
var shortcut = shell.CreateShortcut(link) as IWshShortcut;
shortcut.TargetPath = Application.ExecutablePath;
shortcut.WorkingDirectory = Application.StartupPath;
// string appPath = AppDomain.CurrentDomain.BaseDirectory.ToString();
string fullPath = Application.StartupPath + @"\icons\"; shortcut.IconLocation = string.Format("{0}i{1}.ico", fullPath, msgNum.ToString());
//shortcut...
shortcut.Save(); }
/// <summary>
/// 删除已有的APP快捷方式
/// </summary>
private void DeleteShortcut()
{
var desktop = Environment.GetFolderPath(Environment.SpecialFolder.Desktop);
var app = Application.ProductName + ".lnk";
if(System.IO.File.Exists(Path.Combine(desktop, app)))
{
System.IO.File.Delete(Path.Combine(desktop, app));
}
}
}
}

5 效果

  为了演示的效果更好 , 对上面的代码稍作修改 , 让他可以在命令行接受参数 , 动态传入消息数.

如何实现桌面App图标可以动态显示消息数(类似手机上的QQ图标)?

 using System;
using System.Collections.Generic;
using System.Linq;
using System.Windows.Forms; namespace AppWithMsgCount
{
static class Program
{
/// <summary>
/// 应用程序的主入口点。
/// </summary>
[STAThread]
static void Main(String[] args)
{
Application.EnableVisualStyles();
Application.SetCompatibleTextRenderingDefault(false);
if (args == null)
{
Application.Run(new Form1(""));
}
else {
if (args.Length == )
{
Application.Run(new Form1(""));
}
else
{
Application.Run(new Form1(args[]));
}
}
}
}
}
上一篇:FireDAC 下的 Sqlite [8] - 自定义函数


下一篇:Bootstrap禁用响应式布局