美化单选按钮

转载 2012年03月21日 15:04:17
using System;
 using System.Collections.Generic;
 using System.ComponentModel;
 using System.Drawing;
 using System.Data;
 using System.Linq;
 using System.Text;
 using System.Windows.Forms;
 using System.Drawing.Drawing2D;
 
 namespace BeautifulRadioButton
 {
     public partial class GlorifyRadioButton : RadioButton
     {
         public GlorifyRadioButton()
         {
             InitializeComponent();
             FontAspect = getAspect();//获取当前控件文本的读取方向
         }
 
         #region 变量
         private bool FontAspect= false;//判断字体的方向
         private int Measurement = 255;//设置渐变的初始值
         LinearGradientBrush Periphery_br;//外圆的颜色
         LinearGradientBrush Central_br;//移入控件时中圆的颜色
         LinearGradientBrush NoCentral_br;//无操作时中圆的颜色
         LinearGradientBrush Stipple_br;//内圆选中的颜色
         LinearGradientBrush NoStipple_br;//内圆无选中的颜色
         #endregion
 
         #region 添加属性
         public enum StyleSort
         {
             Null = 0,//无
             Integer = 1,//整数
             Decimal = 2,//小数
         }
 
         private Color TPeripheryColor = Color.DarkBlue;
         [Browsable(true), Category("设置填充颜色"), Description("外圆的颜色")] //在“属性”窗口中显示DataStyle属性
         public Color PeripheryColor
         {
             get { return TPeripheryColor; }
             set
             {
                 TPeripheryColor = value;
                 this.Invalidate();
             }
         }
 
         private Color TCentralColor = Color.CornflowerBlue;
         [Browsable(true), Category("设置填充颜色"), Description("移入控件时中圆的颜色")] //在“属性”窗口中显示DataStyle属性
         public Color CentralColor
         {
             get { return TCentralColor; }
             set
             {
                 TCentralColor = value;
                 this.Invalidate();
             }
         }
 
         private Color TNoCentralColor = Color.PowderBlue;
         [Browsable(true), Category("设置填充颜色"), Description("无操作时中圆的颜色")] //在“属性”窗口中显示DataStyle属性
         public Color NoCentralColor
         {
             get { return TNoCentralColor; }
             set
             {
                 TNoCentralColor = value;
                 this.Invalidate();
             }
         }
 
         private Color TStippleColor = Color.DarkBlue;
         [Browsable(true), Category("设置填充颜色"), Description("选中后内圆的颜色")] //在“属性”窗口中显示DataStyle属性
         public Color StippleColor
         {
             get { return TStippleColor; }
             set
             {
                 TStippleColor = value;
                 this.Invalidate();
             }
         }
 
         private Color TNoStippleColor = Color.Azure;
         [Browsable(true), Category("设置填充颜色"), Description("无操作时内圆的颜色")] //在“属性”窗口中显示DataStyle属性
         public Color NoStippleColor
         {
             get { return TNoStippleColor; }
             set
             {
                 TNoStippleColor = value;
                 this.Invalidate();
             }
         }
         #endregion
 
         #region 事件
         /// <summary>
 /// 控件在需要重绘时触发
 /// </summary>
         protected override void OnPaint(System.Windows.Forms.PaintEventArgs e)
         {
             e.Graphics.FillRectangle(SystemBrushes.Control, e.ClipRectangle);//填充矩形
             e.Graphics.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.AntiAlias;//清除锯齿
 //获取左面图标的区域
             Rectangle boxrect = new Rectangle(e.ClipRectangle.X, e.ClipRectangle.Y, SystemInformation.SmallIconSize.Width, e.ClipRectangle.Height);
             //获取绘制的文本的区域
             Rectangle strrect = new Rectangle(e.ClipRectangle.X + SystemInformation.SmallIconSize.Width, e.ClipRectangle.Y, e.ClipRectangle.Width + 2 - SystemInformation.SmallIconSize.Width, e.ClipRectangle.Height);
             if (FontAspect)//判断字体的读取方式
             {
                 boxrect.X = e.ClipRectangle.X + e.ClipRectangle.Width - SystemInformation.SmallIconSize.Width;//设置椭圆的位置
                 strrect.X = e.ClipRectangle.X;//设置字体位置
             }
             Point MousePos = this.PointToClient(Control.MousePosition);//获取鼠标的位置
             bool Above = e.ClipRectangle.Contains(MousePos);//获取鼠标是否在当前控件上
 
             DrawBox(e.Graphics, boxrect, Above);//绘制单选图案
             DrawText(e.Graphics, strrect);//绘制文字
             if (!Enabled)
                 e.Graphics.FillRectangle(new SolidBrush(Color.FromArgb(127, SystemColors.Control)), e.ClipRectangle);
         }
 
         /// <summary>
 /// 鼠标移入控件的可见区域时触发
 /// </summary>
         protected override void OnMouseEnter(System.EventArgs e)
         {
             //base.OnMouseEnter(e);
             this.Invalidate();
         }
 
         /// <summary>
 /// 鼠标移出控件的可见区域时触发
 /// </summary>
         protected override void OnMouseLeave(System.EventArgs e)
         {
             //base.OnMouseLeave(e);
             this.Invalidate();
         }
 
         /// <summary>
 /// RightToLeft属性值更改时发生
 /// </summary>
         protected override void OnRightToLeftChanged(System.EventArgs e)
         {
             //base.OnRightToLeftChanged(e);
             FontAspect = getAspect();//获取文本的读取方向
             this.Invalidate();
         }
         #endregion
 
         #region 方法
         /// <summary>
 /// 绘制单选控件的图案
 /// </summary>
 /// <param g="Graphics">封装一个绘图的类对象</param>
 /// <param rect="Rectangle">单选图案的绘制区域</param> 
 /// <param Above="bool">断判鼠标是否在控件上方</param> 
         private void DrawBox(Graphics g, Rectangle rect, bool Above)
         {
             //设置外椭圆的渐变色
             int opacity = Measurement;
             Periphery_br = new LinearGradientBrush(rect, Color.FromArgb(opacity / 2, PeripheryColor), Color.FromArgb(opacity, PeripheryColor), LinearGradientMode.ForwardDiagonal);
             //设置中间椭圆形选中时的渐变色
             opacity = (int)(.4f * opacity + .5f);
             Central_br = new LinearGradientBrush(rect, Color.FromArgb(opacity / 10, CentralColor), Color.FromArgb(opacity, CentralColor), LinearGradientMode.ForwardDiagonal);
             //设置中间椭圆形无操作时的渐变色
             opacity = (int)(.4f * opacity + .5f);
             NoCentral_br = new LinearGradientBrush(rect, Color.FromArgb(opacity / 10, NoCentralColor), Color.FromArgb(opacity, NoCentralColor), LinearGradientMode.ForwardDiagonal);
             //设置内圆形选中时的渐变色
             opacity = Measurement;
             Stipple_br = new LinearGradientBrush(rect, Color.FromArgb(opacity / 5, StippleColor), Color.FromArgb(opacity, StippleColor), LinearGradientMode.BackwardDiagonal);
             //设置内圆形无操作时的渐变色
             opacity = (int)(.4f * opacity + .5f);
             NoStipple_br = new LinearGradientBrush(rect, Color.FromArgb(opacity / 10, NoStippleColor), Color.FromArgb(opacity, NoStippleColor), LinearGradientMode.BackwardDiagonal);
             int size = this.Font.Height;//获取字体的高度
 //获取外椭圆的区域
             Rectangle box = new Rectangle(rect.X + ((rect.Width - size) / 2), rect.Y + ((rect.Height - size) / 2), size - 2, size - 2);
             Rectangle glyph = new Rectangle(box.X + 3, box.Y + 3, box.Width - 6, box.Height - 6);//设置内圆的绘制区域
             g.FillEllipse(new SolidBrush(SystemColors.Window), box);//以白色填充单选图案           
             if (Above && this.Enabled)//如果鼠标移入该控件
             {
                 g.DrawEllipse(new Pen(Central_br, (float)(3)), new Rectangle(box.X + 2, box.Y + 2, box.Width - 4, box.Height - 4));//绘制中心椭圆
             }
             else
             {
                 g.DrawEllipse(new Pen(NoCentral_br, (float)(3)), new Rectangle(box.X + 2, box.Y + 2, box.Width - 4, box.Height - 4));//绘制中心椭圆
             }
             g.DrawEllipse(new Pen(Periphery_br, (float)(1.5)), box);//绘制外椭圆
             g.FillEllipse(new SolidBrush(SystemColors.Window), glyph);//以白色填充内圆  
             if (this.Checked)//如果选中当前控件
                 g.FillEllipse(Stipple_br, glyph);//填充内圆
             else
                 g.FillEllipse(NoStipple_br, glyph);//填充内圆
         }
 
         /// <summary>
 /// 绘制文本
 /// </summary>
 /// <param g="Graphics">封装一个绘图的类对象</param>
 /// <param rect="Rectangle">绘制文本的区域</param>
         private void DrawText(Graphics g, Rectangle rect)
         {
             StringFormat tem_StringF = new StringFormat();//实例化StringFormat类
             tem_StringF.Alignment = StringAlignment.Near;//指定文本靠近布局对齐
             tem_StringF.LineAlignment = StringAlignment.Center;//文本居中对齐
             if (FontAspect)//如果控件是原始方向显示
                 tem_StringF.FormatFlags = StringFormatFlags.DirectionRightToLeft;//按从右到左的顺序显示文本
             if (!FontAspect)//如果控件是反方向显示
                 g.DrawString(this.Text, this.Font, SystemBrushes.ControlText, rect, tem_StringF);//绘制文本(从左端开始绘制)
             else
             {
                 rect.X = rect.X - SystemInformation.SmallIconSize.Width / 2 + 2;//设置文本的起始位置(在小图标后)
                 g.DrawString(this.Text, this.Font, SystemBrushes.ControlText, rect, tem_StringF);//绘制文本
             }
         }
 
         /// <summary>
 /// 获取文本的读取方向
 /// </summary>
 /// <return>布尔型</return>
         private bool getAspect()
         {
             bool tem_Aspect = false;
             if (this.RightToLeft == RightToLeft.Yes)//从右到左进行读取
                 tem_Aspect = true;
             if (this.RightToLeft == RightToLeft.No)//从左到右进行读取
                 tem_Aspect = false;
             return tem_Aspect;
         }
         #endregion
     }
 }

 

纯CSS美化单复选框(checkbox、radio)

这是在工作中遇到需要美化单选框和复选框查资料看到别人的,特别声明此文是转载别人,在此感谢原作者。觉得很有用在此码起来 原理就是:隐藏选择框本身,在利用标签放在原来选择框位置上。看代码: ...
  • joeone_strong
  • joeone_strong
  • 2017年04月13日 18:02
  • 7449

纯css美化单选按钮

纯CSS3实现自定义美化单选框 body { background: #fff; padding: 0; margin: 0; } .regular-radio{ display: none;...
  • sjkmuninj
  • sjkmuninj
  • 2016年02月22日 16:25
  • 747

9款表单复选框(Checkbox)与单选按钮美化

  • 2016年02月17日 10:27
  • 6KB
  • 下载

10个HTML5美化版复选框和单选框

转自:http://www.html5tricks.com/10-pretty-checkbox-radiobox.html 单选框Radiobox和复选框checkbox在网页中也十分常见,虽然...
  • chelen_jak
  • chelen_jak
  • 2015年04月02日 08:24
  • 103357

Bootstrap复选框和单选按钮美化插件

官网地址 需要引入awesome-bootstrap-checkbox.css、font-awesome.css以及font awesome对应的字体font文件,可在上面的网站上下载。 chec...
  • a837756
  • a837756
  • 2016年11月23日 16:29
  • 11690

单选框、多选框样式美化

表单及按钮的美化 ;(function($){ $.fn.hcheckbox=function(options){ $(':checkbox+label',this).each(function(...
  • cysear
  • cysear
  • 2015年11月30日 15:19
  • 674

Android自定义组件之美化radiobutton

安卓巴士神贴整理http://www.apkbus.com/android-19658-1-1.html 其实美化方法很简单只需重写ondraw方法是替换图片即可 下面是源代码 ...
  • yzhujiang
  • yzhujiang
  • 2012年01月10日 15:13
  • 1638

C#界面设计之复选按钮与单选按钮的使用实例

还是先看效果再看代码吧! 主要代码如下:using System; using System.Collections.Generic; using System.ComponentModel; ...
  • chongshangyunxiao321
  • chongshangyunxiao321
  • 2016年04月21日 15:10
  • 1954

android 单选按钮组的使用

RadioGroup是Android组单选按钮控件。更具体地,使用提供的RadioGroup从组中只选择一个RadioButton的能力。当用户选择一个单选按钮,前一个被选中,自动成为泛滥。 在我们...
  • xrl2012
  • xrl2012
  • 2015年01月06日 16:36
  • 2204

bootstrap 单选/开关控件

Inline checkboxes                                     a                                       ...
  • qq_33182945
  • qq_33182945
  • 2017年01月11日 15:22
  • 1004
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:美化单选按钮
举报原因:
原因补充:

(最多只允许输入30个字)