这个功能其实也就是我之前写的文章listView和imageList结合显示项目图片功能一样的，不过以前写的不好，哈哈哈。这个呢其实是使用dev进行界面优化而已。

（晨曦CZB）

1、在窗体里面拉GridControl控件，选择视图模式，也可以弄视图模式切换呢，还不错，有些类似百度云盘那样的

然后随便定义一个实体类吧，一些基本的字段，在控件列上添加上，基本的一些设置，我就截图了

 class Project
    {
        public string Name { get; set; }
        public string Address { get; set; }
        public string Reamrk { get; set; }

        public Image Images { get; set; }
    }

重要的是上面的控件属性的设置。

2、接着绑定下数据就好了。

 public Form1()
        {
            InitializeComponent();
            this.Load += (s, e) => { DataBind(); };
        }

        private void DataBind()
        {
            this.gridControl1.BeginUpdate();
            this.gridControl1.DataSource = new List<Project> { new Project
                {
                    Name="项目1",
                    Address="中国福建省福州市",
                    Reamrk="备注什么好呢",
                    Images=Properties.Resources._360wallpaper
                },
                new Project
                {
                    Name="项目2",
                    Address="中国福建省泉州市",
                    Reamrk ="那就不备注咯",
                    Images=Properties.Resources._360wallpaper
                }
            };
            this.gridControl1.EndUpdate();
        }

效果出来了，很简单。

3、进行稍微完善下功能吧，拉个控件toolTipController，主要是鼠标移动过去，进行一些提示功能

选择GetActiveObjectInfo事件，进行绑定。代码如下

this.toolTipController1.GetActiveObjectInfo += (s, e) =>
            {
                if (e.SelectedControl != this.gridControl1) return;
                ToolTipControlInfo info = null;
                var view = this.gridControl1.GetViewAt(e.ControlMousePosition) as WinExplorerView;
                if (view == null) return;

                var hi = view.CalcHitInfo(e.ControlMousePosition);
                if (hi.HitTest == DevExpress.XtraGrid.Views.WinExplorer.ViewInfo.WinExplorerViewHitTest.ItemText 
                    || hi.HitTest == DevExpress.XtraGrid.Views.WinExplorer.ViewInfo.WinExplorerViewHitTest.ItemImage)
                {
                    var o = hi.HitTest.ToString() + hi.RowHandle.ToString();
                    var name = view.GetRowCellValue(hi.RowHandle, "Name");
                    var projectAddress = view.GetRowCellValue(hi.RowHandle, "Address");
                    var remark = view.GetRowCellValue(hi.RowHandle, "Remark");
                    StringBuilder strBuilder = new StringBuilder();
                    strBuilder.AppendLine($"名称：{name}");
                    strBuilder.AppendLine($"地址：{projectAddress}");
                    strBuilder.AppendLine($"备注：{remark}");

                    info = new ToolTipControlInfo(o, strBuilder.ToString());
                }

                if (info != null)
                    e.Info = info;
            };

功能完成了。看看一些动态的图片效果吧

4、查看方式，多样性

 switch (XX) {
        case "Small":
            winExplorerView1.OptionsView.Style = DevExpress.XtraGrid.Views.WinExplorer.WinExplorerViewStyle.Small;
            break;
        case "Medium":
            winExplorerView1.OptionsView.Style = DevExpress.XtraGrid.Views.WinExplorer.WinExplorerViewStyle.Medium;
            break;
        case "Large":
            winExplorerView1.OptionsView.Style = DevExpress.XtraGrid.Views.WinExplorer.WinExplorerViewStyle.Large;
            break;
        case "Extra Large":
            winExplorerView1.OptionsView.Style = DevExpress.XtraGrid.Views.WinExplorer.WinExplorerViewStyle.ExtraLarge;
            break;
        case "List":
            winExplorerView1.OptionsView.Style = DevExpress.XtraGrid.Views.WinExplorer.WinExplorerViewStyle.List;
            break;
        case "Tiles":
            winExplorerView1.OptionsView.Style = DevExpress.XtraGrid.Views.WinExplorer.WinExplorerViewStyle.Tiles;
            break;
        case "Content":
            winExplorerView1.OptionsView.Style = DevExpress.XtraGrid.Views.WinExplorer.WinExplorerViewStyle.Content;
            break;
        case "Default":
            winExplorerView1.OptionsView.Style = DevExpress.XtraGrid.Views.WinExplorer.WinExplorerViewStyle.Default;
            break;
    }