会飞的鱼前段时间写了篇文章，介绍如何实现类似QQ表情对话框的功能，具 体描述见文章《c# 类似于QQ表情弹出框功能的二种实现方法》。刚好最近我也 有类似的需求，我刚开始的想法是在Panel中动态创建PictureBox来加载QQ表情 ，如：
private void InitImageControl(int colCount, int rowCount)
{
for (int i = 0; i < rowCount; i++)
{
for (int j = 0; j < colCount; j++)
{
PictureBox picBox = new PictureBox();
picBox.SizeMode = PictureBoxSizeMode.CenterImage;
picBox.Image = @"d:\qqface\1.gif"; //从文件 中加载图片
Size controlSize = new Size(imgWidth, imgHeight);
picBox.Size = controlSize;
int controlLoctionX = controlSize.Width * j;
int controlLoctionY = controlSize.Height * i;
picBox.Location = new Point(controlLoctionX, controlLoctionY);
picBox.MouseHover += new EventHandler (picBox_MouseHover);
panel1.Controls.Add(picBox);
}
}
}
这样实现的方式比较简单，但是速度却非常慢，于是就放弃了这个想法。突 然想到，利用网页来加载图片，效率可能会高很多的（事实证明也是如此），于 是考虑在Panel中加载个WebBrowser,然后动态的加载网页来实现。
首先制作了类似QQ表情对话框展示效果的网页，截图如下：
由于代码比较简单，就直接贴代码了：
加载QQ表情
private int currentPageIndex = 1;//当前页代码
private int pageSize = 0;//总共页数
///<summary>
/// 加载QQ表情
/// </summary>
/// <param name="currentPage">当前页 </param>
/// <param name="rowCount">每页显示表情的行 数</param>
/// <param name="colCount">每页显示表情的列 数</param>
private void LoadQQFace(int currentPage,int rowCount,int colCount)
{
currentPageIndex = currentPage;
string _template = string.Empty;
string templateFile = Application.StartupPath + @"\template.html";//网页模版
_template = File.ReadAllText (templateFile);
//图像的配置文件
string _configInfo = string.Empty;
string configFile = Application.StartupPath + @"\face.xml";
DataSet ds = new DataSet();
ds.ReadXml(configFile);
DataTable dtFaces = ds.Tables[0];
int totalCount =dtFaces.Rows.Count;
pageSize = totalCount % (rowCount * colCount) == 0 ? totalCount / (rowCount * colCount) : totalCount / (rowCount * colCount)+1;
//加载表格
string tableRowContent=string.Empty;
for (int i = 1; i <=rowCount; i++)
{
string tableRow = "<tr>";
for (int j= 1; j <=colCount; j++)
{
int faceRowIndex=(i-1) *colCount+(currentPageIndex-1)*rowCount*colCount+j;
if (faceRowIndex <totalCount)
{
string imgPath = dtFaces.Rows[faceRowIndex][0].ToString();
imgPath = Application.StartupPath + @"\faces\" + imgPath;
tableRow += "<td><p><a href='#' onmouseover='showBig (this)'><img src='" + imgPath + "'/></a></td>";
}
else
{
tableRow += "<td></td>";
}
}
tableRow += "</tr>";
tableRowContent += tableRow;
}
int LeftLimt = 29 * (colCount / 2);
int RightLimt = (colCount - 3) * 29;
_template = _template.Replace ("$TableRow$", tableRowContent).Replace ("$LeftLimt$",LeftLimt.ToString()).Replace ("$RightLimt$",RightLimt.ToString());
//设置网页的背景色和窗体的一致
Color bgColor = this.BackColor;
string webBgColor = ColorTranslator.ToHtml(bgColor);
_template = _template.Replace ("$BgColor$", webBgColor);
//设置导航
string pageStr = currentPage + "/" + pageSize;
string navigation = "<div id='navigation'>"+pageStr+" <a href='#' id='linkPrev'>上一页</a> <a href='#' id='linkNext'>下一页</a></div>";
_template = _template.Replace ("$Navigation$", navigation);
//存到临时文件
string tempHtmlFile = Path.GetTempPath() + "tempHtmlFile.html";
File.WriteAllText(tempHtmlFile, _template);
webBrowser1.Navigate(tempHtmlFile);
webBrowser1.DocumentCompleted += new WebBrowserDocumentCompletedEventHandler (webBrowser1_DocumentCompleted);
this.Width =29*colCount+21;
this.Height = 29 * rowCount+80;
}