MAUI/Forms如何实现类似富国银行APP的从右往左填充货币输入框

要实现类似富国银行APP的货币输入效果（输入内容从右往左填充），直接设置FlowDirection没用——它控制的是整体文本排版方向，不是输入时的动态填充逻辑。下面给你一套可行的实现方案，用自定义Behavior处理输入格式化和光标控制，适配MAUI和Xamarin.Forms。

核心思路 #

1. 文本右对齐（HorizontalTextAlignment="End"），视觉上营造从右填充的效果
2. 拦截输入，只允许数字和小数点，自动格式化货币格式（比如千分位分隔、限制小数位数）
3. 输入/删除时强制光标停在文本末尾，确保新输入始终追加到右侧
4. 聚焦时自动选中全部文本，方便用户快速修改

实现自定义货币输入Behavior #

using System.Globalization;
using Microsoft.Maui.Controls; // MAUI用此命名空间，Xamarin.Forms替换为Xamarin.Forms

public class CurrencyEntryBehavior : Behavior<Entry>
{
    private const int DecimalPlaces = 2;
    private string _previousText = string.Empty;

    protected override void OnAttachedTo(Entry entry)
    {
        entry.TextChanged += OnTextChanged;
        entry.Focused += OnFocused;
        base.OnAttachedTo(entry);
    }

    protected override void OnDetachingFrom(Entry entry)
    {
        entry.TextChanged -= OnTextChanged;
        entry.Focused -= OnFocused;
        base.OnDetachingFrom(entry);
    }

    private void OnFocused(object sender, FocusEventArgs e)
    {
        var entry = sender as Entry;
        // 聚焦时选中全部文本，方便快速修改
        entry.CursorPosition = 0;
        entry.SelectionLength = entry.Text?.Length ?? 0;
    }

    private void OnTextChanged(object sender, TextChangedEventArgs e)
    {
        var entry = sender as Entry;
        if (entry == null) return;

        // 过滤非数字和小数点的字符
        var newText = new string(e.NewTextValue?.Where(c => char.IsDigit(c) || c == '.').ToArray() ?? Array.Empty<char>());

        // 处理多个小数点的情况
        if (newText.Count(c => c == '.') > 1)
        {
            entry.Text = _previousText;
            return;
        }

        // 处理小数点位置和小数位数
        if (newText.Contains('.'))
        {
            var split = newText.Split('.');
            if (split[1].Length > DecimalPlaces)
            {
                newText = $"{split[0]}.{split[1].Substring(0, DecimalPlaces)}";
            }
        }
        else
        {
            // 无小数点时，按整数处理并添加千分位分隔
            if (long.TryParse(newText, out var number))
            {
                newText = number.ToString("N0", CultureInfo.CurrentCulture);
            }
        }

        // 格式化完整货币文本（包含小数时也添加千分位）
        if (decimal.TryParse(newText, out var decimalValue))
        {
            newText = decimalValue.ToString($"N{DecimalPlaces}", CultureInfo.CurrentCulture);
        }

        // 避免无限循环，仅在文本变化时更新
        if (newText != _previousText)
        {
            _previousText = newText;
            entry.Text = newText;
            // 强制光标到文本末尾
            entry.CursorPosition = entry.Text.Length;
        }
    }
}

在XAML中使用 #

给Entry控件添加Behavior，同时设置文本右对齐：

<Entry HorizontalTextAlignment="End" Placeholder="0.00">
    <Entry.Behaviors>
        <local:CurrencyEntryBehavior />
    </Entry.Behaviors>
</Entry>

关键细节说明 #

• 文本右对齐是视觉基础，配合光标始终在末尾，用户输入时会呈现“从右往左填充”的效果
• 自动过滤非数字字符，避免无效输入
• 自动添加千分位分隔，符合货币显示规范
• 限制小数位数为2位（可通过DecimalPlaces常量修改）
• 聚焦时选中全部文本，提升用户体验

如果需要适配更多场景（比如支持不同货币符号、自定义分隔符），可以扩展Behavior的属性，比如添加CurrencySymbol、UseGroupSeparator等可绑定属性。

内容的提问来源于stack exchange，提问作者zyzzyxx