`
yo8237233
  • 浏览: 62965 次
  • 来自: 深圳
社区版块
存档分类
最新评论

自定义悬浮在界面上的数字键盘

阅读更多
近期由于项目中很多EditText控件都是输入纯数字,不停的弹出和关闭系统自带的键盘体验很差,所以决定做一款悬浮在EditText控件旁边的数字小键盘。
当用户点击EditText控件的时候会弹出数字键盘,用户输入完成之后点击确定会把输入的内容显示在EditText中,这样就避免了弹出系统键盘这种不友好的体验

先上效果图




这个demo是利用WindowManager实现的,本来想用Popupwindow的,发现限制太大,决定用WindowManager实现,但是也有个缺陷,不好控制键盘的位置,可能是我现学现用,理解的不是很全面,知道更好方法的朋友可以交流

上代码
先创建一个自定义键盘控件
import android.content.Context;
import android.text.InputType;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
 
public class DigitPasswordKeyPad extends View {
    private Context ctx = null;
    private View v;
    private String digitnum = "";
    private int length = 20;
 
    private Button digitkeypad_1;
    private Button digitkeypad_2;
    private Button digitkeypad_3;
    private Button digitkeypad_4;
    private Button digitkeypad_5;
    private Button digitkeypad_6;
    private Button digitkeypad_7;
    private Button digitkeypad_8;
    private Button digitkeypad_9;
    private Button digitkeypad_0;
    private Button digitkeypad_c;
    private Button digitkeypad_ok;
    private Button digitkeypad_point;
    private EditText digitkeypad_edittext;
 
    private boolean isPwd;
 
    public DigitPasswordKeyPad(Context ctx) {
        super(ctx);
        this.ctx = ctx;
    }
 
    @Override
    protected void onLayout(boolean arg0, int arg1, int arg2, int arg3, int arg4) {
    }
 
    public void setEditTextIsPwd(boolean ispwd) {
        if (ispwd) {
            digitkeypad_edittext.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD);
        } else {
            digitkeypad_edittext.setInputType(InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD);
        }
        this.isPwd = ispwd;
    }
 
    public View setup() {
        LayoutInflater lif = LayoutInflater.from(ctx);
        v = lif.inflate(R.layout.activity_digit_input_number, null);
 
        // 初始化 对象
        digitkeypad_1 = (Button) v.findViewById(R.id.digitkeypad_1);
        digitkeypad_2 = (Button) v.findViewById(R.id.digitkeypad_2);
        digitkeypad_3 = (Button) v.findViewById(R.id.digitkeypad_3);
        digitkeypad_4 = (Button) v.findViewById(R.id.digitkeypad_4);
        digitkeypad_5 = (Button) v.findViewById(R.id.digitkeypad_5);
        digitkeypad_6 = (Button) v.findViewById(R.id.digitkeypad_6);
        digitkeypad_7 = (Button) v.findViewById(R.id.digitkeypad_7);
        digitkeypad_8 = (Button) v.findViewById(R.id.digitkeypad_8);
        digitkeypad_9 = (Button) v.findViewById(R.id.digitkeypad_9);
        digitkeypad_0 = (Button) v.findViewById(R.id.digitkeypad_0);
        digitkeypad_point = (Button) v.findViewById(R.id.digitkeypad_point);
        
        digitkeypad_c = (Button) v.findViewById(R.id.digitkeypad_c);
        digitkeypad_ok = (Button) v.findViewById(R.id.digitkeypad_ok);
        digitkeypad_edittext = (EditText) v.findViewById(R.id.digitpadedittext);
 
        // 添加点击事件
        DigitPasswordKeypadOnClickListener dkol = new DigitPasswordKeypadOnClickListener();
        digitkeypad_1.setOnClickListener(dkol);
        digitkeypad_2.setOnClickListener(dkol);
        digitkeypad_3.setOnClickListener(dkol);
        digitkeypad_4.setOnClickListener(dkol);
        digitkeypad_5.setOnClickListener(dkol);
        digitkeypad_6.setOnClickListener(dkol);
        digitkeypad_7.setOnClickListener(dkol);
        digitkeypad_8.setOnClickListener(dkol);
        digitkeypad_9.setOnClickListener(dkol);
        digitkeypad_0.setOnClickListener(dkol);
        digitkeypad_point.setOnClickListener(dkol);
        digitkeypad_c.setOnClickListener(dkol);
        digitkeypad_ok.setOnClickListener(new DigitPasswordKeypadFinshOnClikcListener());
 
        return v;
    }
 
    private class DigitPasswordKeypadFinshOnClikcListener implements OnClickListener {
 
        @Override
        public void onClick(View view) {
            int viewId = view.getId();
 
            if (viewId == R.id.digitkeypad_ok) {
                // 点击完成
                // 设置值回页面
                // 隐藏自己View
//                 if (isPwd) {
//                	 jsimpl.hidePasswdPad(digitkeypad_edittext.getText().toString());
//                 } else {
//                	 jsimpl.hideCallNumPad(digitkeypad_edittext.getText().toString());
//                 }
            	Log.i("aaaaaaaaaaaaaa", "bbbbbbbbbbbb");
//                v.setVisibility(View.GONE);
            }
        }
    }
 
    public void initInputLable(String str, int length) {
        str = str.trim();
        digitnum = str;
        this.length = length;
        digitkeypad_edittext.setText(digitnum);
        digitkeypad_edittext.setSelection(digitnum.length());
    }
 
    private class DigitPasswordKeypadOnClickListener implements OnClickListener {
 
        @Override
        public void onClick(View v) {
            int viewId = v.getId();
 
            switch (viewId) {
            case R.id.digitkeypad_1:
                if (digitnum.length() == length) {
                    return;
                } else {
                    digitnum += 1;
                }
                break;
            case R.id.digitkeypad_2:
                if (digitnum.length() == length) {
                    return;
                } else {
                    digitnum += 2;
                }
                break;
            case R.id.digitkeypad_3:
                if (digitnum.length() == length) {
                    return;
                } else {
                    digitnum += 3;
                }
                break;
            case R.id.digitkeypad_4:
                if (digitnum.length() == length) {
                    return;
                } else {
                    digitnum += 4;
                }
                break;
            case R.id.digitkeypad_5:
                if (digitnum.length() == length) {
                    return;
                } else {
                    digitnum += 5;
                }
                break;
            case R.id.digitkeypad_6:
                if (digitnum.length() == length) {
                    return;
                } else {
                    digitnum += 6;
                }
                break;
            case R.id.digitkeypad_7:
                if (digitnum.length() == length) {
                    return;
                } else {
                    digitnum += 7;
                }
                break;
            case R.id.digitkeypad_8:
                if (digitnum.length() == length) {
                    return;
                } else {
                    digitnum += 8;
                }
                break;
            case R.id.digitkeypad_9:
                if (digitnum.length() == length) {
                    return;
                } else {
                    digitnum += 9;
                }
                break;
            case R.id.digitkeypad_0:
                if (digitnum.length() == length) {
                    return;
                } else {
                    digitnum += 0;
                }
 
                break;
            case R.id.digitkeypad_point:
            	if (digitnum.length() == length) {
            		return;
            	} else {
            		digitnum += ".";
            	}
            	
            	break;
            case R.id.digitkeypad_c:// 后退
                if (digitnum.length() > 0) {
                    digitnum = digitnum.substring(0, digitnum.length() - 1);
                }
                break;
            }
            // 格式化 数据
            digitkeypad_edittext.setText(digitnum);
            digitkeypad_edittext.setSelection(null != digitnum ? digitnum.length() : 0);
        }
 
    }
}


然后用WindowManager或者PopupWindow初始化这个组件,这里两种方法都给出了
import android.content.Context;
import android.graphics.PixelFormat;
import android.view.Gravity;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.WindowManager;
import android.view.WindowManager.LayoutParams;
import android.widget.Button;
import android.widget.EditText;

public class DigitKeyPadUtil {
	public static void showPassWdPadView(final EditText tv, final Context context,
			final View digitView) {
				// 让一个视图浮动在你的应用程序之上
				final WindowManager windowmanager = (WindowManager) context
						.getSystemService(Context.WINDOW_SERVICE);
				LayoutParams layoutparams = new LayoutParams(400, 550,
						WindowManager.LayoutParams.FIRST_SUB_WINDOW,
						WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
						PixelFormat.RGBA_8888);
				layoutparams.gravity = Gravity.LEFT;
				layoutparams.x = 200;
				layoutparams.y = 500;

				Button btn = (Button) digitView
						.findViewById(R.id.digitkeypad_ok);
				final EditText digitkeypad_edittext = (EditText) digitView
						.findViewById(R.id.digitpadedittext);
				btn.setOnClickListener(new OnClickListener() {

					@Override
					public void onClick(View arg0) {
						String str = digitkeypad_edittext.getText().toString();
						tv.setText(str);
						if (digitView.getParent() != null) {
							windowmanager.removeView(digitView);
						}
					}
				});

				if (digitView.getParent() == null) {
					windowmanager.addView(digitView, layoutparams);
				}
				// LayoutInflater mLayoutInflater = (LayoutInflater)
				// getSystemService(LAYOUT_INFLATER_SERVICE);
				// 自定义布局
				// final PopupWindow mPop = new PopupWindow(passwdview,
				// LayoutParams.WRAP_CONTENT,
				// LayoutParams.WRAP_CONTENT, true);
				// mPop.setContentView(passwdview);//设置包含视图
				// mPop.setWidth(300);
				// mPop.setHeight(400);//设置弹出框大小
				// mPop.setOutsideTouchable(false);
				// mPop.showAsDropDown(editText);
				//
				// Button btn = (Button)
				// passwdview.findViewById(R.id.digitkeypad_ok);
				// final EditText digitkeypad_edittext = (EditText)
				// passwdview.findViewById(R.id.digitpadedittext);
				// btn.setOnClickListener(new OnClickListener() {
				//
				// @Override
				// public void onClick(View arg0) {
				// String str = digitkeypad_edittext.getText().toString();
				// editText.setText(str);
				// mPop.dismiss();
				// }
				// });
	}

}


在activity中很简单,只需要给需要弹出数字键盘的组件设置事件就行
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.EditText;
import android.widget.TextView;
 
public class AndroidInputNumberActivity extends Activity {
    private DigitPasswordKeyPad dpk;
    private View digitView;
    private Context content ;
    EditText editText;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        content = this;
        
        dpk = new DigitPasswordKeyPad(this);
        digitView = dpk.setup();
        
        editText = (EditText)findViewById(R.id.input);
        editText.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
            	DigitKeyPadUtil.showPassWdPadView((EditText)v,content,digitView);
            }
        });
    }
    

}


activity_digit_input_number.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/digitkeypadrootlayout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:orientation="horizontal" >

            <EditText
                android:id="@+id/digitpadedittext"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:inputType="text"
                android:editable="false"
                android:gravity="center_vertical|right"
                android:singleLine="true" />
        </LinearLayout>

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

            <Button
                android:id="@+id/digitkeypad_1"
                android:layout_width="100dp"
                android:layout_height="80dp"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_weight="1"
                android:gravity="center"
                android:text="@string/digitKeyppad_one"
                android:textSize="22sp" >
            </Button>

            <Button
                android:id="@+id/digitkeypad_2"
                android:layout_width="100dp"
                android:layout_height="80dp"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_weight="1"
                android:gravity="center"
                android:text="@string/digitKeyppad_two"
                android:textSize="22sp" >
            </Button>

            <Button
                android:id="@+id/digitkeypad_3"
                android:layout_width="100dp"
                android:layout_height="80dp"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_weight="1"
                android:gravity="center"
                android:text="@string/digitKeyppad_three"
                android:textSize="22sp" >
            </Button>

            <Button
                android:id="@+id/digitkeypad_4"
                android:layout_width="100dp"
                android:layout_height="80dp"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_weight="1"
                android:text="@string/digitKeyppad_four"
                android:textSize="22sp" >
            </Button>
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:orientation="horizontal" >

            <Button
                android:id="@+id/digitkeypad_5"
                android:layout_width="100dp"
                android:layout_height="80dp"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_weight="1"
                android:text="@string/digitKeyppad_five"
                android:textSize="22sp" >
            </Button>

            <Button
                android:id="@+id/digitkeypad_6"
                android:layout_width="100dp"
                android:layout_height="80dp"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_weight="1"
                android:text="@string/digitKeyppad_six"
                android:textSize="22sp" >
            </Button>

            <Button
                android:id="@+id/digitkeypad_7"
                android:layout_width="100dp"
                android:layout_height="80dp"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_weight="1"
                android:text="@string/digitKeyppad_seven"
                android:textSize="22sp" >
            </Button>

            <Button
                android:id="@+id/digitkeypad_8"
                android:layout_width="100dp"
                android:layout_height="80dp"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_weight="1"
                android:text="@string/digitKeyppad_eight"
                android:textSize="22sp" >
            </Button>
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:orientation="horizontal" >

            <Button
                android:id="@+id/digitkeypad_9"
                android:layout_width="100dp"
                android:layout_height="80dp"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_weight="1"
                android:text="@string/digitKeyppad_nine"
                android:textSize="22sp" >
            </Button>

            <Button
                android:id="@+id/digitkeypad_0"
                android:layout_width="100dp"
                android:layout_height="80dp"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_weight="1"
                android:text="@string/digitKeyppad_zero"
                android:textSize="22sp" >
            </Button>

            <Button
                android:id="@+id/digitkeypad_point"
                android:layout_width="100dp"
                android:layout_height="80dp"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_weight="1"
                android:text="@string/digitKeyppad_point"
                android:textSize="22sp" >
            </Button>

            <Button
                android:id="@+id/digitkeypad_c"
                android:layout_width="100dp"
                android:layout_height="80dp"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_weight="1"
                android:text="@string/digitKeyppad_delete"
                android:textSize="22sp" >
            </Button>
        </LinearLayout>

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="15dp"
            android:orientation="horizontal" 
            android:gravity="center"
            >

            <Button
                android:id="@+id/digitkeypad_ok"
                android:layout_width="150dp"
                android:layout_height="wrap_content"
                android:text="@string/digitKeyppad_ok"
                android:textSize="22sp" >
            </Button>
        </LinearLayout>

</LinearLayout>


最后别忘了在配置文件中加入权限
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />


这样就可以了,后续想维护加入拖动什么的都很方便

博客地址:http://qiaoyihang.iteye.com/
  • 大小: 10.9 KB
分享到:
评论

相关推荐

    Qt制作的屏幕软键盘,数字键盘

    【Qt制作的屏幕软键盘,数字键盘】 在IT领域,特别是在开发桌面应用或者嵌入式系统时,有时需要实现无物理键盘的输入交互,这时屏幕软键盘就显得尤为重要。Qt作为一个跨平台的C++图形用户界面应用程序开发框架,...

    WPF 悬浮键盘

    - **标题**:“WPF 悬浮键盘”:这表明该类库或程序的主要功能是实现一个在Windows Presentation Foundation (WPF) 应用中使用的悬浮键盘。 - **描述**:“WPF 悬浮键盘简单实力 WPF 悬浮键盘简单实力”:虽然这句话...

    自定义键盘(数字、字母、符号自由切换;每个按键背景色自定义;键盘不遮挡编辑框)

    这通常通过添加多个布局文件来完成,每个布局文件对应一种键盘类型(如数字键盘、字母键盘、符号键盘)。在用户点击键盘上的切换按钮时,会动态加载相应的布局,实现键盘类型的平滑过渡。此外,切换逻辑可能通过监听...

    悬浮窗口

    悬浮窗口是一种在操作系统界面上以独立、可移动的小窗口形式存在的功能,通常用于显示实时信息或者提供快捷操作。这种窗口可以浮动于其他应用程序之上,让用户在处理多任务时能够便捷地查看或控制某些功能,而无需...

    iOS 键盘界面

    在iOS系统中,键盘界面是用户与设备交互的重要部分,特别是在进行文字输入和发送多媒体信息时。"iOS 键盘界面"这个主题涉及到...无论是日常的文本交流,还是在社交媒体上分享生活,iOS键盘都是连接人与数字世界的桥梁。

    电脑虚拟键盘9.9.9中文绿色免费版

    1. **屏幕键盘显示**:在桌面显示一个完整的QWERTY布局键盘,包括字母、数字、标点符号以及常用快捷键,满足基本的文字输入需求。 2. **自定义设置**:用户可以根据个人习惯调整虚拟键盘的大小、位置和样式,甚至...

    unity3d 虚拟屏幕键盘

    4. 接收输入:当用户在虚拟键盘上输入时,插件会处理这些输入,并将其作为字符串传递给你的游戏逻辑。你可以通过事件监听或者脚本接口来获取输入值。 5. 测试与优化:在不同的设备和平台上测试虚拟键盘,确保其在...

    Android开发仿微信支付宝的支付密码布局

    4. **输入逻辑处理**: 当用户在数字键盘上选择数字时,需要记录选中的数字,并在自定义密码框中更新显示。可以通过一个临时字符串变量来保存已输入的数字,同时监听每个数字键的点击事件进行更新。 5. **验证机制**...

    C#虚拟键盘源码 支持定制

    6. **悬浮窗口**:为了让键盘始终在其他窗口之上,需要设置窗口的TopMost属性,并处理窗口的位置和大小调整事件。 7. **多线程与异步编程**:为了不影响主应用的性能,虚拟键盘的显示和更新可能需要在单独的线程或...

    SoftBoard屏幕软键盘 V4.1 绿色版

    这款V4.1版本虽为绿色版,即免安装版本,但它在易用性和实用性上已经得到了用户的一致好评。不过需要注意的是,此版本为未注册版,因此在使用过程中会间隔出现注册提示,但这并不妨碍我们正常使用其核心功能。 ...

    酷点cooldock_3.21

    酷点拥有超多炫目模板和酷爽图标动画效果,界面特效完全可以自定义! 酷点的酷处: 1、图标拖入拖出:只要会用鼠标,您可以把各种可执行文件、普通文件和文件夹、快捷方式自由拖入拖出酷点的面板,酷点自动...

    酷点桌面美化软件 v3.21.zip

    2、醒目文字提示:鼠标只要悬浮在图标上面,立即浮现特效文字说明,字体颜色由您定义。 3、酷爽动画效果:酷点在您拖入拖出图标时,均有酷毙的动画效果,内置多种特效让您选择。 4、自由键鼠控制:您可以使用鼠标...

    Android高级应用源码-android打电话源码.zip

    在Android平台上,开发一款能够拨打电话的应用涉及到许多高级技术,这些技术涵盖了权限管理、Intent机制、电话API以及用户界面设计等多个方面。以下是对"Android高级应用源码-android打电话源码.zip"中可能包含的...

    android 基础控件 EditText

    在Android开发中,`EditText`是一个非常基础且重要的控件,它允许用户在界面上输入文本。本篇文章将深入探讨`EditText`的基本使用、属性配置、事件监听以及常见应用场景。 ## 一、EditText 基本使用 `EditText`...

    (代码)常用的VBA短句(带注释).doc

    上述提供的VBA短句是一些常见的实用技巧,用于处理Excel工作簿中的数据、操作界面元素以及设置工作表属性。以下是对这些短句的详细解释: 1. `[A65536].End(xlUp).Row`:找到A列从底部向上第一个有值的行号。这是...

    Analogue Vista Clock下载 Analogue Vista Clock v1.35

    它可以悬浮在桌面之上,不受任何其他程序的影响,无论是浏览网页、处理文档还是进行游戏,Analogue Vista Clock始终清晰可见,时刻提醒用户时间的流逝。并且,它能够完全忽略鼠标和键盘的输入,确保用户在操作电脑时...

    麦芒c199说明书

    主屏幕是用户最常用的界面之一,可以自定义放置各种应用程序图标、小组件等,便于快速访问常用功能。 ##### 从旧手机中复制联系人 通过蓝牙、USB连接或其他数据传输方式,将旧手机中的联系人数据迁移至新手机。 ##...

Global site tag (gtag.js) - Google Analytics