Android 完美實現手機號344格式化效果
一、前言:
在展示手機號碼的時候,會遇到手機號按照344格式效果,這種效果的實現遇到過兩次了,也踩過了許多的坑,在這裡記錄一下一個完美實現這種效果的方式。輸入、插入、刪除等游標位置停留比較好的互動效果。
二、效果:
三、程式碼:
public class ZpPhoneEditText extends AppCompatEditText implements TextWatcher {
// 特殊下標位置
private static final int PHONE_INDEX_3 = 3;
private static final int PHONE_INDEX_4 = 4;
private static final int PHONE_INDEX_8 = 8;
private static final int PHONE_INDEX_9 = 9;
public ZpPhoneEditText(Context context) {
super(context);
initView();
}
public ZpPhoneEditText(Context context, AttributeSet attrs) {
super(context, attrs);
initView();
}
public ZpPhoneEditText(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initView();
}
private void initView() {
setFilters(new InputFilter[]{
new InputFilter() {
@Override
public CharSequence filter(CharSequence source, int start, int end,
Spanned spanned, int dstart, int dend) {
if (" ".equals(source.toString()) || source.toString().contentEquals("\n") || dstart == 13) {
return "";
} else {
return null;
}
}
}
});
}
@Override
public void beforeTextChanged(CharSequence s, int start, int count, int after) {
}
@Override
public void onTextChanged(CharSequence s, int start, int before, int count) {
super.onTextChanged(s, start, before, count);
if (s == null || s.length() == 0) {
return;
}
StringBuilder sb = new StringBuilder();
for (int i = 0; i < s.length(); i++) {
if (i != PHONE_INDEX_3 && i != PHONE_INDEX_8 && s.charAt(i) == ' ') {
continue;
} else {
sb.append(s.charAt(i));
if ((sb.length() == PHONE_INDEX_4 || sb.length() == PHONE_INDEX_9) && sb.charAt(sb.length() - 1) != ' ') {
sb.insert(sb.length() - 1, ' ');
}
}
}
if (!sb.toString().equals(s.toString())) {
int index = start + 1;
if (sb.charAt(start) == ' ') {
if (before == 0) {
index++;
} else {
index--;
}
} else {
if (before == 1) {
index--;
}
}
setText(sb.toString());
setSelection(index);
}
}
@Override
public void afterTextChanged(Editable s) {
}
// 獲得不包含空格的手機號
public String getPhoneText() {
String str = getText().toString();
return replaceBlank(str);
}
private String replaceBlank(String str) {
String dest = "";
if (str != null) {
Pattern p = Pattern.compile("\\s*|\t|\r|\n");
Matcher m = p.matcher(str);
if (m.find()) {
dest = m.replaceAll("");
}
}
return dest;
}
}
佈局XML
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical">
<com.example.zpdemo.widget.ZpPhoneEditText
android:id="@+id/et_phone"
android:layout_width="300dp"
android:layout_height="wrap_content"
android:hint="格式化手機號344"
android:inputType="phone"
android:maxLength="13"/>
<Button
android:id="@+id/btn_phone"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:textColor="#f00"
android:textSize="16sp"
android:text="獲得手機號"/>
</LinearLayout>
應用
private ZpPhoneEditText etPhone;
private Button btnPhone;
private void initView() {
etPhone = (ZpPhoneEditText) findViewById(R.id.et_phone);
btnPhone = (Button) findViewById(R.id.btn_phone);
btnPhone.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
btnPhone.setText(etPhone.getPhoneText());
}
});
}
效果槓槓的,程式碼比較完整,親自嘗試一下比較好。。。
相關文章
- Android實現仿360手機衛士懸浮窗效果Android
- 格式化手機號,銀行號jQuery外掛jQuery
- android 利用path 實現手寫板的手寫效果Android
- oauth 實現手機號碼登入OAuth
- 手機號/郵箱 用*替代實現
- 實現網頁中的搜尋輸入框效果 onfocuse onblur js 驗證手機號 座機區號網頁JS
- android之實現跳轉手機通訊錄獲取指定姓名和手機號碼Android
- TextField 輸入身份證號手機號銀行卡號格式化解決方案
- Java格式化手機號和身份證號,中間使用星號*隱藏Java
- android 獲取手機號碼Android
- js實現的手機介面拼圖解鎖效果JS圖解
- Android水波紋效果實現Android
- css模擬實現手機通訊錄佈局效果CSS
- css3實現手機效果的“切換標籤”CSSS3
- 文字印表機 效果實現
- Android 專案實戰--手機衛士(實現splash)Android
- Android實現蛛網背景效果Android
- Android 毛玻璃效果的實現Android
- 手機直播原始碼,實現圖片瀑布流式滑動效果原始碼
- 如何防止手機網頁雙擊螢幕實現放大效果網頁
- Abp 實現通過手機號註冊使用者
- [小程式開發實戰]使用WxJava實現手機號獲取Java
- Android實現輸入手機號時自動新增空格Android
- CSS + JS 實現打字機效果CSSJS
- Android實現Rxjava2+Retrofit完美封裝AndroidRxJava封裝
- 在Android裡完美實現基站和WIFI定位AndroidWiFi
- Android 修改手機中的型號、Wlan、藍芽、照片資訊中所帶的手機型號Android藍芽
- 毛玻璃效果在Android的實現Android
- android判斷手機號的運營商Android
- JavaScript實現隨機抽獎效果JavaScript隨機
- Laravel 實現使用者名稱 + 郵箱 + 手機號登入Laravel
- vue實現側邊欄手風琴效果Vue
- 在程式碼中實現android:tint效果Android
- Android UI 實現廣告 Banner 輪播效果AndroidUI
- Android實現Activity的滑動返回效果Android
- Android ListView實現品種分類效果AndroidView
- 兩臺Linux完美實現雙機熱備Linux
- Android使用RecycleView實現魅族手機通訊錄介面AndroidView