c#模拟看板控件_在Winform界面使用自定义用户控件及TabelPanel和StackPanel布局控件...

在很多时候，我们做一些非常规化的界面的时候，往往需要创建一些用户控件，在其中绘制好一些基础的界面块，作为后续重复使用的一个单元，用户控件同时也可以封装处理一些简单的逻辑。在开发Winform各种类型项目，我都时不时需要定制一些特殊的用户控件，以方便在界面模块中反复使用。我们一般是在自定义的用户控件里面，添加各种各样的界面控件元素，或者封装一些特殊的函数处理共外部调用等。本篇随笔主要介绍基于DevExpress的Winform开发经验，介绍一个类似看板信息的用户控件，并在TabelLayout和StackLayout布局控件中进行展示。

1、用户控件界面的处理

在偶尔的一个场合下，看到一个牙医管家的软件界面做的非常不错，其中有一个预约列表的界面感觉非常好，如下界面所示。

其中它的每个用户信息列表里面，都是一个综合信息的展示，非常直观，估计应该是用户自定义控件做的。

在其中里面，有不同的字体，各式图标，以及内容的信息展示， 这个我在DevExpress的列表控件里面，没有看到可以如此定义列表内容的，在DevExpress的GridView里面有一个看板模板的定义有点接近，但是试了一下，可调性不好，于是放弃寻求其他接近方案，玩遍DevExpress的控件后，发现最好的方式应该是自定义用户控件的方式来解决这个界面问题。

花了一点时间，制作了一个用户控件，在其中添加一个LayoutControl方便控制布局，添加一些标签以及设置了一些图标，得到下图所示。

image

左侧的颜色条由于使用Group控件，因此宽度暂时无法调整，如果介意大小，我们可以在其中在创建一个LayoutControl，然后在其中方式内容即可。

我们改变布局，然后添加一个颜色块，得到类似界面如下所示。

image

我们来定义一下用户控件的源码部分，修改其中源码，增加对应的属性，方便动态设置用户控件的相关属性，如颜色块，项目背景色，以及绑定的对象信息等内容。

image

然后在界面加载完毕后，设置对应的信息和颜色信息，如下代码所示。

///

/// 窗口加载事件

///

///

///

private void UserItemControl_Load(object sender, EventArgs e)

{

BindData();

RefreshColor();

}

///

/// 根据用户定义信息，显示不同的内容

///

private void BindData()

{

if(this.UserItemInfo != null)

{

var info = this.UserItemInfo;