C1FlexGrid列添加图片

登录

C1FlexGrid控件如何实现一列添加3个图片

Alice · Alice

回复 1楼DCAgile的帖子

谢谢您的反馈。
可以通过CellFactory功能自定义单元格。
可以参考随机安装Demo，路径如下：
\Documents\ComponentOne Samples\WPF\C1.WPF.FlexGrid\CS\FlexGridSamples\iTunes

效果如下：

DCAgile · DCAgile

回复 2楼Alice的帖子

现在是winfrom界面，可以写代码参考一下吗

Alice · Alice

回复 3楼DCAgile的帖子

很抱歉。之前给您回复的是WPF平台的。
WinForm平台下使用OwnerDrawCell的功能，DrawMode设置为OwerDraw，然后再OwnerDrawCell事件里添加多个Image(e.Graphics.DrawImage方法）。
代码参考：

c1FlexGrid1.DrawMode = C1.Win.C1FlexGrid.DrawModeEnum.OwnerDraw;
c1FlexGrid1.OwnerDrawCell += (s1, e1) =>
{
if (e1.Col == 1 && e1.Row == 1)
{
//let the grid paint the background and border for the cell
e1.DrawCell(C1.Win.C1FlexGrid.DrawCellFlags.Background | C1.Win.C1FlexGrid.DrawCellFlags.Border);
//find text width
var width = (int)e1.Graphics.MeasureString(e1.Text, e1.Style.Font).Width;
//x-coordinate for each image
var img1_x = e1.Bounds.X + width - 10;
var img2_x = img1_x + img1.Width + 5;
var img3_x = img2_x + img2.Width + 5;
//location for each image
var img1_loc = new Point(img1_x, e1.Bounds.Y + img1.Height - 18);
var img2_loc = new Point(img2_x, e1.Bounds.Y + img1.Height - 18);
var img3_loc = new Point(img3_x, e1.Bounds.Y + img1.Height - 18);
//draw images at aforementioned points
e1.Graphics.DrawImage(img1, img1_loc);
e1.Graphics.DrawImage(img2, img2_loc);
e1.Graphics.DrawImage(img3, img3_loc);
//draw text
e1.Graphics.DrawString(e1.Text, e1.Style.Font, Brushes.Black, e1.Bounds.Location);
e1.Handled = true;
}
};

复制代码

DCAgile · DCAgile

回复 4楼Alice的帖子

指定显示在那一列如何确定，如何多次循环

Alice · Alice

回复 5楼DCAgile的帖子

需要在哪一列设置直接通过e1.Col属性指定即可。
这个事件会对所有列进行渲染，因此不需要循环。
如果对事件里的方法会多次使用，可以抽出来一个方法，使用的时候进行调用即可。

DCAgile · DCAgile

回复 6楼Alice的帖子

那如何实现点击一个图片之后就变色的功能，可以发一个demo吗

Alice · Alice

回复 7楼DCAgile的帖子

很抱歉没有Demo。
您可以通过鼠标相关事件来处理点击的逻辑。具体点击到哪个位置可以通过HitTest方法获取到。
以下代码演示了之前添加的一列中的图片哪个被点击到，您根据被点击的图片是哪一个来做您相应的逻辑。
代码参考：

c1FlexGrid1.BeforeMouseDown += (s1, e1) =>
{
var hti = this.c1FlexGrid1.HitTest(new Point(e1.X, e1.Y));
if (hti.Row == 1 && hti.Column == 1)
{
var _row = hti.Row;
var _col = hti.Column;
if (this.c1FlexGrid1.GetDataDisplay(_row, _col).ToString() != null)
{
//cell rectangle
var _cellRect = c1FlexGrid1.GetCellRect(_row, _col);
//graphics object
var graphics = c1FlexGrid1.CreateGraphics();
//cell text
var _text = c1FlexGrid1.GetDataDisplay(_row, _col).ToString();
//text Font
var _font = c1FlexGrid1.GetCellStyleDisplay(_row, _col).Font;
//Text width
var text_width = (int)graphics.MeasureString(_text, _font).Width;
//Cursor location
var cursor_loc = new Point(e1.X, e1.Y);
//find x-coordinate for each image
var img1_X = _cellRect.Location.X + text_width - 10;
var img2_X = img1_X + img1.Width + 5;
var img3_X = img2_X + img2.Width + 5;
//find rectangle for each image
var img1_Rect = new Rectangle(new Point(img1_X, e1.Y), img1.Size);
var img2_Rect = new Rectangle(new Point(img2_X, e1.Y), img2.Size);
var img3_Rect = new Rectangle(new Point(img3_X, e1.Y), img3.Size);
//find which image-rectangle contains mouse-pointer
if (img1_Rect.Contains(cursor_loc))
c1FlexGrid1[_row, _col + 1] = "Left Image";
else if (img2_Rect.Contains(cursor_loc))
c1FlexGrid1[_row, _col + 1] = "Middle Image";
else if (img3_Rect.Contains(cursor_loc))
c1FlexGrid1[_row, _col + 1] = "Right Image";
}
}
};

复制代码

DCAgile · DCAgile

回复 8楼Alice的帖子

可以发一个实例吗，根据你的提示做的没有显示出效果

gw0506 · gw0506

你把你做的，没有显示出来的demo发过来，我们直接调吧。要不然给你个思路，跑不起来，给你个代码片段你说不起作用。效率比较低。

		自动登录	找回密码
密码			立即注册

C1FlexGrid列添加图片

本帖子中包含更多资源

16 个回复

本帖子中包含更多资源

活字格认证

微信认证勋章

元老葡萄