欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

C#实现Winform小数字键盘模拟器

程序员文章站 2022-03-02 21:00:43
目录一、构建计算器的界面二、构建控件的开放属性三、控件键盘输入四、让文本框处理焦点状态以及光标位置的处理五、实现退格、清除内容的功能六、实现enter确认得到结果的功能文章开始之前,先看一下效果图,看...

文章开始之前,先看一下效果图,看是不是您正所需要的:

C#实现Winform小数字键盘模拟器

一、构建计算器的界面

要构建出一个好看点的计算器界面,还是需要颇费些小心思的,我做这个的时候,也花了两三个小时的时间构建这个界面。

其主要的使用控制是tablelayoutpanel控件。

另外一个小难点则在于内容控件textbox的显示,要让文字垂直居中,在没有重写textbox控件的情况下要达到这个效果,也是花了些小心思。

其它的界面则没有什么的。至于加减号嘛,则用输入法的特殊符号即可。

二、构建控件的开放属性

一共开放了3个属性,不够自己加。这3个如下,看注释应该能懂:

/// <summary>
/// 可接受的最小值,最小为-3.402823e+38
/// </summary>
[browsable(true)]
[category("zhongzhou")]
[defaultvalue(0)]
[description("可接受的最小值,最小为-3.402823e+38")]
public float min { get; set; } = 0;
 
/// <summary>
/// 可接受的最大值,最大为3.402823e+38
/// </summary>
[browsable(true)]
[category("zhongzhou")]
[defaultvalue(0)]
[description("可接受的最大值,最大为3.402823e+38")]
public float max { get; set; } = 0;
 
/// <summary>
/// 设置小数点的精度位数,默认为2位小数点
/// </summary>
[browsable(true)]
[category("zhongzhou")]
[defaultvalue(2)]
[description("设置小数点的精度位数,默认为2位小数点")]
public int precision { get; set; } = 2;

三、控件键盘输入

我们的目的是让小键盘来输入数字,所以需要禁止实体键盘输入文字字母等信息,以及小数字点最多只能出现一次,具体逻辑如下:

/// <summary>
/// 当使用实物键盘输入文本内容时触发
/// </summary>
/// <param name="e"></param>
private void onkeypressed(keypresseventargs e)
{
    //13表示回车
    if (e.keychar == 13)
    {
        this.onentered();
        e.handled = true;
        return;
    }
    //48代表0,57代表9,8代表空格,46代表小数点
    if ((e.keychar < 48 || e.keychar >= 57) && (e.keychar != 8) && (e.keychar != 46))
    {
        e.handled = true;
        return;
    }
 
    //判断多次输入小数点,仅允许出现1次小数点
    if (e.keychar == 46)
    {
        this.pointhandle();
        this.setcontentfocus();
        e.handled = true;
        return;
    }
}
 
/// <summary>
/// 处理小数点
/// </summary>
/// <returns><see langword="true"/>表示处理成功,<see langword="false"/>表示未处理</returns>
private bool pointhandle()
{
    string content = this.contenttextbox.text;
    if (content.indexof('.') != -1)
    {
        return false;
    }
 
    if (string.isnullorempty(content))
    {
        this.setcontent("0.");
        return true;
    }
 
    //取光标位置
    int index = this.contenttextbox.selectionstart;
    string str = this.contenttextbox.text.substring(0, index);
    if (str == "+" || str == "-")
    {
        return this.setcontent(string.join(string.empty, str, "0.", this.contenttextbox.text.substring(index, this.contenttextbox.text.length - index)));
    }
 
    return this.setcontent(string.join(string.empty, str, ".", this.contenttextbox.text.substring(index, this.contenttextbox.text.length - index)));
}

四、让文本框处理焦点状态以及光标位置的处理

光标位置,需要特殊处理的,默认参数cursorposition=-1时,光标位置始终移到最末尾处。但是有些情况,比如你要让光标在数字中间删除几个数字或者添加几个数字,就不能让光标自动跑到最末尾处了。

/// <summary>
/// 设置新值
/// </summary>
/// <param name="newcontent">表示新值</param>
private bool setcontent(string newcontent)
{
    int precision = this.precision;
 
    if (string.isnullorempty(newcontent))
    {
        this.contenttextbox.text = string.empty;
        return true;
    }
 
    var scheme = newcontent.split('.');
    if (scheme.length == 2)
    {
        var realprecision = scheme[1].length;
        if (realprecision > precision)
        {
            return false;
        }
    }
 
    this.contenttextbox.text = newcontent;
    return true;
}

五、实现退格、清除内容的功能

 
/// <summary>
/// 清除内容
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void clearbutton_click(object sender, eventargs e)
{
    this.setcontent(string.empty);
    this.setcontentfocus();
}
 
/// <summary>
/// 退格内容
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void backbutton_click(object sender, eventargs e)
{
    //取光标位置
    int index = this.contenttextbox.selectionstart;
    //剪切内容
    string cutstr = this.contenttextbox.text.substring(0, index);
    //剩余内容
    string remainstr = this.contenttextbox.text.substring(index, this.contenttextbox.text.length - index);
    int position = this.setcontent(string.join(string.empty, cutstr.substring(0, cutstr.length - 1), remainstr)) ? index - 1 : index;
    this.setcontentfocus(position);
}

六、实现enter确认得到结果的功能

原理是通过事件来实现的。代码如下:

/// <summary>
/// 当按下回车按钮时的事件委托
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
public delegate void enteredeventhandler(object sender, float e);
 
/// <summary>
/// 当按下回车按钮时的事件
/// </summary>
public event enteredeventhandler entered;
 
/// <summary>
/// 当迷你小键盘按下回车时触发事件
/// </summary>
protected virtual void onentered()
{
    float min = this.min;
    float max = this.max;
    var value = string.isnullorempty(this.contenttextbox.text) ? 0 : convert.tosingle(this.contenttextbox.text);
    if (max != 0 && value > max)
    {
        messagebox.show("值不在最大范围内", "提示");
        return;
    }
    if (min != 0 && value < min)
    {
        messagebox.show("值不在最小范围内", "提示");
        return;
    }
 
    this.entered?.invoke(this, value);
}
 
/// <inheritdoc cref="onentered"/>
private void enterbutton_click(object sender, eventargs e)
{
    this.onentered();
    this.setcontentfocus();
}

到此这篇关于c#实现winform小数字键盘模拟器的文章就介绍到这了,更多相关c# winform数字键盘模拟器内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!