zoukankan      html  css  js  c++  java
  • windform 重绘Treeview "+-"号图标

    模仿wind系统界面,重绘Treeview + - 号图标

    一,首先需要图片 ,用于替换原有的 +-号

    二、新建Tree扩展类 TreeViewEx继承TreeView

    using System;
    using System.Collections.Generic;
    using System.Drawing;
    using System.Linq;
    using System.Text;
    using System.Windows.Forms;
    
    /******************************************************************* 
    * Copyright (C)  版权所有
    * 文件名称:TreeViewEx
    * 命名空间:TestRecentMenu
    * 创建时间:2018/12/18 16:49:08
    * 作    者: wangyonglai
    * 描    述:
    * 修改记录:
    * 修改人:
    * 版 本 号:v1.0.0
    **********************************************************************/
    namespace TestRecentMenu
    {
        public class TreeViewEx : TreeView
        {
            private bool ArrowKeyUp = false;
            private bool ArrowKeyDown = false;
            private System.Windows.Forms.ImageList arrowImageList1;
    
            /*1节点被选中 ,TreeView有焦点*/
            private SolidBrush brush1 = new SolidBrush(Color.FromArgb(209, 232, 255));//填充颜色
            private Pen pen1 = new Pen(Color.FromArgb(102, 167, 232), 1);//边框颜色
    
            /*2节点被选中 ,TreeView没有焦点*/
            private SolidBrush brush2 = new SolidBrush(Color.FromArgb(247, 247, 247));
            private Pen pen2 = new Pen(Color.FromArgb(222, 222, 222), 1);
    
            /*3 MouseMove的时候 画光标所在的节点的背景*/
            private SolidBrush brush3 = new SolidBrush(Color.FromArgb(229, 243, 251));
            private Pen pen3 = new Pen(Color.FromArgb(112, 192, 231), 1);
    
            public const int WM_PRINTCLIENT = 0x0318;
            public const int PRF_CLIENT = 0x00000004;
    
    
            //替换+-号图标的imagelist
            public ImageList arrowImageList
            {
                get
                {
                    return arrowImageList1;
                }
                set
                {
                    arrowImageList1 = value;
                }
            }
    
            public TreeViewEx()
            {
                //双缓存防止屏幕抖动
                //this.SetStyle(ControlStyles.UserPaint, true);
                this.SetStyle(ControlStyles.OptimizedDoubleBuffer | ControlStyles.AllPaintingInWmPaint | ControlStyles.DoubleBuffer, true);
                this.UpdateStyles();
                this.DrawMode = TreeViewDrawMode.OwnerDrawAll;
                this.FullRowSelect = true;
                this.HotTracking = true;
                this.HideSelection = false;
                this.ShowLines = false;
           this.ShowNodeToolTips = true; this.ItemHeight = 20; } protected override void OnDrawNode(DrawTreeNodeEventArgs e) { base.OnDrawNode(e); #region 1 选中的节点背景========================================= Rectangle nodeRect = new Rectangle(1, e.Bounds.Top, e.Bounds.Width - 3, e.Bounds.Height - 1); if (e.Node.IsSelected) { if (this.Focused) { e.Graphics.FillRectangle(brush1, nodeRect); e.Graphics.DrawRectangle(pen1, nodeRect); } else { e.Graphics.FillRectangle(brush2, nodeRect); e.Graphics.DrawRectangle(pen2, nodeRect); } } else if ((e.State & TreeNodeStates.Hot) != 0 && e.Node.Text != "")//|| currentMouseMoveNode == e.Node) { e.Graphics.FillRectangle(brush3, nodeRect); e.Graphics.DrawRectangle(pen3, nodeRect); } else { e.Graphics.FillRectangle(Brushes.White, e.Bounds); } #endregion #region 2 +-号绘制========================================= Rectangle plusRect = new Rectangle(e.Node.Bounds.Left - 32, nodeRect.Top + 6, 9, 9); // +-号的大小 是9 * 9 if (e.Node.IsExpanded) e.Graphics.DrawImage(arrowImageList.Images[1], plusRect); else if (e.Node.IsExpanded == false && e.Node.Nodes.Count > 0) e.Graphics.DrawImage(arrowImageList.Images[0], plusRect); /*测试用 画出+-号出现的矩形*/ //if (e.Node.Nodes.Count > 0) // e.Graphics.DrawRectangle(new Pen(Color.Red), plusRect); #endregion #region 3 画节点文本========================================= Rectangle nodeTextRect = new Rectangle( e.Node.Bounds.Left, e.Node.Bounds.Top + 4, e.Node.Bounds.Width + 2, e.Node.Bounds.Height ); nodeTextRect.Width += 4; nodeTextRect.Height -= 4; e.Graphics.DrawString(e.Node.Text, e.Node.TreeView.Font, new SolidBrush(Color.Black), nodeTextRect); //画子节点个数 (111) if (e.Node.GetNodeCount(true) > 0) { e.Graphics.DrawString(string.Format("({0})", e.Node.GetNodeCount(true)), new Font("Arial", 8), Brushes.Gray, nodeTextRect.Right - 4, nodeTextRect.Top -2); } ///*测试用,画文字出现的矩形*/ //if (e.Node.Text != "") // e.Graphics.DrawRectangle(new Pen(Color.Blue), nodeTextRect); #endregion #region 4 画IImageList 中的图标=================================================================== int currt_X = e.Node.Bounds.X; if (this.ImageList != null && this.ImageList.Images.Count > 0) { //图标大小16*16 Rectangle imagebox = new Rectangle( e.Node.Bounds.X - 3 - 16, e.Node.Bounds.Y + 2, 16,//IMAGELIST IMAGE WIDTH 16);//HEIGHT int index = e.Node.ImageIndex; string imagekey = e.Node.ImageKey; if (imagekey != "" && this.ImageList.Images.ContainsKey(imagekey)) e.Graphics.DrawImage(this.ImageList.Images[imagekey], imagebox); else { if (e.Node.ImageIndex < 0) index = 0; else if (index > this.ImageList.Images.Count - 1) index = 0; e.Graphics.DrawImage(this.ImageList.Images[index], imagebox); } currt_X -= 19; /*测试 画IMAGELIST的矩形*/ //if (e.Node.ImageIndex > 0) // e.Graphics.DrawRectangle(new Pen(Color.Black, 1), imagebox); } #endregion } protected override void OnBeforeSelect(TreeViewCancelEventArgs e) { base.OnBeforeSelect(e); if (e.Node != null) { //禁止选中空白项 if (e.Node.Text == "") { //响应上下键 if (ArrowKeyUp) { if (e.Node.PrevNode != null && e.Node.PrevNode.Text != "") this.SelectedNode = e.Node.PrevNode; } if (ArrowKeyDown) { if (e.Node.NextNode != null && e.Node.NextNode.Text != "") this.SelectedNode = e.Node.NextNode; } e.Cancel = true; } } } /// <summary> /// 防止在选择设,treeNode闪屏 /// </summary> protected override CreateParams CreateParams { get { CreateParams cp = base.CreateParams; if (!DesignMode) { cp.ExStyle |= 0x02000000;// Turn on WS_EX_COMPOSITED } return cp; } } } }

      

     生成后拖动控件到界面中,实际效果如下

  • 相关阅读:
    ranorex
    vue.js
    逻辑思维
    laravel-luntan
    python学习--基础
    git
    Laravel-高级篇-Auth-数据迁移-数据填充
    Laravel-高级篇-Artisan
    Laravel-表单篇-零散信息
    Laravel-表单篇-controller
  • 原文地址:https://www.cnblogs.com/wangyonglai/p/10141832.html
Copyright © 2011-2022 走看看