利用Visual C#打造一个平滑的进度条

news/2024/7/3 13:14:15 标签: c#, float, microsoft, windows, templates, application

在早先的进度条控件版本中,例如在 Microsoft Windows Common Controls ActiveX 控件中提供的版本,您可以看到进度条有两种不同的视图。您可以通过设定 Scrolling 属性来设定 Standard 视图或是 Smooth 视图。 Smooth 视图提供了一个区域来平滑的显示进度, Standard 试图则看上去是由一个一个方块来表示进度的。

   在 Visual C# .NET 中提供的进度条控件只支持 Standard 视图。

   本文的代码样例揭示了如何建立一个有如下属性的控件:

    Minimum。该属性表示了进度条的最小值。默认情况下是 0 ;您不能将该属性设为负值。

    Maximum。该属性表示了进度条的最大值。默认情况下是 100 。

    Value。该属性表示了进度条的当前值。该值必须介于 Minimum 和 Maximum 之间。

    ProgressBarColor。该属性表示了进度条的颜色。

建立一个自定义的进度条控件

   1、按着下面的步骤,在 Visual C# .NET 中建立一个 Windows Control Library 项目:

   a、打开 Microsoft Visual Studio.NET。

   b、点击 File 菜单,点击 New ,再点击 Project 。

   c、在 New Project 对话框中,在 Project Types 中选择 Visual C# Projects,然后在 Templates 中选择 Windows Control Library 。

   d、在 Name 框中,填上 SmoothProgressBar ,并点击 OK 。

   e、在 Project Explorer 中,重命名缺省的 class module ,将 UserControl1.cs 改为 SmoothProgressBar.cs 。

   f、在该 UserControl对象的 Property 窗口中,将其 Name 属性从 UserControl1 改为 SmoothProgressBar。

   2、此时,您已经从 control 类继承了一个新类,并可以添加新的功能。但是,ProgressBar累是密封(sealed)的,不能再被继承。因此,您必须从头开始建立这个控件。

   将下面的代码添加到UserControl模块中,就在“Windows Form Designer generated code”之后:

int min = 0; // Minimum value for progress range
int max = 100; // Maximum value for progress range
int val = 0; // Current progress
Color BarColor = Color.Blue; // Color of progress meter

protected override void OnResize(EventArgs e)
{
  // Invalidate the control to get a repaint.
  this.Invalidate();
}

protected override void OnPaint(PaintEventArgs e)
{
  Graphics g = e.Graphics;
  SolidBrush brush = new SolidBrush(BarColor);
  float percent = (float)(val - min) / (float)(max - min);
  Rectangle rect = this.ClientRectangle;

  // Calculate area for drawing the progress.
  rect.Width = (int)((float)rect.Width * percent);

  // Draw the progress meter.
  g.FillRectangle(brush, rect);

  // Draw a three-dimensional border around the control.
  Draw3DBorder(g);

  // Clean up.
  brush.Dispose();
  g.Dispose();
}

public int Minimum
{
  get
  {
   return min;
  }

  set
  {
   // Prevent a negative value.
   if (value < 0)
   {
    min = 0;
   }

   // Make sure that the minimum value is never set higher than the maximum value.
   if (value > max)
   {
    min = value;
    min = value;
   }

   // Ensure value is still in range
   if (val < min)
   {
    val = min;
   }

   // Invalidate the control to get a repaint.
   this.Invalidate();
  }
}

public int Maximum
{
  get
  {
   return max;
  }

  set
  {
   // Make sure that the maximum value is never set lower than the minimum value.
   if (value < min)
   {
    min = value;
   }

   max = value;

   // Make sure that value is still in range.
   if (val > max)
   {
    val = max;
   }

   // Invalidate the control to get a repaint.
   this.Invalidate();
  }
}

public int Value
{
  get
  {
   return val;
  }

  set
  {
   int oldValue = val;

   // Make sure that the value does not stray outside the valid range.
   if (value < min)
   {
    val = min;
   }
   else if (value > max)
   {
    val = max;
   }
   else
   {
    val = value;
   }

   // Invalidate only the changed area.
   float percent;

   Rectangle newValueRect = this.ClientRectangle;
   Rectangle oldValueRect = this.ClientRectangle;

   // Use a new value to calculate the rectangle for progress.
   percent = (float)(val - min) / (float)(max - min);
   newValueRect.Width = (int)((float)newValueRect.Width * percent);

   // Use an old value to calculate the rectangle for progress.
   percent = (float)(oldValue - min) / (float)(max - min);
   oldValueRect.Width = (int)((float)oldValueRect.Width * percent);

   Rectangle updateRect = new Rectangle();

   // Find only the part of the screen that must be updated.
   if (newValueRect.Width > oldValueRect.Width)
   {
    updateRect.X = oldValueRect.Size.Width;
    updateRect.Width = newValueRect.Width - oldValueRect.Width;
   }
   else
   {
    updateRect.X = newValueRect.Size.Width;
    updateRect.Width = oldValueRect.Width - newValueRect.Width;
   }

   updateRect.Height = this.Height;

   // Invalidate the intersection region only.
   this.Invalidate(updateRect);
  }
}

public Color ProgressBarColor
{
  get
  {
   return BarColor;
  }

  set
  {
   BarColor = value;

   // Invalidate the control to get a repaint.
   this.Invalidate();
  }
}

private void Draw3DBorder(Graphics g)
{
  int PenWidth = (int)Pens.White.Width;

  g.DrawLine(Pens.DarkGray, new Point(this.ClientRectangle.Left, this.ClientRectangle.Top),
new Point(this.ClientRectangle.Width - PenWidth, this.ClientRectangle.Top));
  g.DrawLine(Pens.DarkGray, new Point(this.ClientRectangle.Left, this.ClientRectangle.Top), new Point(this.ClientRectangle.Left, this.ClientRectangle.Height - PenWidth));
  g.DrawLine(Pens.White, new Point(this.ClientRectangle.Left, this.ClientRectangle.Height - PenWidth),
new Point(this.ClientRectangle.Width - PenWidth, this.ClientRectangle.Height - PenWidth));
g.DrawLine(Pens.White, new Point(this.ClientRectangle.Width - PenWidth, this.ClientRectangle.Top),
new Point(this.ClientRectangle.Width - PenWidth, this.ClientRectangle.Height - PenWidth));
}

 

   3、在 Build 菜单中,点击 Build Solution 来编译整个项目。

建立一个简单的客户端应用

   1、在 File 菜单中,点击 New ,再点击Project。

   2、在 Add New Project 对话框中,在 Project Types 中点击 Visual C# Projects,在 Templates 中点击 Windows Application,并点击 OK。

   3、按照下面的步骤,在 Form 上添加两个 SmoothProgressBar 实例:

   a、在 Tools 菜单上,点击 Customize Toolbox。

   b、点击 .NET FrameworkComponents 页。

   c、点击 Browse,然后选中你在 Create a Custom ProgressBar Control 段中建立的 SmoothProgressBar.dll 文件。

   d、点击 OK。您可以看到在 toolbox 中已经有 SmoothProgressBar控件了。

   e、从 toolbox 中拖两个 SmoothProgressBar 控件的实例到该 Windows Application 项目中的默认 form 上。

   4、从 toolbox 页中拖一个 Timer 控件到 form 上。

   5、将下面的代码添加到 Timer 控件的 Tick 事件中:

if (this.smoothProgressBar1.Value > 0)
{
  this.smoothProgressBar1.Value--;
  this.smoothProgressBar2.Value++;
}
else
{
  this.timer1.Enabled = false;
}

 

   6、从 toolbox 页中拖一个 Button 控件到 form 上。

   7、将下面的代码添加到 Button 控件的 Click 事件中:

this.smoothProgressBar1.Value = 100;
this.smoothProgressBar2.Value = 0;

this.timer1.Interval = 1;
this.timer1.Enabled = true;

 

   8、在 Debug 菜单中,点击 Start 来运行样例项目。

   9、点击Button。注意观察那两个进度指示器。一个逐渐减小,另一个逐渐增加。
 


http://www.niftyadmin.cn/n/1148279.html

相关文章

洛谷 3803 【模板】多项式乘法(FFT)

题目&#xff1a;https://www.luogu.org/problemnew/show/P3803 第一道FFT&#xff01; https://www.cnblogs.com/zwfymqz/p/8244902.html http://www.cnblogs.com/RabbitHu/p/FFT.html 就是把系数转化为2*n个点值&#xff0c;点值相乘一下&#xff0c;再转化回2*n个系数的过程…

解读_NET架构核心开发技术

不可否认&#xff0c;应用软件的开发正在经历一次巨变――将最终增强开发人员的生产力并开启一道通向全新概念的应用程序的大门。 新型的开发模式正逐渐被推广&#xff0c;将分发软件演变成一种服务还有待于所有开发人员的共同努力&#xff0c;而互联网却将彻底改变应用程序的开…

idea搭建ssm框架发布到tomcat

刚用搭了一个ssm框架&#xff0c;并发布在tomcat上。下面是整个过程的大概记录 环境: idea 2019.1.2 jdk1.8 Maven 3.5.4 搭建SSM: 1、建一个Maven web app项目 二、搭建打项目的结构 设置一下资源目录 三、配置文件内容 pom.xml文件:内容如下 <?xml version"1.0…

如何在无头模式下运行WebDriver?

2019独角兽企业重金招聘Python工程师标准>>> 如何在无头模式下运行WebDriver&#xff1f;如果您的CI工具&#xff08;例如Jenkins&#xff09;不支持UI&#xff0c;则可能需要这样做。 在无头模式下运行WebDriver自动测试在测试执行速度和更轻松地集成到CI管道方面具…

DOTNET下企业应用系统架构构建

在开始架构设计之前&#xff0c;需要了解一下架构是什么&#xff0c;按照IEEE标准的定义是&#xff1a; Architecture 是一个系统的基本组织&#xff0c;它蕴含于系统的组件中、组件之间的相互关系中、组件与环境的相互关系中、以及呈现于其设计和演进的原则中。 (The embodied…

Mysql主从分离实现

一、数据库层面的主从配置实现 MySQL数据库自身提供的主从复制功能可以方便的实现数据的多处自动备份&#xff0c;实现数据库的拓展。多个数据备份不仅可以加强数据的安全性&#xff0c;通过实现读写分离还能进一步提升数据库的负载性能。 下图就描述了一个多个数据库间主从复…

基于 Zookeeper 的分布式锁实现

1. 背景 最近在学习 Zookeeper&#xff0c;在刚开始接触 Zookeeper 的时候&#xff0c;完全不知道 Zookeeper 有什么用。且很多资料都是将 Zookeeper 描述成一个“类 Unix/Linux 文件系统”的中间件&#xff0c;导致我很难将类 Unix/Linux 文件系统的 Zookeeper 和分布式应用联…

区块链软件公司:区块链未来前景

随着区块链技术的不断发展&#xff0c;区块链技术也已经逐渐的被各大科技公司和研发部门应用与我们生活当中的各行各业&#xff0c;也因为区块链技术的广泛应用使得我们的日常生活更加的方便和快捷&#xff0c;那么有人问区块链技术的前景如何呢?大家又是如何看待区块链技术的…