Android自定义数字键盘和输入框

已于 2023-11-29 16:33:41 修改
阅读量326 收藏 1
点赞数
文章标签： android android-studio java
于 2023-11-27 11:36:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qwl2314/article/details/134640842
版权

版权声明：本文为博主原创文章，未经博主允许不得转载。

前段时间开发过程中公司要求自己写一个自定义数字键盘和输入框的弹框，整理了下。

效果图

第一步：布局

<?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">
    <!--设置页面密码弹框-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/drop_background"
        android:orientation="vertical"
        android:paddingLeft="30dp"
        android:paddingRight="30dp"
        android:paddingBottom="30dp">
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="20dp">
            <TextView
                android:id="@+id/tv_guide_count"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="5dp"
                android:text="23s"
                android:layout_gravity="left"
                android:layout_centerVertical="true"
                android:textColor="@color/blue"
                android:textSize="25sp" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="5dp"
                android:text="@string/set_password_title"
                android:textColor="@color/black"
                android:textSize="25sp"
                android:layout_centerHorizontal="true"
                android:layout_centerInParent="true"
                />
            <ImageView
                android:id="@+id/iv_guide_count"
                android:layout_width="43dp"
                android:layout_height="40dp"
                android:src="@mipmap/ca"
                android:layout_centerVertical="true"
                android:layout_alignParentEnd="true"/>
        </RelativeLayout>

        <EditText
            android:id="@+id/et_bag_id"
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:layout_marginBottom="30dp"
            android:background="@drawable/key_dialog_et_background"
            android:gravity="center"
            android:maxLength="6"
            android:hint="@string/set_password"
            android:inputType="numberPassword"
            android:textSize="40sp"
            android:textColor="@color/blue"
            android:letterSpacing="0.2"/>

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

            <TextView
                android:id="@+id/tv_1"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_margin="5dp"
                android:layout_weight="1"
                android:background="@drawable/orders_line_background"
                android:gravity="center"
                android:text="1"
                android:textColor="@color/blue"
                android:textSize="25dp" />

            <TextView
                android:id="@+id/tv_2"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_margin="5dp"
                android:layout_weight="1"
                android:background="@drawable/orders_line_background"
                android:gravity="center"
                android:text="2"
                android:textColor="@color/blue"
                android:textSize="25dp" />

            <TextView
                android:id="@+id/tv_3"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_margin="5dp"
                android:layout_weight="1"
                android:background="@drawable/orders_line_background"
                android:gravity="center"
                android:text="3"
                android:textColor="@color/blue"
                android:textSize="25dp" />
        </LinearLayout>

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

            <TextView
                android:id="@+id/tv_4"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_margin="5dp"
                android:layout_weight="1"
                android:background="@drawable/orders_line_background"
                android:gravity="center"
                android:text="4"
                android:textColor="@color/blue"
                android:textSize="25dp" />

            <TextView
                android:id="@+id/tv_5"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_margin="5dp"
                android:layout_weight="1"
                android:background="@drawable/orders_line_background"
                android:gravity="center"
                android:text="5"
                android:textColor="@color/blue"
                android:textSize="25dp" />

            <TextView
                android:id="@+id/tv_6"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_margin="5dp"
                android:layout_weight="1"
                android:background="@drawable/orders_line_background"
                android:gravity="center"
                android:text="6"
                android:textColor="@color/blue"
                android:textSize="25dp" />
        </LinearLayout>

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

            <TextView
                android:id="@+id/tv_7"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_margin="5dp"
                android:layout_weight="1"
                android:background="@drawable/orders_line_background"
                android:gravity="center"
                android:text="7"
                android:textColor="@color/blue"
                android:textSize="25dp" />

            <TextView
                android:id="@+id/tv_8"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_margin="5dp"
                android:layout_weight="1"
                android:background="@drawable/orders_line_background"
                android:gravity="center"
                android:text="8"
                android:textColor="@color/blue"
                android:textSize="25dp" />

            <TextView
                android:id="@+id/tv_9"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_margin="5dp"
                android:layout_weight="1"
                android:background="@drawable/orders_line_background"
                android:gravity="center"
                android:text="9"
                android:textColor="@color/blue"
                android:textSize="25dp" />
        </LinearLayout>

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

            <TextView
                android:id="@+id/tv_del"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_margin="5dp"
                android:layout_weight="1"
                android:background="@drawable/orders_line_background"
                android:gravity="center"
                android:text="后退"
                android:textColor="@color/blue"
                android:textSize="25dp" />

            <TextView
                android:id="@+id/tv_0"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_margin="5dp"
                android:layout_weight="1"
                android:background="@drawable/orders_line_background"
                android:gravity="center"
                android:text="0"
                android:textColor="@color/blue"
                android:textSize="25dp" />

            <TextView
                android:id="@+id/tv_confirm"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_margin="5dp"
                android:layout_weight="1"
                android:background="@drawable/btn_drop_orange"
                android:gravity="center"
                android:text="确认"
                android:textColor="@color/white"
                android:textSize="25dp" />
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

布局可以根据自己需求更改。

第二步：自定义dialog逻辑

import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.text.InputType;
import android.view.View;
import android.view.Window;
import android.widget.EditText;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;

import com.example.fiveportmachine.R;
import com.example.fiveportmachine.timer.CountDownTimerSupport;
import com.example.fiveportmachine.timer.OnCountDownTimerListener;

public class KeyBoardDialog extends Dialog implements View.OnClickListener {

    private EditText et_bag_id;
    private TextView tv_guide_count;
    private KeyBoardDialog keyBoardDialog;
    private long countDownInterval = 1000;
    // 倒计时时间设置
    private static final int secondCountdownToClosing = 60;
    private CountDownTimerSupport mTimer;
    public KeyBoardDialog(@NonNull Context context) {
        super(context);
    }

    public KeyBoardDialog(@NonNull Context context, int themeResId) {
        super(context, themeResId);
    }

    protected KeyBoardDialog(@NonNull Context context, boolean cancelable, @Nullable OnCancelListener cancelListener) {
        super(context, cancelable, cancelListener);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_key_dialog);
        //按空白处不能取消动画
        setCanceledOnTouchOutside(false);
        //设置dialog样式
        Window window =getWindow();
        window.getDecorView().setPadding(0, 0, 0, 0);
        window.setBackgroundDrawableResource(R.drawable.drop_background);
        intView();
        //setTimer();
    }
/**
    private void setTimer() {
        //总时长 间隔时间
        long millisInFuture = secondCountdownToClosing * 1000L;
        mTimer = new CountDownTimerSupport(millisInFuture, countDownInterval);
        // SimpleOnCountDownTimerListener
        mTimer.setOnCountDownTimerListener(new OnCountDownTimerListener() {
            @Override
            public void onTick(long millisUntilFinished) {
                // 倒计时间隔
                tv_guide_count.setText(millisUntilFinished / 1000 + "s");
            }

            @Override
            public void onFinish() {
                // 倒计时结束
                dismiss();
            }

            @Override
            public void onCancel() {
                // 倒计时手动停止
            }
        });
        mTimer.start();
    }
*/
    private void intView() {
        tv_guide_count = findViewById(R.id.tv_guide_count);
        et_bag_id = findViewById(R.id.et_bag_id);
        et_bag_id.setInputType(InputType.TYPE_NULL);
        findViewById(R.id.tv_0).setOnClickListener(this);
        findViewById(R.id.tv_0).setOnClickListener(this);
        findViewById(R.id.tv_1).setOnClickListener(this);
        findViewById(R.id.tv_2).setOnClickListener(this);
        findViewById(R.id.tv_3).setOnClickListener(this);
        findViewById(R.id.tv_4).setOnClickListener(this);
        findViewById(R.id.tv_5).setOnClickListener(this);
        findViewById(R.id.tv_6).setOnClickListener(this);
        findViewById(R.id.tv_7).setOnClickListener(this);
        findViewById(R.id.tv_8).setOnClickListener(this);
        findViewById(R.id.tv_9).setOnClickListener(this);
        findViewById(R.id.tv_del).setOnClickListener(this);
        findViewById(R.id.tv_confirm).setOnClickListener(this);
        findViewById(R.id.iv_guide_count).setOnClickListener(this);
    }

    /**
     * 初始化界面的确定和取消监听器
     */
    private void initEvent() {
        //设置确定按钮被点击后，向外界提供监听
    }
    /**
     * 设置确定取消按钮的回调
     */
    public KeyDialogOnClickListener keyDialogOnClickListener;
    public KeyBoardDialog setOnClickKeyDialogListener(KeyDialogOnClickListener keyDialogOnClickListener) {
        this.keyDialogOnClickListener = keyDialogOnClickListener;
        return this;
    }

    @Override
    public void onClick(View view) {
        if (view.getId()==R.id.tv_0){
            et_bag_id.getText().append("0");
            //将光标设置到尾部
            et_bag_id.setSelection(et_bag_id.getText().length());
        }else if (view.getId()==R.id.tv_1){
            et_bag_id.getText().append("1");
            //将光标设置到尾部
            et_bag_id.setSelection(et_bag_id.getText().length());
        }else if (view.getId()==R.id.tv_2){
            et_bag_id.getText().append("2");
            //将光标设置到尾部
            et_bag_id.setSelection(et_bag_id.getText().length());
        }else if (view.getId()==R.id.tv_3){
            et_bag_id.getText().append("3");
            //将光标设置到尾部
            et_bag_id.setSelection(et_bag_id.getText().length());
        }else if (view.getId()==R.id.tv_4){
            et_bag_id.getText().append("4");
            //将光标设置到尾部
            et_bag_id.setSelection(et_bag_id.getText().length());
        }else if (view.getId()==R.id.tv_5){
            et_bag_id.getText().append("5");
            //将光标设置到尾部
            et_bag_id.setSelection(et_bag_id.getText().length());
        }else if (view.getId()==R.id.tv_6){
            et_bag_id.getText().append("6");
            //将光标设置到尾部
            et_bag_id.setSelection(et_bag_id.getText().length());
        }else if (view.getId()==R.id.tv_7){
            et_bag_id.getText().append("7");
            //将光标设置到尾部
            et_bag_id.setSelection(et_bag_id.getText().length());
        }else if (view.getId()==R.id.tv_8){
            et_bag_id.getText().append("8");
            //将光标设置到尾部
            et_bag_id.setSelection(et_bag_id.getText().length());
        }else if (view.getId()==R.id.tv_9){
            et_bag_id.getText().append("9");
            //将光标设置到尾部
            et_bag_id.setSelection(et_bag_id.getText().length());
        }else if (view.getId()==R.id.tv_del){
            if (et_bag_id.getText().length()!=0){
                et_bag_id.getText().delete(et_bag_id.getText().length()-1,et_bag_id.getText().length());
            }
        }else if (view.getId()==R.id.tv_confirm){
            keyDialogOnClickListener.onPositiveClick(et_bag_id.getText().toString());
            et_bag_id.getText().delete(0,et_bag_id.getText().length());
        } else if (view.getId()==R.id.iv_guide_count) {
            keyDialogOnClickListener.onQuitClick();
            dismiss();
        }
    }
    public interface KeyDialogOnClickListener{
        /**
         * 点击确定按钮事件
         */
        public void onPositiveClick(String password);
        /**
         * 点击取消按钮事件
         */
        public void onQuitClick();
    }
}

第三步：activity中应用

//设置页面密码输入弹框
KeyBoardDialog keyBoardDialog=new KeyBoardDialog(MainActivity.this);
keyBoardDialog.setOnClickKeyDialogListener(new KeyBoardDialog.KeyDialogOnClickListener() {
    @Override
    public void onPositiveClick(String password) {
        //确认按钮回调
        if (password.equals("666666")){
            Toast.makeText(MainActivity.this,"登录成功",Toast.LENGTH_SHORT).show();
            keyBoardDialog.dismiss();
            startActivity(new Intent(MainActivity.this,SetUpActivity.class));
        }else{
            Toast.makeText(MainActivity.this,"密码有误，请重新输入",Toast.LENGTH_SHORT).show();
        }
    }

    @Override
    public void onQuitClick() {
        //取消按钮回调
        Toast.makeText(MainActivity.this,"ssss",Toast.LENGTH_SHORT).show();
    }
}).show();

注意：

dialog边框问题，根据自己需求调整。如果需要自己定义修改背景边框，dialog自带边框需要去除掉。

倒计时已去掉，需要请私聊。

qwl2314
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
android 自定义数字软键盘,（笔记）Android自定义数字键盘
weixin_32780623的博客
05-25 2251
前言最近Android开发中用到了自定义数字键盘，网上找的demo不能满足我的需求，比如删除和插入的时候只能在最后删除和插入，不能通过滑动键盘来移动光标。所以现在完成后把它总结写出来。概述主要实现以下功能：(1)只有数字键，包括没有标点符号。(2)可以在任意点插入和删除数字。(3)可以通过手指左右滑动键盘来改变光标位置。(4)输入框右边删除图标和按钮可随着内容有无变化。(5)每三个数字空一格，输入...
Android自定义密码输入框和数字键盘
01-05
实现了一个自定义的密码输入框和自定义数字键盘，用作用户支付密码设置界面。先上效果图如下，方格样式，以及点击空白处隐藏软键盘。 控件实现清单： 1）集成于EditText的输入框控件：PasswordInputView.java 2）数字键盘工具类：NumKeyboardUtil.java 3）xml文件：number.xml 4）attrs样式 5）layout文件 具体内容： PasswordInputView.java public class PasswordInputView extends EditText{ private int textLength; p
自定义Android键盘
dzqxwzoe的博客
02-25 3069
前段时间改造了公司的安全键盘，是基于Dialog和Button自定义的。也因此借机了解下 Android 平台提供的自定义键盘接口。Keyboard和。很搞笑的是，百度出来自定义Android键盘（与自定义Android输入法不同）的文章千篇一律。这里讲的自定义键盘同公司安全键盘是两种实现方式，不存在泄露公司内部技术的问题！！！不去吐槽别人，楼主秉持只原创和翻译的作风，输出这第50篇博客。相关属性部分是对照官方文档和Demo实践翻译的，若有瑕疵，请见谅。楼主csdn主页请点击flueky专栏。
Android 总结：自定义键盘实现原理和三种实例详解
最新发布
2401_84123201的博客
04-15 1012
键盘上键的细节和它的位置我们指定在一个xml文件中，每一个键都有如下的属性，keyLabel这个属性是指每个键显示的文本codes这个属性是指这个键代表的字符的unicode例如，我们定义了一个字母A，codes属性的值是97keyLabel属性的值就是A如果一个code对应多个key，这个key代表的字符取决于这个key接受到的点击数taps，例如，一个键具有63,33,58编码：一次点击就是?两次点击就是!三次点击就是一个key这个属性的值可以是left或者right。
Android自定义键盘（KeyboardView）
lwh1212的博客
06-28 9928
Android自定义键盘（KeyboardView）
【Android】实现一个悬浮在软键盘上的输入栏
公众号：BennuCTech
04-06 3700
前言 我们要实现一个悬浮在软键盘上的输入栏（即一个悬浮栏），过程中遇到了很多问题，查阅了一个网上的文章，结果发现不少是错误的，走了一些弯路，这里就一一记录一下。 悬浮栏 实现悬浮栏很简单 chatInputPanel.setVisibility(View.VISIBLE); chatInputEt.setFocusable(true); chatInputEt.setFocusableInTouchMode(true); chatInputEt.requestFocus(); InputMethodMana
Android开发之如何自定义数字键盘详解
01-04
前言 这篇文章是介绍Android中自定义键盘的一些套路，通过定义一个数字键盘为例，本篇的文章语言是基于Kotlin实现的，如果还没有用或者不熟悉该语言的同学，可以自己补习，我之前也写过入门文章。 效果图 github：源码传送门 本地下载：源码传送门 加载键盘存储键属性的XML描述 我们下面的介绍都是依靠上图的实现来展开的，首先是软键盘的布局，我们需要我们的res/xml目录下创建一个xml文件，根节点就是Keyboard,然后就是键盘的每一行Row，每一行中可以指定每一列，也就是具体的键Key，代码实现 <?xml version=1.0 encoding=utf-8?><!
android自定义数字键盘和密码输入框
11-08
综上所述，实现"android自定义数字键盘和密码输入框"涉及到了Android自定义View、触摸事件处理、布局管理、样式定制等多个方面，通过这些技术可以打造出符合应用需求的专属输入界面，提升用户体验。在实际项目中，你...
android 纯自定义数字键盘输入
06-30
总之，"android 纯自定义数字键盘输入"项目是一个实用的学习资源，它涵盖了Android自定义View的开发、触摸事件处理、界面布局设计等多个知识点。通过研究这个`KeyDemo`，开发者不仅可以学会如何创建自定义键盘，还能...
android自定义数字键盘
02-02
以上就是实现一个简单的Android自定义数字键盘的基本步骤。这个键盘可以根据实际需求进行扩展，例如添加更多特殊功能按钮，如加减乘除符号，或者增加对多行文本的支持。同时，也可以考虑优化键盘的视觉样式，使其与...
android自定义酷炫数字键盘,Android自定义View之数字键盘 (NumberKeyboardView)
weixin_39531635的博客
05-25 818
在实际开发中，我们通常会遇到自定义键盘输入内容的情况，比如微信中的输入支付密码，验证码等场景，往往这些键盘都比较简单，通常是输入数字和小数点等内容，本篇文章将通过组合已有控件，打造一款通用的数字键盘 ⌨️库清单????首先列觉一下本控件所用到的库RecyclerView数字键盘本体，承载键盘的按键的显示，响应输入等一个强大的RecyclerView适配器库，封装常用逻辑，让适配器更加简洁效果演示 ⌨️D...
Android-Android自定义键盘数字键盘和字母键盘
08-13
Android自定义键盘：数字键盘和字母键盘
Android-PasswordInputView简单的自定义六位数字密码框
03-25
简单的自定义六位数字密码框
自定义纯数字键盘 + 只能输入6位数字密码输入框2个demo
11-18
自定义纯数字键盘 + 只能输入6位数字密码输入框2个demo
android 自定义键盘 随机数字按键 修改键盘字体颜色等功能实现
03-07
此为示例代码，详细讲解请参考博文： http://blog.csdn.net/tangron/article/details/20699331 如对资源内容有疑问，请到博客中留言。 欢迎大家评阅，谢谢
android 自定义数字键盘密码支付（有点类似淘宝，但是更好看
11-08
android 自定义数字键盘密码支付（有点类似淘宝，但是更好看 [注意：本资源来自网络，如有侵权，请联系我删除，谢谢。]
【android开发】自定义数字软键盘的设计与实现（1）
Ac_Rambler的博客专栏
10-25 8001
相信很多情况下我们看到过一些数字的输入，弹出来的并不是系统自带的键盘。这就是自定义的软键盘，软键盘的一个好处就是简单，操作方便。如何实现一个自定义的软键盘呢？？其实这个过程是比较简单的，只要把几个关键的原理搞明白了，你就会发现真的很简单，很方便！ 这篇博客主要介绍一下实现的相关原理，下一节就会把具体实现的步骤和大家分享一下！
Android 自定义软键盘实现 数字九宫格
2401_83703797的博客
03-24 980
今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司2021年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。还有。
android 自定义限制 字数的输入框
06-06
您可以通过继承 `EditText` 类来创建一个自定义的限制字符数的输入框。以下是一个简单的例子： ```java public class CharacterLimitEditText extends EditText { private int maxCharacters; public ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值