• C#重绘TabControl的Tabpage标签,添加图片及关闭按钮


    以下就是C#重绘TabControl控件的源码:效果如同所示:

    using System;
    using System.Collections.Generic;
    using System.ComponentModel;
    using System.Data;
    using System.Drawing;
    using System.Linq;
    using System.Text;
    using System.Windows.Forms;
    
    namespace WindowsFormsApplication1.june
    {
        public partial class TabTest : Form
        {
            public TabTest()
            {
                InitializeComponent();
            }
    
            private void TabTest_Load(object sender, EventArgs e)
            {
                //清空控件
                //this.MainTabControl.TabPages.Clear();
                //绘制的方式OwnerDrawFixed表示由窗体绘制大小也一样
                this.MainTabControl.DrawMode = TabDrawMode.OwnerDrawFixed;
                this.MainTabControl.Padding = new System.Drawing.Point(CLOSE_SIZE, CLOSE_SIZE);
                this.MainTabControl.DrawItem += new DrawItemEventHandler(this.MainTabControl_DrawItem);
                this.MainTabControl.MouseDown += new System.Windows.Forms.MouseEventHandler(this.MainTabControl_MouseDown);
            }
    
            const int CLOSE_SIZE = 15;
            //tabPage标签图片
            Bitmap image = new Bitmap("E:\\ico_close.gif");
    
            //绘制“X”号即关闭按钮
            private void MainTabControl_DrawItem(object sender, DrawItemEventArgs e)
            {
                try
                {
                    Rectangle myTabRect = this.MainTabControl.GetTabRect(e.Index);
    
                    //先添加TabPage属性   
                    e.Graphics.DrawString(this.MainTabControl.TabPages[e.Index].Text, this.Font, SystemBrushes.ControlText, myTabRect.X + 2, myTabRect.Y + 2);
    
                    //再画一个矩形框
                    using (Pen p = new Pen(Color.White))
                    {
                        myTabRect.Offset(myTabRect.Width - (CLOSE_SIZE + 3), 2);
                        myTabRect.Width = CLOSE_SIZE;
                        myTabRect.Height = CLOSE_SIZE;
                        e.Graphics.DrawRectangle(p, myTabRect);
                    }
    
                    //填充矩形框
                    Color recColor = e.State == DrawItemState.Selected ? Color.White : Color.White;
                    using (Brush b = new SolidBrush(recColor))
                    {
                        e.Graphics.FillRectangle(b, myTabRect);
                    }
    
                    //画关闭符号
                    using (Pen objpen = new Pen(Color.Black))
                    {
                        ////=============================================
                        //自己画X
                        ////"\"线
                        //Point p1 = new Point(myTabRect.X + 3, myTabRect.Y + 3);
                        //Point p2 = new Point(myTabRect.X + myTabRect.Width - 3, myTabRect.Y + myTabRect.Height - 3);
                        //e.Graphics.DrawLine(objpen, p1, p2);
                        ////"/"线
                        //Point p3 = new Point(myTabRect.X + 3, myTabRect.Y + myTabRect.Height - 3);
                        //Point p4 = new Point(myTabRect.X + myTabRect.Width - 3, myTabRect.Y + 3);
                        //e.Graphics.DrawLine(objpen, p3, p4);
    
                        ////=============================================
                        //使用图片
                        Bitmap bt = new Bitmap(image);
                        Point p5 = new Point(myTabRect.X, 4);
                        e.Graphics.DrawImage(bt, p5);
                        //e.Graphics.DrawString(this.MainTabControl.TabPages[e.Index].Text, this.Font, objpen.Brush, p5);
                    }
                    e.Graphics.Dispose();
                }
                catch (Exception)
                { }
            }
    
            //关闭按钮功能
            private void MainTabControl_MouseDown(object sender, MouseEventArgs e)
            {
                if (e.Button == MouseButtons.Left)
                {
                    int x = e.X, y = e.Y;
                    //计算关闭区域   
                    Rectangle myTabRect = this.MainTabControl.GetTabRect(this.MainTabControl.SelectedIndex);
    
                    myTabRect.Offset(myTabRect.Width - (CLOSE_SIZE + 3), 2);
                    myTabRect.Width = CLOSE_SIZE;
                    myTabRect.Height = CLOSE_SIZE;
    
                    //如果鼠标在区域内就关闭选项卡   
                    bool isClose = x > myTabRect.X && x < myTabRect.Right && y > myTabRect.Y && y < myTabRect.Bottom;
                    if (isClose == true)
                    {
                        this.MainTabControl.TabPages.Remove(this.MainTabControl.SelectedTab);
                    }
                }
            }
        }
    }
    

    可以加一个imageList,然后设置tabControl的imageList属性,再设置各个tab的ImageIndex或ImageKey属性,即可,只不过这样图标会在文本的左侧。如同所示:

    还有办法是重写了个tabControl,继承一个tabControl,然后建一个资源文件夹,在里面添加你需要的图片,在OnDrawItem时你重绘一下就好了,然后判断OnMouseEnter事件时修改矩形框的图片(从资源文件夹里获取)!可以参考示例http://www.codeproject.com/KB/dotnet/CustomTabControl.aspx

  • 相关阅读:
    Node.js学习(二)----- 常用模块
    Node.js学习(一)----- 基础知识
    微信小程序开发(三)----- 云开发案例
    微信小程序开发(二)----- 云开发
    微信小程序开发(一)----- 基础知识
    简述Vue中使用Vuex
    简述前后端项目RSA+AES加解密
    简述Js中,判断对象为空对象的几种方式
    简述在Js或Vue中监听页面的刷新、关闭操作
    简述Object(ActiveX)控件遮挡Dialog、select下拉框的解决办法
  • 原文地址:https://www.cnblogs.com/JuneZhang/p/1985057.html
Copyright © 2020-2023  润新知