自定义支付键盘（仿支付宝）

最新推荐文章于 2023-06-23 08:43:51 发布
最新推荐文章于 2023-06-23 08:43:51 发布
阅读量499 收藏
点赞数
分类专栏： android android控件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hjqjl/article/details/106676384
版权

参考http://blog.csdn.net/a_running_wolf/article/details/50043421 等
公司需求写的仿支付宝支付键盘，在网上找了些代码整理。
当密码输完之后会自动触发一个事件，让你进行一些后续处理。
效果图如下：
在这里插入图片描述
说明：
输入密码的键盘是自定义的控件；
本自定义键盘的显示输入密码框部分和键盘部分使分离的，通过CustomKeyBoardUtil将两部分连接起来。这样写的好处是你可以自定义界面的其他部分，对输入键盘没有影响。

自定义键盘控件

首先我们先实现自定义键盘，其布局文件custom_keyboard.xml文件如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#EEEEEE"
    android:gravity="bottom">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:visibility="visible">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/tv_custom_keyboard_keys1"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="1px"
                android:layout_weight="1"
                android:background="@drawable/bg_keyboard_keys"
                android:clickable="true"
                android:focusable="true"
                android:gravity="center"
                android:padding="10dp"
                android:text="1"
                android:textSize="25sp" />

            <TextView
                android:id="@+id/tv_custom_keyboard_keys2"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="1px"
                android:layout_weight="1"
                android:background="@drawable/bg_keyboard_keys"
                android:clickable="true"
                android:focusable="true"
                android:gravity="center"
                android:padding="10dp"
                android:text="2"
                android:textSize="25sp" />

            <TextView
                android:id="@+id/tv_custom_keyboard_keys3"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="1px"
                android:layout_weight="1"
                android:background="@drawable/bg_keyboard_keys"
                android:clickable="true"
                android:focusable="true"
                android:gravity="center"
                android:padding="10dp"
                android:text="3"
                android:textSize="25sp" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/tv_custom_keyboard_keys4"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="1px"
                android:layout_weight="1"
                android:background="@drawable/bg_keyboard_keys"
                android:clickable="true"
                android:focusable="true"
                android:gravity="center"
                android:padding="10dp"
                android:text="4"
                android:textSize="25sp" />

            <TextView
                android:id="@+id/tv_custom_keyboard_keys5"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="1px"
                android:layout_weight="1"
                android:background="@drawable/bg_keyboard_keys"
                android:clickable="true"
                android:focusable="true"
                android:gravity="center"
                android:padding="10dp"
                android:text="5"
                android:textSize="25sp" />

            <TextView
                android:id="@+id/tv_custom_keyboard_keys6"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="1px"
                android:layout_weight="1"
                android:background="@drawable/bg_keyboard_keys"
                android:clickable="true"
                android:focusable="true"
                android:gravity="center"
                android:padding="10dp"
                android:text="6"
                android:textSize="25sp" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/tv_custom_keyboard_keys7"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="1px"
                android:layout_weight="1"
                android:background="@drawable/bg_keyboard_keys"
                android:clickable="true"
                android:focusable="true"
                android:gravity="center"
                android:padding="10dp"
                android:text="7"
                android:textSize="25sp" />

            <TextView
                android:id="@+id/tv_custom_keyboard_keys8"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="1px"
                android:layout_weight="1"
                android:background="@drawable/bg_keyboard_keys"
                android:clickable="true"
                android:focusable="true"
                android:gravity="center"
                android:padding="10dp"
                android:text="8"
                android:textSize="25sp" />

            <TextView
                android:id="@+id/tv_custom_keyboard_keys9"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="1px"
                android:layout_weight="1"
                android:background="@drawable/bg_keyboard_keys"
                android:clickable="true"
                android:focusable="true"
                android:gravity="center"
                android:padding="10dp"
                android:text="9"
                android:textSize="25sp" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="1px"
                android:layout_weight="1"
                android:background="@drawable/bg_keyboard_keys"
                android:clickable="true"
                android:focusable="true"
                android:gravity="center"
                android:padding="10dp"
                android:text=""
                android:textSize="25sp" />

            <TextView
                android:id="@+id/tv_custom_keyboard_keys0"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_margin="1px"
                android:layout_weight="1"
                android:background="@drawable/bg_keyboard_keys"
                android:clickable="true"
                android:focusable="true"
                android:gravity="center"
                android:padding="10dp"
                android:text="0"
                android:textSize="25sp" />

            <ImageView
                android:id="@+id/iv_custom_keyboard_keys_delete"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_margin="1px"
                android:layout_weight="1"
                android:background="@drawable/bg_keyboard_keys"
                android:clickable="true"
                android:focusable="true"
                android:gravity="center"
                android:padding="10dp"
                android:src="@drawable/keyboard_delete"
                android:textSize="25sp" />
        </LinearLayout>
    </LinearLayout>
</RelativeLayout>

在custom_keyboard.xml中需要的数字按钮的背景（按下去会变色），即android:background="@drawable/bg_keyboard_keys"。布局如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false">
        <shape>
            <solid android:color="#C0C4C7" />
        </shape>
    </item>
    <item android:state_enabled="true" android:state_pressed="false">
        <shape>
            <solid android:color="@android:color/white" />
        </shape>
    </item>
    <item android:state_enabled="true" android:state_pressed="true">
        <shape>
            <solid android:color="#C0C4C7" />
        </shape>
    </item>
</selector>

下面来完成我们自定义键盘控件CustomKeyboardView.java，以及实现键盘控件和输入密码框的关联的帮助类CustomKeyBoardUtil.java。

CustomKeyboardView：

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;

import com.hjqjl.testdemo.R;

/**
 * 密码输入键盘
 */
public class CustomKeyboardView extends RelativeLayout {
    Context context;
    private TextView tv0;
    private TextView tv1;
    private TextView tv2;
    private TextView tv3;
    private TextView tv4;
    private TextView tv5;
    private TextView tv6;
    private TextView tv7;
    private TextView tv8;
    private TextView tv9;
    private ImageView ivDelete;

    public CustomKeyboardView(Context context) {
        this(context, null);
    }

    public CustomKeyboardView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.context = context;
        View view = View.inflate(context, R.layout.custom_keyboard, null);
        tv0 = view.findViewById(R.id.tv_custom_keyboard_keys0);
        tv1 = view.findViewById(R.id.tv_custom_keyboard_keys1);
        tv2 = view.findViewById(R.id.tv_custom_keyboard_keys2);
        tv3 = view.findViewById(R.id.tv_custom_keyboard_keys3);
        tv4 = view.findViewById(R.id.tv_custom_keyboard_keys4);
        tv5 = view.findViewById(R.id.tv_custom_keyboard_keys5);
        tv6 = view.findViewById(R.id.tv_custom_keyboard_keys6);
        tv7 = view.findViewById(R.id.tv_custom_keyboard_keys7);
        tv8 = view.findViewById(R.id.tv_custom_keyboard_keys8);
        tv9 = view.findViewById(R.id.tv_custom_keyboard_keys9);
        ivDelete = view.findViewById(R.id.iv_custom_keyboard_keys_delete);

        addView(view);      //必须要，不然不显示控件
    }

    public TextView getTv0() {
        return tv0;
    }

    public TextView getTv1() {
        return tv1;
    }

    public TextView getTv2() {
        return tv2;
    }

    public TextView getTv3() {
        return tv3;
    }

    public TextView getTv4() {
        return tv4;
    }

    public TextView getTv5() {
        return tv5;
    }

    public TextView getTv6() {
        return tv6;
    }

    public TextView getTv7() {
        return tv7;
    }

    public TextView getTv8() {
        return tv8;
    }

    public TextView getTv9() {
        return tv9;
    }

    public ImageView getIvDelete() {
        return ivDelete;
    }
}

CustomKeyBoardUtil：

import android.content.Context;
import android.text.method.PasswordTransformationMethod;
import android.view.Gravity;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TextView;

import androidx.core.content.ContextCompat;

public class CustomKeyBoardUtil {
    private Context mContext;
    private InputFinishListener mInputOver;
    private TextView[] textViews = new TextView[6];
    private LinearLayout mLayoutParent;
    private CustomKeyboardView mKeyboardView;

    /**
     * @param layoutParent 传入LinearLayout（密码的父布局，在本类中new的TextView，添加入父布局中的）
     * @param keyboardView 传入自定义的键盘
     * @param inputOver    回调函数，会得到输入的密码
     */
    public CustomKeyBoardUtil(Context context, LinearLayout layoutParent, CustomKeyboardView keyboardView, InputFinishListener inputOver) {
        this.mContext = context;
        this.mLayoutParent = layoutParent;
        this.mInputOver = inputOver;
        this.mKeyboardView = keyboardView;
        initTextViews();
    }

    /**
     * 初始化输入框，实例化TextView放入到父布局中
     * （实现密码输入框）
     */
    private void initTextViews() {
        for (int i = 0; i < textViews.length; i++) {
            textViews[i] = new TextView(mContext);
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT);
            params.weight = 1;
            textViews[i].setLayoutParams(params);
            mLayoutParent.addView(textViews[i]);
            textViews[i].setTransformationMethod(PasswordTransformationMethod.getInstance());
            textViews[i].setGravity(Gravity.CENTER);
            textViews[i].setTextSize(30);
            if (i < textViews.length - 1) {
                View view = new View(mContext);
                LinearLayout.LayoutParams viewParams = new LinearLayout.LayoutParams(1, LinearLayout.LayoutParams.MATCH_PARENT);
                view.setLayoutParams(viewParams);
                view.setBackgroundColor(ContextCompat.getColor(mContext, android.R.color.holo_red_dark));
                mLayoutParent.addView(view);
            }
        }
        setOnKeysListener();
    }

    /**
     * mKeyboardView的点击事件，分别是0123456789和删除键。
     */
    private void setOnKeysListener() {
        mKeyboardView.getTv0().setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                inputTextView("0");
            }
        });
        mKeyboardView.getTv1().setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                inputTextView("1");
            }
        });
        mKeyboardView.getTv2().setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                inputTextView("2");
            }
        });
        mKeyboardView.getTv3().setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                inputTextView("3");
            }
        });
        mKeyboardView.getTv4().setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                inputTextView("4");
            }
        });
        mKeyboardView.getTv5().setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                inputTextView("5");
            }
        });
        mKeyboardView.getTv6().setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                inputTextView("6");
            }
        });
        mKeyboardView.getTv7().setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                inputTextView("7");
            }
        });
        mKeyboardView.getTv8().setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                inputTextView("8");
            }
        });
        mKeyboardView.getTv9().setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                inputTextView("9");
            }
        });
        mKeyboardView.getIvDelete().setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                deleteTextView();
            }
        });
    }


    private View.OnClickListener listener = new View.OnClickListener() {
        @Override
        public void onClick(View view) {

        }
    };

    public void showKeyboard() {
        int visibility = mKeyboardView.getVisibility();
        if (visibility == View.GONE || visibility == View.INVISIBLE) {
            mKeyboardView.setVisibility(View.VISIBLE);
        }
    }

    public void hideKeyboard() {
        int visibility = mKeyboardView.getVisibility();
        if (visibility == View.VISIBLE) {
            mKeyboardView.setVisibility(View.INVISIBLE);
        }
    }

    /**
     * 输入密码
     */
    private void inputTextView(String code) {
        for (int i = 0; i < textViews.length; i++) {
            TextView tv = textViews[i];
            if (tv.getText().toString().equals("")) {
                tv.setText(code);
                if (i == textViews.length - 1) {
                    mInputOver.inputHasOver(getInputText());//当密码输入到最后一个了，回调此方法
                }
                return;
            }
        }
    }

    /**
     * 清空所有密码
     */
    public void clearTextView() {
        for (int i = textViews.length - 1; i >= 0; i--) {
            TextView tv = textViews[i];
            if (!tv.getText().toString().equals("")) {
                tv.setText("");
            }
            mLayoutParent.invalidate();
        }
    }

    /**
     * 删除最后一格的密码
     */
    private void deleteTextView() {
        for (int i = textViews.length - 1; i >= 0; i--) {
            TextView tv = textViews[i];
            if (!tv.getText().toString().equals("")) {
                tv.setText("");
                return;
            }
        }
    }

    /**
     * 获取输入的密码
     */
    private String getInputText() {
        StringBuffer sb = new StringBuffer();
        for (TextView tv : textViews) {
            sb.append(tv.getText().toString());
        }
        return sb.toString();
    }

    /**
     * 输入监听
     */
    public interface InputFinishListener {
        void inputHasOver(String text);
    }
}

下面看看是怎么使用的：

PayPwdKeyboardActivity：

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.widget.LinearLayout;
import android.widget.Toast;

import com.hjqjl.testdemo.R;

public class PayPwdKeyboardActivity extends Activity {

    public static void actionStart(Context context) {
        Intent intent = new Intent(context, PayPwdKeyboardActivity.class);
        context.startActivity(intent);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_paypwdkeyboard);
        LinearLayout linearLayout = (LinearLayout) findViewById(R.id.ll_paypwdkeyboard_inputpwd);
        CustomKeyboardView customKeyboardView = (CustomKeyboardView) findViewById(R.id.custom_keyboard_view_paypwdkeyboard);
        CustomKeyBoardUtil customKeyBoardUtil = new CustomKeyBoardUtil(this, linearLayout, customKeyboardView, new CustomKeyBoardUtil.InputFinishListener() {
            @Override
            public void inputHasOver(String text) {
                Toast.makeText(PayPwdKeyboardActivity.this, "输入完成:" + text, Toast.LENGTH_SHORT).show();
            }
        });

    }
}

activity_paypwdkeyboard.xml布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#624762">

    <LinearLayout
        android:id="@+id/ll_paypwdkeyboard_inputpwd"
        android:layout_width="match_parent"
        android:layout_height="50dip"
        android:layout_marginLeft="35dp"
        android:layout_marginRight="35dp"
        android:layout_marginTop="131dip"
        android:background="@drawable/bg_pwd_input"
        android:orientation="horizontal" />

    <com.hjqjl.testdemo.paypwdkeyboard.CustomKeyboardView
        android:id="@+id/custom_keyboard_view_paypwdkeyboard"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true" />

</RelativeLayout>

在activity_paypwdkeyboard中需要的密码输入框的背景，即：bg_pwd_input.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <solid android:color="#ffffff" />

    <!-- 描边 ：边框宽度与颜色 -->
    <stroke
        android:width="1dip"
        android:color="@android:color/holo_red_dark" />
    <!--圆角-->
    <corners android:radius="6px" />

</shape>

ok，至此完毕。
源码：https://gitee.com/hjqjl/WhDemo

鼹鼠笔记
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
仿支付宝自定义密码输入框及安全键盘
林园青的博客
01-29 2334
0、前言  之前做过的项目里有运用到一个支付场景：用户办理业务时需要输入交易密码，并且可根据平台下发的支付方式进行选择。这与支付宝的密码输入方式十分相似，如果使用Android系统或者第三方软件的键盘，会有密码泄露的风险。因此，大多数的应用软件使用的是自定义的密码输入框及安全键盘。  由于密码输入方式需要实现一个从底部弹出的效果，因此总体上决定采用BottomSheetDialog来进行封
微信小程序自定义键盘|仿微信支付数字键盘
Luo的博客
02-24 4172
实现效果 简介 点击金额模块区域，获取焦点。 点击非金额模块区域，失去焦点且隐藏支付键盘。 支持小数点两位数字。 付款金额默认置灰，点击付款按钮无效。当输入付款金额后，付款按钮还原正常状态。 删除按钮可以通过icon图标或者图片来替换，达到和微信数字支付键盘一样的效果。 有更合适的实现方式或者代码不合理的地方，欢迎留言交流 实现代码 // index.wxml <view class="pay-container" catchtap="handleHiddenKey"> <
自定义键盘支付：u-keyboard、u-message-input
sunluyi的博客
03-18 1794
<!-- 余额支付输入密码 --> <u-keyboard default="" ref="uKeyboard" mode="number" :mask="true" :mask-close-able="false" :dot-enabled="false" v-model="paypasswordShow" :safe-area-inset-bottom="true" :tooltip="false" @change="onChange" @bac
前端Vue自定义支付密码输入键盘Keyboard和支付设置输入框Input
chenchuang0128的博客
06-23 1824
### 使用方法```使用方法-- ref:唯一ref passwrdType：密码样式pay keyInfo：密码输入监测事件 -->/** * 唤起键盘 */},/*** 支付键盘回调* @param {Object} val */return;// 判断是否输入的是删除键// 删除最后一位// 判断是否输入的是.// 输入.无效} else {title: '温馨提示',
自定义数字键盘KeyboardView（类ios支付宝）
09-20
类支付宝数字键盘（含小数点跟纯数字键盘切换），处理键盘点击回调，键盘样式处理，并兼容navigationbar弹出键盘
android仿支付宝支付密码和自定义键盘
04-08
自定义键盘，简单使用，可扩展。
微信小程序自定义数字键盘|仿支付宝、微信支付数字软键盘
03-29
前几天有开发过一个html5仿支付宝、微信支付数字键盘，在某些特定场景下自定义数字键盘应用还是蛮广泛的，比如 小程序商城系统 需要零钱支付 ,会员卡支付，心想着微信小程序没有内部数字键盘组件，这样输入密码就...
Android仿支付宝自定义密码输入框及安全键盘(密码键盘)
01-05
因此，大多数的应用软件使用的是自定义的密码输入框及安全键盘。  由于密码输入方式需要实现一个从底部弹出的效果，因此总体上决定采用BottomSheetDialog来进行封装，同时为了提高安全性，还应该随机生成键盘上的...
Android自定义控件（七) Android仿微信支付密码输入框
Ho博客
10-24 1675
早上在使用微信支付买东西时候注意到了支付的密码输入框，今天正好是10月24，就使用自定义方式来实现下。绘制分析 : 1、绘制圆角矩形 2、绘制黑色小圆点drawCircle 3、键盘自动调起处理输入和回删事件 4、输入完成后事件回调。
Android仿支付宝、京东的密码键盘和输入框
01-05
首先看下效果图 一：布局代码 键盘由0~9的数字，删除键和完成键组成，也可以根据需求通过GridView适配器的getItemViewType方法来定义。点击键的时候背景有变色的效果。 密码输入框由六个EditText组成，每个输入框最对能输入一个数字，监听最后一个输入框来完成密码输入结束的监听。 二：键盘 键盘中的主要逻辑处理，键盘样式，item的点击事件 @Override public int getViewTypeCount() { return 2; } @Override public int getItemViewType(int position) { retur
android 支付数字键盘,微信小程序自定义数字键盘|仿支付宝、微信支付数字软键盘...
weixin_39539733的博客
05-28 847
(此图片来源于网络，如有侵权，请联系删除! )前几天有开发过一个html5仿支付宝、微信支付数字键盘，在某些特定场景下自定义数字键盘应用还是蛮广泛的，比如小程序商城系统需要零钱支付 ,会员卡支付，心想着微信小程序没有内部数字键盘组件，这样输入密码就需要自己做一个自定义软键盘了。于是就在之前插件的基础上试着开发出了这个小程序wcKeyboard数字键盘插件。(此图片来源于网络，如有侵权，请联系删...
Android 总结：自定义键盘实现原理和三种实例详解
Android 小生的博客
11-29 1万+
一、实现原理 实现软键盘主要用到了系统的两个类 Keyboard 和 KeyboardView . 1. Keyboard 用于监听虚拟键盘： Loads an XML description of a keyboard and stores the attributes of the keys. A keyboard consists of rows of keys . Th
Android仿支付宝淘宝 - 自定义密码输入框和键盘
热门推荐
z240336124的专栏
12-19 1万+
1.概述　　最近有人在问我要所有项目的代码，我在这里声明一下我不是这几个项目公司内部人员，之所以录视频和写博客也是喜欢与人分享和学习而已，我是真的希望大家可以自己去写要不然出了问题你也可能不会改，但是最终所有的代码肯定会上传的，只不过会要等全部的效果以及设计模式讲完。在这里感谢内涵段子这个项目，感谢那些提供帮助的博客牛人，希望有一天也能和你们一样。 　　 　　部分人看了视频的反馈就是某些地方
Android 自定义控件 - 仿支付宝数字键盘
Star的博客
03-25 1992
简介 在一些带有支付功能的 App 中，输入的密码一般只能是纯数字，虽然我们可以指定 EditText 输入框只能输入数字，但是为了提供用户的使用体验，我们往往更倾向于使用自定义的纯数字键盘。 本文效果： 自定义 KeyboardView 实现步骤： 集成系统的 KeyBoardView 类，在初始化时初始化键盘布局，设置 KeyBoard 对象。 实现 OnKeyboardA...
android自定义键盘--类似支付宝支付
code_dream_wq的博客
04-17 455
做支付的时候有可能会用到自己画的数字键盘，而不是系统带的键盘，类如支付宝的支付弹出的键盘，这多是自定义的 代码下载：https://git.oschina.net/code_q/mypayactivity.git 关键点：键盘的隐藏，设置它始终不会弹出 vTradePwd.setInputType(InputType.TYPE_NULL); 效果
仿支付宝密码支付页 + 自定义数字键盘 + 身份证键盘
WOL965的博客
11-20 857
# KeyboardInputDemo 这是一个仿支付宝自定义软键盘的demo，分别为身份证号码、支付金额、支付密码输入定制的软键盘，以及EditText文本输入框与密码输入框的定制。 先上效果图：  　  　  　    一 身份证键盘   1 身份证键盘在MainActivity页面，使用时再布局中添加配置 &lt;com.example.weioule.inputkeyboard...
uview 自定义数字支付键盘功能
yehaocheng520的博客
05-10 2976
作为一个电商的项目，支付功能是必备的，自定义数字支付键盘也是对应的。 如果是用微信或者支付宝支付，则在支付时，会自动弹出数字键盘。 现在来看看微信和支付宝的支付数字键盘的样式吧…… 好久没有用支付宝给人转账或者发红包了，支付宝的页面竟然有了这么多选项，真好…… 如果要自己做支付页面，则就需要自定义支付数字键盘了，此处用uview中的键盘组件来实现。 效果如下： uview keyboard官网链接：https://www.uviewui.com/components/keyboard.html keyb
vue 微信支付自定义键盘
最新发布
02-08
Vue 微信支付自定义键盘涉及到前端的技术和微信支付的开发文档。 首先，我们需要在Vue应用中创建一个自定义的键盘组件，可以使用Vue的组件特性来实现。这个组件可以包含一个数字键盘和其他带有特殊功能的按钮，比如...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值