DEV中的TreeList控件应用的一个小效果实现

我使用最多的DEV控件就是这个TreeList啦，当然用好它很不简单，如果用好它，能做出很精彩的树形层次结构图。TreeList控件很强大，以至于你看DEV自带的DEMO，也得浪费你很长时间应用。DEV控件的DEMO只是告诉你有些什么功能，只是抛砖引玉，决不能照搬DEMO！

　　用好TreeList控件绝对会让你的软件锦上添花！精益求精促使我总想用TreeList实现出更好的效果，但对TreeList控件的每一步深入学习，都需要花费不要时间和精力。现在记录一下我学习使用该控件的一个小功能的过程。

      就是下面我绿色强调的部分，DEV的DEMO中Priority列中同时出现图片和文字。

      

       直接看DEMO代码，也很难弄清如何实现的。下面是我如何在自己的DEMO中实现上面的功能。

      1.建立WIN窗体，从工具箱中将DEV的TreeList控件拖入该窗体中。

      

 

       2.建立列，选中上图中右上黑三角，弹出菜单，选择Run Designer进入设计界面，添加列。（列的添加可以在自己代码中定义添加实现）

     上图中，点击 Add按钮添加一普通列，在右边属性上修改，如：修改Caption属性值，能够定义自己显示的列名（日期）。

    3.再添加一列（天气），这次修改 ColumnEdit属性，添加框后的向下的黑三角，在弹出面板中选择NEW，然后这里选ImageComboBox。截图如下：

 

        4.点击ColumnEdit前的+，打开该列所用控件的属性列表，修改SmallImage属性为imageList1（先期要拉入该ImageList控件，并引入图片）。

        5.添加必要的代码，建立枚举类型，并初始化ColumnEdit中控件与枚举类型的关联。

    public partial class Form1 : Form
    {
        private enum Weather { 晴天 = 0, 降温 = 1, 寒潮 = 2 };
        public Form1()
        {
            InitializeComponent();
        }
        /// <summary>
        /// 初始化ColumnEdit的ImageComboBox控件与枚举类型
        /// Weather的关系
        /// </summary>
        private void InitColumnEditor()
        {
            repositoryItemImageComboBox1.Items.AddEnum(typeof(Weather));
            repositoryItemImageComboBox1.Items[0].ImageIndex = 0;
            repositoryItemImageComboBox1.Items[1].ImageIndex = 1;
            repositoryItemImageComboBox1.Items[2].ImageIndex = 2;
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            InitColumnEditor();
            //向TreeList控件中加入数据
            this.treeList1.AppendNode(new object[]{"2010.1.22",Weather.降温},null);
            this.treeList1.AppendNode(new object[]{"2010.1.23",Weather.晴天},null);
        }

    }

      实现效果截图如下：

      另外注意：

      1）如果使用TreeList输出列表函数时，输出的文档中，天气列中只有图片，没有文字。

      2）ColumnEdit中可以使用其他的控件，根据需要实现个性列，具体使用可以自己摸索。

 

 

 

 

DevExpress控件中LayoutControl的使用

      C#开发中，软件布局设计，主要用TableLayoutPanel能很好地支持缩放功能，对自身的Label、TextBox等控件支持的很好，是通过这些控件的Anchor属性设为:Top, Bottom, Left, Right、TextAlign属性设为：MiddleCenter来实现缩放和定位的。
      但是VS中自身的控件，样式比较简单和单调。而DEV控件在美观样式设置上更盛一筹。更多的属性支持势必导致DEV控件的使用的复杂。初次使用每个DEV控件都是很费时费力的！
     今天下午研究了半天的LayoutControl的使用，使用原因：1.TableLayoutPanel对DEV控件支持性不够，无法实现缩放控制。2.项目要求使用DEV控件，方便控制样式和改善美观性。
      LayoutControl的使用 ：
      1.一般控件使用，直接拉入，如：TextEdit控件拉入后，只需更改 前面的 layoutControlItem的Text属性。
      2.特殊的如空白填充Empty Space Item、Label等特殊的，可以在LayoutControl里右键——》Customize Layout，如下图，将需要控件拉入即可。
 

      3.拉入控件时，注意放置位置和方式，可以通过自己尝试。