1. <strong id="7actg"></strong>
    2. <table id="7actg"></table>

    3. <address id="7actg"></address>
      <address id="7actg"></address>
      1. <object id="7actg"><tt id="7actg"></tt></object>

        Android仿微信實現(xiàn)安全數(shù)字鍵盤功能

        共 9664字,需瀏覽 20分鐘

         ·

        2021-06-01 17:00

        背景


        大部分的金融App會對默認(rèn)的數(shù)字鍵盤進行處理,以實現(xiàn)自定義的數(shù)字安全鍵盤。基于此,本文對對微信數(shù)字鍵盤樣式進行了仿寫,實現(xiàn)了一套自定義的數(shù)字安全鍵盤(支持隨機數(shù)字分布)。


        一、圖示效果



        二、需要考慮的問題


        1. 布局的實現(xiàn)方式;
          demo中使用了popupwindow,通過xml文件進行Tablayout布局。


        2. 禁掉EditText默認(rèn)軟鍵盤的彈出,替換為自定義的數(shù)字鍵盤及與其它EditText切換焦點時的彈出效果;


        3. 刪除和增加字符時需要同步更新光標(biāo)的位置;


        4. 隨機數(shù)字分布的實現(xiàn);


        三、實現(xiàn)代碼


        1.MainActivity調(diào)用處代碼:

        public class MainActivity extends AppCompatActivity {    private static final String TAG = "MainActivity";    private EditText numberEt;    private KeyboardPopupWindow keyboardPopupWindow;    private boolean isUiCreated = false;
        @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); }
        private void initView() { numberEt = findViewById(R.id.numberEt); keyboardPopupWindow = new KeyboardPopupWindow(MainActivity.this, getWindow().getDecorView(), numberEt,true);// numberEt.setInputType(InputType.TYPE_NULL);//該設(shè)置會導(dǎo)致光標(biāo)不可見 numberEt.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { if (keyboardPopupWindow != null) { keyboardPopupWindow.show(); } } }); numberEt.setOnFocusChangeListener(new View.OnFocusChangeListener() { @Override public void onFocusChange(View v, boolean hasFocus) { if (keyboardPopupWindow != null && isUiCreated) {//isUiCreated 很重要,Unable to add window -- token null is not valid; is your activity running? keyboardPopupWindow.refreshKeyboardOutSideTouchable(!hasFocus);// 需要等待頁面創(chuàng)建完成后焦點變化才去顯示自定義鍵盤 }
        if (hasFocus) {//隱藏系統(tǒng)軟鍵盤 InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE); imm.hideSoftInputFromWindow(numberEt.getWindowToken(), 0); }
        } }); }
        @Override public void onWindowFocusChanged(boolean hasFocus) { super.onWindowFocusChanged(hasFocus); isUiCreated = true; }

        @Override protected void onDestroy() { if (keyboardPopupWindow != null) { keyboardPopupWindow.releaseResources(); } super.onDestroy(); }}


        可以看到,這塊的代碼實現(xiàn)很簡單,主要是通過KeyboardPopupWindow 這個自定義的View來實現(xiàn)鍵盤彈出及按鍵點擊效果。需要注意的是isUiCreated 這個標(biāo)志位,需要通過onWindowFocusChanged等方法來確定當(dāng)前頁面加載完畢后去刷新自定義鍵盤的狀態(tài),否則會報錯。


        2.自定義數(shù)字鍵盤的代碼:

        public class KeyboardPopupWindow extends PopupWindow {    private static final String TAG = "KeyboardPopupWindow";    private Context context;    private View anchorView;    private View parentView;    private EditText editText;    private boolean isRandomSort = false;//數(shù)字是否隨機排序    private List<Integer> list = new ArrayList<>();    private int[] commonButtonIds = new int[]{R.id.button00, R.id.button01, R.id.button02, R.id.button03,            R.id.button04, R.id.button05, R.id.button06, R.id.button07, R.id.button08, R.id.button09};
        /** * @param context * @param anchorView * @param editText * @param isRandomSort 數(shù)字是否隨機排序 */ public KeyboardPopupWindow(Context context, View anchorView, EditText editText, boolean isRandomSort) { this.context = context; this.anchorView = anchorView; this.editText = editText; this.isRandomSort = isRandomSort; if (context == null || anchorView == null) { return; } initConfig(); initView(); }

        private void initConfig() { setOutsideTouchable(false); setFocusable(false); setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT)); forbidDefaultSoftKeyboard(); }
        /** * 禁止系統(tǒng)默認(rèn)的軟鍵盤彈出 */ private void forbidDefaultSoftKeyboard() { if (editText == null) { return; } if (android.os.Build.VERSION.SDK_INT > 10) {//4.0以上,使用反射的方式禁止系統(tǒng)自帶的軟鍵盤彈出 try { Class<EditText> cls = EditText.class; Method setShowSoftInputOnFocus; setShowSoftInputOnFocus = cls.getMethod("setShowSoftInputOnFocus", boolean.class); setShowSoftInputOnFocus.setAccessible(true); setShowSoftInputOnFocus.invoke(editText, false); } catch (Exception e) { e.printStackTrace(); } } }
        /** * 刷新自定義的popupwindow是否outside可觸摸反應(yīng):如果是不可觸摸的,則顯示該軟鍵盤view * * @param isTouchable */ public void refreshKeyboardOutSideTouchable(boolean isTouchable) { setOutsideTouchable(isTouchable); if (!isTouchable) { show(); } else { dismiss(); } }
        private void initView() { parentView = LayoutInflater.from(context).inflate(R.layout.keyboadview, null); initKeyboardView(parentView); setWidth(ViewGroup.LayoutParams.MATCH_PARENT); setHeight(ViewGroup.LayoutParams.WRAP_CONTENT); setContentView(parentView); }
        private void initKeyboardView(View view) { LinearLayout dropdownLl = view.findViewById(R.id.dropdownLl); dropdownLl.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { dismiss(); } });
        //①給數(shù)字鍵設(shè)置點擊監(jiān)聽 for (int i = 0; i < commonButtonIds.length; i++) { final Button button = view.findViewById(commonButtonIds[i]); button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { int curSelection = editText.getSelectionStart(); int length = editText.getText().toString().length(); if (curSelection < length) { String content = editText.getText().toString(); editText.setText(content.substring(0, curSelection) + button.getText() + content.subSequence(curSelection, length)); editText.setSelection(curSelection + 1); } else { editText.setText(editText.getText().toString() + button.getText()); editText.setSelection(editText.getText().toString().length()); } } }); }
        //②給小數(shù)點按鍵設(shè)置點擊監(jiān)聽 view.findViewById(R.id.buttonDot).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { int curSelection = editText.getSelectionStart(); int length = editText.getText().toString().length(); if (curSelection < length) { String content = editText.getText().toString(); editText.setText(content.substring(0, curSelection) + "." + content.subSequence(curSelection, length)); editText.setSelection(curSelection + 1); } else { editText.setText(editText.getText().toString() + "."); editText.setSelection(editText.getText().toString().length()); } } });
        //③給叉按鍵設(shè)置點擊監(jiān)聽 view.findViewById(R.id.buttonCross).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { int length = editText.getText().toString().length(); int curSelection = editText.getSelectionStart(); if (length > 0 && curSelection > 0 && curSelection <= length) { String content = editText.getText().toString(); editText.setText(content.substring(0, curSelection - 1) + content.subSequence(curSelection, length)); editText.setSelection(curSelection - 1); } } }); }

        public void show() { if (!isShowing() && anchorView != null) { doRandomSortOp(); this.showAtLocation(anchorView, Gravity.BOTTOM, 0, 0); } }
        /** * 隨機分布數(shù)字 */ private void doRandomSortOp() { if (parentView == null) { return; } if (!isRandomSort) { for (int i = 0; i < commonButtonIds.length; i++) { final Button button = parentView.findViewById(commonButtonIds[i]); button.setText("" + i); } } else { list.clear(); Random ran = new Random(); while (list.size() < commonButtonIds.length) { int n = ran.nextInt(commonButtonIds.length); if (!list.contains(n)) list.add(n); } for (int i = 0; i < commonButtonIds.length; i++) { final Button button = parentView.findViewById(commonButtonIds[i]); button.setText("" + list.get(i)); } } }
        public void releaseResources() { this.dismiss(); context = null; anchorView = null; if (list != null) { list.clear(); list = null; }    }  }


        代碼實現(xiàn)的邏輯相對簡單:


        1. 通過給popupwindow設(shè)置contentView、彈出位置、邊界外觸摸參數(shù)等數(shù)值,實現(xiàn)大體樣式上的效果;

        2. 給contentView中的每個button設(shè)置點擊事件,并處理傳遞的EditText數(shù)值及焦點變化情況;

        3. 設(shè)置隨機標(biāo)志位,進行數(shù)值鍵盤數(shù)值隨機的分布;

        4. forbidDefaultSoftKeyboard中處理:禁止EditText默認(rèn)的軟鍵盤彈出。因為要實現(xiàn)EditText焦點仍舊可見的效果,目前試過的其它集中方式仍有較大的缺陷,所以是通過反射的方法來達(dá)到目的。


        四.小結(jié)


        當(dāng)然,除了以上方式,還可以使用系統(tǒng)的KeyboardView和Keyboard來實現(xiàn)相應(yīng)的效果。


        在仿寫的過程中會發(fā)現(xiàn),實現(xiàn)這一效果會涉及到一些體驗性的細(xì)節(jié)點,而微信正是做到了這一點,所以在使用層面上會很方便。有些細(xì)節(jié)點會可能會比實現(xiàn)整個大致效果更為麻煩,但有時候恰巧這些很容易被忽視的小九九是與眾不同的地方。


        源碼地址:

        https://github.com/ganshenml/KeyboardPopupWindow


        到這里就結(jié)束啦。

        瀏覽 74
        點贊
        評論
        收藏
        分享

        手機掃一掃分享

        分享
        舉報
        評論
        圖片
        表情
        推薦
        點贊
        評論
        收藏
        分享

        手機掃一掃分享

        分享
        舉報
        1. <strong id="7actg"></strong>
        2. <table id="7actg"></table>

        3. <address id="7actg"></address>
          <address id="7actg"></address>
          1. <object id="7actg"><tt id="7actg"></tt></object>
            A片无码毛片精品无码嫩草久色 | 国产高潮高清生活片 | 操小骚逼操小骚逼操小骚逼 | 亚洲欧美成人网 | 精品视频亚洲 | se亚洲| 尻屄视频在线播放 | www.久久久久久久 | 欧美A片黄色 | 国产三区视频 |