android格式的edittext，每4个字符后显示空格

Question

Android - 我希望从用户输入一个数字输入到EditText - 它需要用空格分隔 - 每4个字符。 示例：123456781234 - ＆gt; 1234 5678 1234

这仅用于视觉目的。但是我需要没有空格的字符串以供进一步使用。

我能做到这一点的最简单方法是什么？

Answer 1

这是信用卡的editext吗？ 首先创建计数变量

int count = 0;

然后把它放在你的oncreate（活动）/ onviewcreated（片段）

中

    ccEditText.addTextChangedListener(new TextWatcher() {
        @Override
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {

        }

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {

        }

        @Override
        public void afterTextChanged(Editable s) {
            if (count <= ccEditText.getText().toString().length()
                    &&(ccEditText.getText().toString().length()==4
                    ||ccEditText.getText().toString().length()==9
                        ||ccEditText.getText().toString().length()==14)){
                ccEditText.setText(ccEditText.getText().toString()+" ");
                int pos = ccEditText.getText().length();
                ccEditText.setSelection(pos);
            }else if (count >= ccEditText.getText().toString().length()
                    &&(ccEditText.getText().toString().length()==4
                    ||ccEditText.getText().toString().length()==9
                    ||ccEditText.getText().toString().length()==14)){
                ccEditText.setText(ccEditText.getText().toString().substring(0,ccEditText.getText().toString().length()-1));
                int pos = ccEditText.getText().length();
                ccEditText.setSelection(pos);
            }
            count = ccEditText.getText().toString().length();
        }
    });

Answer 2

正如@waqas指出的那样，如果您的目标是在用户键入数字时实现这一点，则需要使用TextWatcher。这是一种可以实现空间的潜在方式：

StringBuilder s;
s = new StringBuilder(yourTxtView.getText().toString());

for(int i = 4; i < s.length(); i += 5){
    s.insert(i, " ");
}
yourTxtView.setText(s.toString());

每当需要获取不带空格的String时，请执行以下操作：

String str = yourTxtView.getText().toString().replace(" ", "");

Answer 3

您需要使用TextWatcher来实现可视目的空间。

使用任何简单的拆分字符串按空格逻辑将其连接起来或每个字符循环遍历整个字符串并从字符串中删除(char) 32

Answer 4

文字格式为000 000 0000

android edittext textwatcher format phone number like xxx-xxx-xx-xx

public class PhoneNumberTextWatcher implements TextWatcher {

private static final String TAG = PhoneNumberTextWatcher.class
        .getSimpleName();
private EditText edTxt;
private boolean isDelete;

public PhoneNumberTextWatcher(EditText edTxtPhone) {
    this.edTxt = edTxtPhone;
    edTxt.setOnKeyListener(new View.OnKeyListener() {

        @Override
        public boolean onKey(View v, int keyCode, KeyEvent event) {
            if (keyCode == KeyEvent.KEYCODE_DEL) {
                isDelete = true;
            }
            return false;
        }
    });
}

public void onTextChanged(CharSequence s, int start, int before, int count) {
}

public void beforeTextChanged(CharSequence s, int start, int count,
                              int after) {
}

public void afterTextChanged(Editable s) {

    if (isDelete) {
        isDelete = false;
        return;
    }
    String val = s.toString();
    String a = "";
    String b = "";
    String c = "";
    if (val != null && val.length() > 0) {
        val = val.replace(" ", "");
        if (val.length() >= 3) {
            a = val.substring(0, 3);
        } else if (val.length() < 3) {
            a = val.substring(0, val.length());
        }
        if (val.length() >= 6) {
            b = val.substring(3, 6);
            c = val.substring(6, val.length());
        } else if (val.length() > 3 && val.length() < 6) {
            b = val.substring(3, val.length());
        }
        StringBuffer stringBuffer = new StringBuffer();
        if (a != null && a.length() > 0) {
            stringBuffer.append(a);
            if (a.length() == 3) {
                stringBuffer.append(" ");
            }
        }
        if (b != null && b.length() > 0) {
            stringBuffer.append(b);
            if (b.length() == 3) {
                stringBuffer.append(" ");
            }
        }
        if (c != null && c.length() > 0) {
            stringBuffer.append(c);
        }
        edTxt.removeTextChangedListener(this);
        edTxt.setText(stringBuffer.toString());
        edTxt.setSelection(edTxt.getText().toString().length());
        edTxt.addTextChangedListener(this);
    } else {
        edTxt.removeTextChangedListener(this);
        edTxt.setText("");
        edTxt.addTextChangedListener(this);
    }

}
}

Answer 5

我创建了一个封装给定行为的类。

/**
 * Custom [TextWatcher] class that appends a given [separator] for every [interval].
 */
abstract class SeparatorTextWatcher(
    private val separator: Char,
    private val interval: Int
) : TextWatcher {

    private var dirty = false
    private var isDelete = false

    override fun afterTextChanged(editable: Editable?) {
        if (dirty) return

        dirty = true
        val text = editable.toString().handleSeparator()
        onAfterTextChanged(text)
        dirty = false
    }

    override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {
        // Empty
    }

    override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {
        isDelete = before != 0
    }

    private fun String.handleSeparator(): String {
        val stringBuilder = StringBuilder(this)

        if (length > 0 && length.rem(interval + 1) == 0) {
            if (isDelete) {
                stringBuilder.deleteCharAt(length - 1)
            } else {
                stringBuilder.insert(length - 1, separator)
            }
        }

        return stringBuilder.toString()
    }

    /**
     * Subclasses must implement this method to get the formatted text.
     */
    abstract fun onAfterTextChanged(text: String)
}

有关如何使用它的代码段：

editText.addTextChangedListener(object : SeparatorTextWatcher(' ', 4) {
            override fun onAfterTextChanged(text: String) {
                editText.run {
                    setText(text)
                    setSelection(text.length)
                }
            }
        })

Answer 6

我为此搜索了很多，这是kotlin中卡片的完整代码

  yourEditText.addTextChangedListener(object : TextWatcher {
        private val TOTAL_SYMBOLS = 19 // size of pattern 0000-0000-0000-0000
        private val TOTAL_DIGITS = 16 // max numbers of digits in pattern: 0000 x 4
        private val DIVIDER_MODULO =
            5 // means divider position is every 5th symbol beginning with 1
        private val DIVIDER_POSITION =
            DIVIDER_MODULO - 1 // means divider position is every 4th symbol beginning with 0
        private val DIVIDER = ' '
        override fun beforeTextChanged(
            s: CharSequence,
            start: Int,
            count: Int,
            after: Int
        ) { // noop
        }

        override fun onTextChanged(
            s: CharSequence,
            start: Int,
            before: Int,
            count: Int
        ) { // noop
        }

        override fun afterTextChanged(s: Editable) {
            if (!isInputCorrect(s, TOTAL_SYMBOLS, DIVIDER_MODULO, DIVIDER)) {

                var repl = buildCorrectString(
                        getDigitArray(s, TOTAL_DIGITS),
                DIVIDER_POSITION,
                DIVIDER
                )

                yourEditText.clearFocus();
                yourEditText.setText(repl);
               yourEditText.requestFocus();
                yourEditText.setSelection(repl!!.length);

            }
        }

        private fun isInputCorrect(
            s: Editable,
            totalSymbols: Int,
            dividerModulo: Int,
            divider: Char
        ): Boolean {
            var isCorrect =
                s.length <= totalSymbols // check size of entered string
            for (i in 0 until s.length) { // check that every element is right
                isCorrect = if (i > 0 && (i + 1) % dividerModulo == 0) {
                    isCorrect and (divider == s[i])
                } else {
                    isCorrect and Character.isDigit(s[i])
                }
            }
            return isCorrect
        }

        private fun buildCorrectString(
            digits: CharArray,
            dividerPosition: Int,
            divider: Char
        ): String? {
            val formatted = StringBuilder()
            for (i in digits.indices) {
                if (digits[i] != '\u0000') {
                    formatted.append(digits[i])
                    if (i > 0 && i < digits.size - 1 && (i + 1) % dividerPosition == 0) {
                        formatted.append(divider)
                    }
                }
            }
            return formatted.toString()
        }

        private fun getDigitArray(s: Editable, size: Int): CharArray {
          val digits = CharArray(size)
            var index = 0
            var i = 0
            while (i < s.length && index < size) {
                val current = s[i]
                if (Character.isDigit(current)) {
                    digits[index] = current
                    index++
                }
                i++
            }
            return digits
        }
    })
}

Answer 7

有一种更简单的方法可以实现：

editText.doAfterTextChanged { text ->
    val formattedText = text.toString().replace(" ", "").chunked(4).joinToString(" ")
    if (formattedText != text.toString()) {
        editText.setText(formattedText)
    }
}

当你想获得没有空格的文本时，只需：

editText.text.toString().replace(" ","")

Answer 8

这是一个小帮助功能。对于您的示例，您可以使用

调用它

addPadding(" ", "123456781234", 4);

/**
 * @brief Insert arbitrary string at regular interval into another string 
 * 
 * @param t String to insert every 'num' characters
 * @param s String to format
 * @param num Group size
 * @return
 */
private String addPadding(String t, String s, int num) {
    StringBuilder retVal;

    if (null == s || 0 >= num) {
        throw new IllegalArgumentException("Don't be silly");
    }

    if (s.length() <= num) {
        //String to small, do nothing
        return s;
    }

    retVal = new StringBuilder(s);

    for(int i = retVal.length(); i > 0; i -= num){
        retVal.insert(i, t);
    }
    return retVal.toString();
}

Answer 9

在键入时更改实时文本有些困难。我们应该处理以下问题。

一个。光标位置 湾我们应该允许用户删除输入的文本。

以下代码处理这两个问题。

1. 将TextWatcher添加到EditText，并从＆＃34; afterTextchanged（）＆＃34;获取文本。并写下你的逻辑

   String str =＆＃34;＆＃34 ;;      int strOldlen = 0;

       @Override
               public void afterTextChanged(Editable s) {
   
      str = edtAadharNumber.getText().toString();
                   int strLen = str.length();
   
   
                   if(strOldlen<strLen) {
   
                       if (strLen > 0) {
                           if (strLen == 4 || strLen == 9) {
   
                               str=str+" ";
   
                               edtAadharNumber.setText(str);
                               edtAadharNumber.setSelection(edtAadharNumber.getText().length());
   
                           }else{
   
                               if(strLen==5){
                                   if(!str.contains(" ")){
                                    String tempStr=str.substring(0,strLen-1);
                                       tempStr +=" "+str.substring(strLen-1,strLen);
                                       edtAadharNumber.setText(tempStr);
                                       edtAadharNumber.setSelection(edtAadharNumber.getText().length());
                                   }
                               }
                               if(strLen==10){
                                   if(str.lastIndexOf(" ")!=9){
                                       String tempStr=str.substring(0,strLen-1);
                                       tempStr +=" "+str.substring(strLen-1,strLen);
                                       edtAadharNumber.setText(tempStr);
                                       edtAadharNumber.setSelection(edtAadharNumber.getText().length());
                                   }
                               }
                               strOldlen = strLen;
                           }
                       }else{
                           return;
                       }
   
                   }else{
                       strOldlen = strLen;
   
   
                       Log.i("MainActivity ","keyDel is Pressed ::: strLen : "+strLen+"\n old Str Len : "+strOldlen);
                   }
   
               }
   }
   

2. 这里我试图为每四个字符添加空间。添加第一个空格后，文本的长度为5.所以下一个空格是9个字符之后。

   if（strLen == 4 || strLen == 9）

   1. 这里的另一个问题是光标位置，一旦修改了edittext的文本，光标就会移动到第一位。所以我们需要手动设置光标。

   edtAadharNumber.setSelection（edtAadharNumber.getText（）长度（））;

   1. 我的文字长度只有12个字符。所以我正在进行手动计算，如果你的文本是动态的，那么你就编写了动态逻辑。

Answer 10

简单答案

        <table style="width:100%">
                <tr>
                    <th>ID:</th>
                    <th>Freguesia:</th>
                    <th>Rua:</th>  
                    <th>Porta:</th>
                    <th>Tipo avaria:</th>
                    <th>Pavimento:</th>
                 </tr>
                 {% for item in obj %}
                    <tr> 
                        <td>{{item.id}}</td>   
                        <td>{{item.freguesia }}</td>
                        <td>{{item.rua}}</td> 
                        <td>{{item.porta}} </td>
                        <td>{{item.tipo_avaria}} </td>
                        <td>{{item.pavimento}} </td>
                    </tr>
                {% endfor %}    

        </table>

Answer 11

如果仍然有人在寻找答案，请检查format-edit-text库

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        final FormatEditText editText1 = findViewById(R.id.edit_text_1);
        editText1.setFormat("---- ---- ---- ----");
    }
}

参考 https://stackoverflow.com/a/59742478/1679946

Answer 12

如果您使用数据绑定添加

android:afterTextChanged="@{handler::afterTextChanged}"    

在EditText和afterTextChanged函数中如下：

fun afterTextChanged(s: Editable) {
    if (s.length > 0 && s.length % 5 === 0) {
        val c: Char = s.get(s.length - 1)
        if (space === c) {
            s.delete(s.length - 1, s.length)
        }
    }
    // Insert char where needed.
    if (s.length > 0 && s.length % 5 === 0) {
        val c: Char = s.get(s.length - 1)
        // Only if its a digit where there should be a space we insert a space
        if (Character.isDigit(c) && TextUtils.split(
                s.toString(),
                space.toString()
            ).size <= 3
        ) {
            s.insert(s.length - 1, space.toString())
        }
    }
}

像这样添加空格

 private val space: Char = ' '

如果您使用 inputType="numberDigit" 这将禁用 '-' 和 ' ' 字符，因此我建议使用 inputType="phone"

Answer 13

@Ario的答案的清洁版遵循DRY原则：

private int prevCount = 0;
private boolean isAtSpaceDelimiter(int currCount) {
    return currCount == 4 || currCount == 9 || currCount == 14;
}

private boolean shouldIncrementOrDecrement(int currCount, boolean shouldIncrement) {
    if (shouldIncrement) {
        return prevCount <= currCount && isAtSpaceDelimiter(currCount);
    } else {
        return prevCount > currCount && isAtSpaceDelimiter(currCount);
    }
}

private void appendOrStrip(String field, boolean shouldAppend) {
    StringBuilder sb = new StringBuilder(field);
    if (shouldAppend) {
        sb.append(" ");
    } else {
        sb.setLength(sb.length() - 1);
    }
    cardNumber.setText(sb.toString());
    cardNumber.setSelection(sb.length());
}

ccEditText.addTextChangedListener(new TextWatcher() { 
    @Override 
    public void beforeTextChanged(CharSequence s, int start, int count, int after) {

    } 

    @Override 
    public void onTextChanged(CharSequence s, int start, int before, int count) {

    } 

    @Override 
    public void afterTextChanged(Editable s) {
        String field = editable.toString();
        int currCount = field.length();

        if (shouldIncrementOrDecrement(currCount, true)){
            appendOrStrip(field, true);
        } else if (shouldIncrementOrDecrement(currCount, false)) {
            appendOrStrip(field, false);
        }
        prevCount = cardNumber.getText().toString().length(); 
    } 
}); 

Answer 14

假设你知道String的最终长度，你可以用这种方式实现TextWatcher：

override fun setUp(view: View?) {

    editText.addTextChangedListener(object : TextWatcher{
        override fun beforeTextChanged(p0: CharSequence?, p1: Int, p2: Int, p3: Int) {
        }

        override fun onTextChanged(p0: CharSequence, p1: Int, p2: Int, p3: Int) {
            if(p2 == 0 && (p0.length == 4 || p0.length == 9 || p0.length == 14))
                editText.append(" ")
        }

        override fun afterTextChanged(p0: Editable?) {
        }
    })

您只需为每个4位数块添加一个空格。 p2 == 0是为了确保用户不会删除，否则他/她会获得股票。

代码在Kotlin中，你可以用Java完全相同的方式完成。