美文网首页Android笔记本
仿支付宝密码支付页 + 自定义数字键盘 + 身份证键盘

仿支付宝密码支付页 + 自定义数字键盘 + 身份证键盘

作者: weioule | 来源:发表于2018-11-20 20:44 被阅读211次

    KeyboardInputDemo

    这是一个仿支付宝自定义软键盘的demo,分别为身份证号码、支付金额、支付密码输入定制的软键盘,以及EditText文本输入框与密码输入框的定制。

    先上效果图:   image.png 仿支付宝密码支付页 + 自定义数字键盘 + 身份证键盘 仿支付宝密码支付页 + 自定义数字键盘 + 身份证键盘 仿支付宝密码支付页 + 自定义数字键盘 + 身份证键盘

    一 身份证键盘
    1 身份证键盘在MainActivity页面,使用时再布局中添加配置

    <com.example.weioule.inputkeyboarddemo.view.CEditText
        android:id="@+id/indentity_card"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:clear="true"
        app:hit="请输入身份证号"
        app:input_typed="email"
        app:left_text="身份证号"
        app:length="18"
        app:show_bottom_split="false"
        app:show_custom_keyboard="true"
        tools:layout_height="60dp" />
    

    要使用自定义的键盘记得配置:app:show_custom_keyboard="true"

    2 在Activity中创建 CumKeyboardContainer:

    mCustomKeyboardView = new CumKeyboardContainer(this, getInputType());
    mCustomKeyboardView.attachKeyBoardView();
    

    3 并为输入框CEditText配置

    mIndentityCard = findViewById(R.id.indentity_card);
    mIndentityCard.setCustomKeyboardView(mCustomKeyboardView);
    

    4 在onBackPressed中配置回退键盘,若键盘显示则先隐藏

     if (mCustomKeyboardView != null && mCustomKeyboardView.getVisibility() == View.VISIBLE) {
          mCustomKeyboardView.setCmbVisibility(View.GONE);
      }
    

    二 数字键盘
    数字键盘在SecondActivity页面,使用方法同上,只是在第二步中修改类型为金额输入:

     mCustomKeyboardView = new CumKeyboardContainer(this, CumKeyboardContainer.AMOUT_TYPE);
    

    三 支付密码对话框
    1 创建输入框和回调方法

     inputPayPwdDialog = new InputPayPwdDialog(this);
        inputPayPwdDialog.setInputPasswordListener(new InputPayPwdDialog.PasswordListener() {
            @Override
            public void onSubmitPwd(String password) {
                Toast.makeText(SecondActivity.this, "成功支付" + mIndentityCard.getText() + "元", Toast.LENGTH_SHORT).show();
            }
        });
    

    2 在显示的时候调用

     inputPayPwdDialog.show();
    

    3 获取密码

     inputPayPwdDialog.getPassword();
    



    项目地址:https://github.com/weioule/KeyboardInputDemo

    相关文章

      网友评论

        本文标题:仿支付宝密码支付页 + 自定义数字键盘 + 身份证键盘

        本文链接:https://www.haomeiwen.com/subject/kmcfqqtx.html