在上一章中已经完成了TextBoxFilterBehavior的实现,在这一章中主要是介绍如何在NumericBox中进行格式化处理,没有看过上一章的朋友请点击这里访问。

为了能够使用TextBoxFilterBehavior来进行非法字符的过滤,我们在构造函数中通过附加属性的形式添加了TextBoxFilterBehavior行为,代码如下:

构造函数

1 public NumericBox()
2 {
3     TextBoxFilterBehavior behavior = new TextBoxFilterBehavior();
4     behavior.TextBoxFilterOptions = TextBoxFilterOptions.Numeric | TextBoxFilterOptions.Dot;
5 Interaction.GetBehaviors(this).Add(behavior); 
6 }

效果等同于如下的xaml代码:

代码

<TextBox HorizontalAlignment="Left" Margin="170,198,0,218" Width="123" TextWrapping="Wrap" Style="{StaticResource TextBoxStyle1}">
    <i:Interaction.Behaviors>
        <YQL_Core_Behaviors:TextBoxFilterBehavior TextBoxFilterOptions="Numeric"/>
    </i:Interaction.Behaviors>
</TextBox>

由于我们的NumericBox控件没有自定义的默认样式,所以只能通过代码的方式进行添加。

完成了非法字符的过滤,那么接下来我们主要要处理的就是以下几种情况:

l 能够控制小数点后的最大位数,超出位数则无法继续输入;

l 能够选择当小数点数位数不足时是否补0;

l 去除开头部分多余的0(为方便处理,当在开头部分输入0时,自动在其后添加一个小数点);

针对前两种情况,我们通过添加两个依赖属性来提供给控件的使用者设置。其中一个用来控制最大的小数点位数,一个用来控制当小数点位数不足时,是否补零,属性定义如下:

代码

 1 #region Dependency Properties
 2 
 3 /// <summary>
 4 /// 最大小数点位数
 5 /// </summary>
 6 public int MaxFractionDigits
 7 {
 8     get { return (int)GetValue(MaxFractionDigitsProperty); }
 9     set { SetValue(MaxFractionDigitsProperty, value); }
10 }
11 
12 // Using a DependencyProperty as the backing store for MaxFractionDigits.  This enables animation, styling, binding, etc...
13 public static readonly DependencyProperty MaxFractionDigitsProperty =
14     DependencyProperty.Register("MaxFractionDigits", typeof(int), typeof(NumericBox), new PropertyMetadata(2));
15 
16 /// <summary>
17 /// 不足位数是否补零
18 /// </summary>
19 public bool IsPadding
20 {
21     get { return (bool)GetValue(IsPaddingProperty); }
22     set { SetValue(IsPaddingProperty, value); }
23 }
24 
25 // Using a DependencyProperty as the backing store for IsPadding.  This enables animation, styling, binding, etc...
26 public static readonly DependencyProperty IsPaddingProperty =
27     DependencyProperty.Register("IsPadding", typeof(bool), typeof(NumericBox), new PropertyMetadata(true));
28 
29 #endregion
30 

然后在TextChanged事件中,我们首先取出小数点所在的位置,然后计算出小数点后面的数字的位数,如果超过了设置的最大小数点位数,则舍去后面多出的部分;如果不足且设置了需要补零,则在后面填充对应个数的‘0’。这里需要注意的一点是,当重新设置控件的Text属性时,光标的位置会被重新设定到文本的起始处。所以这里就需要我们首先保存光标的位置,然后在设置后进行恢复,从而保证用户输入的流畅性。

针对第三种情况,我考虑了很多种方案,但是在用户体验上都有不同程度的缺陷。设想如下的情况,如果当前的文本为“1234”,然后用户想要将其变成‘0.1234’,这个时候,按照正常的逻辑数字的最前方是不能有‘0’的,这样就导致了用户无法直接在前面输入‘0’,必须要将原有的“1234”都删除才可以,大大降低了用户体验。最后,通过与同事的讨论(该同事那时正处于半睡半醒状态),决定分两种情况来考虑:如果当前的文本中已经包含了小数点,那么则删除开头的所有的‘0’(如果开头除‘0’外的第一个字符是小数点,则保留一个‘0’);如果当前文本中没有包含小数点,那么保留一个‘0’,并在其后添加一个小数点,并且将光标移动到‘0’与小数点之间。在这种情况下最大程度的保证了用户输入的连贯性,同时又保证了输入数据的有效性。

考虑如下情形:

l 当前的文本为“1234”,然后用户想要将其变成‘0.1234’,这时他只要在开头输入‘0’,那么自然就变成了‘0.1234’;

l 由于光标停留在‘0’跟‘.’之间,所以如果他要将之前的‘0’改为‘1’,只需要直接输入‘1’,那么文本就自然变成了‘1.1234’(‘01.1234’=>‘1.1234’);

l 而如果他想要继续输入后面的小数部分,那么只要输入小数点,光标会自动跳过小数点,到达小数的输入部分。

这是我目前能够想到的最符合需求也是最容易实现的方法,如果您有更好的实现方案请给我回复,完整的代码如下:

代码

/// <summary>
/// 只能输入数字的TextBox
/// </summary>
public class NumericBox : TextBox
{
    #region Dependency Properties

/// <summary>
    /// 最大小数点位数
    /// </summary>
    public int MaxFractionDigits
    {
        get { return (int)GetValue(MaxFractionDigitsProperty); }
        set { SetValue(MaxFractionDigitsProperty, value); }
    }

// Using a DependencyProperty as the backing store for MaxFractionDigits.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty MaxFractionDigitsProperty =
        DependencyProperty.Register("MaxFractionDigits", typeof(int), typeof(NumericBox), new PropertyMetadata(2));

/// <summary>
    /// 不足位数是否补零
    /// </summary>
    public bool IsPadding
    {
        get { return (bool)GetValue(IsPaddingProperty); }
        set { SetValue(IsPaddingProperty, value); }
    }

// Using a DependencyProperty as the backing store for IsPadding.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty IsPaddingProperty =
        DependencyProperty.Register("IsPadding", typeof(bool), typeof(NumericBox), new PropertyMetadata(true));

#endregion

public NumericBox()
    {
        TextBoxFilterBehavior behavior = new TextBoxFilterBehavior();
        behavior.TextBoxFilterOptions = TextBoxFilterOptions.Numeric | TextBoxFilterOptions.Dot;
        Interaction.GetBehaviors(this).Add(behavior);

this.TextChanged += new TextChangedEventHandler(NumericBox_TextChanged);
    }

/// <summary>
    /// 设置Text文本以及光标位置
    /// </summary>
    /// <param name="text"></param>
    private void SetTextAndSelection(string text)
    {
        //保存光标位置
        int selectionIndex = this.SelectionStart;
        this.Text = text;
        //恢复光标位置 系统会自动处理光标位置超出文本长度的情况
        this.SelectionStart = selectionIndex;
    }

/// <summary>
    /// 去掉开头部分多余的0
    /// </summary>
    private void TrimZeroStart()
    {
        string resultText = this.Text;
        //计算开头部分0的个数
        int zeroCount = 0;
        foreach (char c in this.Text)
        {
            if (c == '0') { zeroCount++; }
            else { break; }
        }

//当前文本中包含小数点
        if (this.Text.Contains('.'))
        {
            //0后面跟的不是小数点,则删除全部的0
            if (this.Text[zeroCount] != '.')
            {
                resultText = this.Text.TrimStart('0');
            }
            //否则,保留一个0
            else if (zeroCount > 1)
            {
                resultText = this.Text.Substring(zeroCount - 1);
            }
        }
        //当前文本中不包含小数点,则保留一个0,并在其后加一个小数点,并将光标设置到小数点前
        else if (zeroCount > 0)
        {
            resultText = "0." + this.Text.TrimStart('0');
            this.SelectionStart = 1;
        }

SetTextAndSelection(resultText);
    }

void NumericBox_TextChanged(object sender, TextChangedEventArgs e)
    {
        int decimalIndex = this.Text.IndexOf('.');
        if (decimalIndex >= 0)
        {
            //小数点后的位数
            int lengthAfterDecimal = this.Text.Length - decimalIndex - 1;
            if (lengthAfterDecimal > MaxFractionDigits)
            {
                SetTextAndSelection(this.Text.Substring(0, this.Text.Length - (lengthAfterDecimal - MaxFractionDigits)));
            }
            else if (IsPadding)
            {
                SetTextAndSelection(this.Text.PadRight(this.Text.Length + MaxFractionDigits - lengthAfterDecimal, '0'));
            }
        }
        TrimZeroStart();
    }
}

转载于:https://www.cnblogs.com/yingql/archive/2010/03/09/1681956.html

Silverlight开发中的疑难杂症-控件设计篇-如何实现一个NumericBox(下)相关推荐

  1. WinForm开发中针对TreeView控件改变当前选择节点的字体与颜色

    WinForm开发中针对TreeView控件改变当前选择节点的字体与颜色  在B/S开发中,对TreeView控件要改变当前选中节点的颜色比较方便,其有相应的SelectedNodeChanged事件 ...

  2. android开发中为MultiAutoCompleteTextView控件添加其他分隔符

    android开发中为MultiAutoCompleteTextView控件添加其他分隔符,例如:分隔符改为分号";" zs;ls;ww;xm //SemicolonTokeniz ...

  3. Android开发中目前流行控件和知识点总结

    1.SlidingMenu 滑动菜单 应用案例:Facebook . Path 2.0 .人人.网易新闻 下载地址: https://github.com/jfeinstein10/SlidingMe ...

  4. Ajax 1.0 中使用web控件调用后台方法的用法.

    今天在做页面文本框审核的时候发现个Ajax 1.0 中使用web控件调用后台方法的一个不爽的地方. 把该调用方法发上来供大家参考. 首先我们创建一个MasterPage.master文件. 在页面上放 ...

  5. 使用观察者模式在 Silverlight 中切换用户控件

    有一篇技巧,见 http://tech.sina.com.cn/s/2008-07-03/1528718607.shtml 或 http://kb.cnblogs.com/page/42897/?pa ...

  6. ASP.NET开发:在用户控件中添加属性

    在WEB开发中,可重用的代码我们可以把它写成一个通用模块供需要的地方来引用.本文就是介绍在ASP.NET的web编程时,如何在用户控件中添加属性,实现这种方法:举例说明详解. 在WEB开发中经常有一些 ...

  7. 技巧:在Silverlight 2应用程序中切换用户控件

    版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://terrylee.blog.51cto.com/342737/85341 ...

  8. 巧用Delegate在Silverlight多个页面、控件中传递回调方法

    在论坛中看到经常有人碰到如何在SilverLight多个页面或者控件中传替参数或者值的问题,今天抽空通过Delegate机制实现回调实例方法重设动画参数的DEMO,分享给大家.最终结果如图: 在论坛中 ...

  9. HTML5 Web app开发工具Kendo UI Web中Grid网格控件的使用

    Kendo UI Web中的Grid控件不仅可以显示数据,并对数据提供了丰富的支持,包括分页.排序.分组.选择等,同时还有着大量的配置选项.使用Kendo DataSource组件,可以绑定到本地的J ...

  10. 【VS开发】VS2010中导入ActiveX控件

    方法1: 1.首先在在项目上面右击添加类,如下图所示: 2.点击添加ActiveX控件中的MFC类 3.找到需要添加的ActiveX类. 4.点击完成即可. 5.此时转到资源视图,打开如下视图.可能工 ...

最新文章

  1. 命令行 上下文环境 与 相对路径
  2. Java-函数式编程(二)Lambda表达式
  3. ASP.NET MVC如何实现自定义验证(服务端验证+客户端验证)
  4. 瞄准千亿个护市场,纸业龙头们下半场战役已经打响
  5. 渗透测试之信息收集篇
  6. List集合的特有功能概述
  7. fcpx怎么合成延时摄影_延时摄影合成终极后期教程
  8. 如何实现Punycode中文域名转码
  9. c语言 静态变量 初始化,c – 静态变量初始化两次
  10. 一切事物皆对象_基础篇
  11. DataGridView添加右键菜单等技巧
  12. Spring Struts2 整合
  13. 计算机网络之TCP报文
  14. 孙玄达叔:年薪75万的真实技术面试实践攻略(篇章二)
  15. 清华大学计算机杜瑜皓,我在清华等你来 | 金策:从容淡定 “金牌”之风
  16. C#panel渐变绘制
  17. [ZJOI2007]矩阵游戏(二分图匹配、匈牙利算法)
  18. 计算机无法删除ie,ie无法删除怎么办
  19. 新零售连锁店系统为何这么火?
  20. Yarn HA 原理

热门文章

  1. VirtualBox中的WIN7开启Aero模式要谨慎
  2. 输入法候选词排列的两种新方式
  3. 假疫苗事件,错在企业,责任在管理部门
  4. VS C#启用非托管代码调试 不运行修改
  5. 2019 序列号_苹果序列号知识扫盲:iPhone序列号含义与查询真伪全攻略
  6. html 下拉 可选可填,根据HTML下拉列表选择填充输入
  7. 大学python考试会挂科吗_学姐含泪劝告:4个“最难学”的大学专业,考试“挂科”是常态...
  8. OpenGL学习笔记(3) 纹理
  9. C# 通用树形数据结构
  10. PaaS适用于哪些场景?让案例说话