前言
★本文简述：
- 简单通过
KeyBoardView实现自定义键盘功能。 - 真的只是给和我一样的渣渣简单介绍，所以了解过的可以慢走不送了~
- 太简单了，别打我…我知道你已经想打我了哈哈
★目的：
也就是我为什么脑抽写这篇文章。
因为我似乎太蠢了，网上这类资料好少基本都是一个实例。
看着有点摸不清头脑~
学东西不都崇尚又简至深，所以我来做个简单的笔记~
话说，你是不是只认可我蠢？别往我手上看…没刀。
正文
*我知道没有效果图要被抡：
简单的键盘.gif
看到以上效果图，估计很多人要吐槽为什么我没放个EditText。
好吧还真没放。虽然我懒但其实放不放都好。
下一章好好弄个实例就好了~
代码三步走：
- 第一步：
1、新建一个xml文件夹放在res目录下面，然后新建xml文件。我这里取名叫做number.xml。
<?xml version="1.0" encoding="utf-8"?>
<Keyboard xmlns:android="http://schemas.android.com/apk/res/android"
android:keyWidth="33.3%p" //这一个就是每一个按钮的宽度
android:keyHeight="100dp" //每一个按钮高度，可以设置百分比
>
<!--中间内容放下面 -->
……
</keyboard>
2、然后在XML文件中添加按钮布局，这个布局就是键盘的样子了。
★这边想说：codes将会是监听onKey()得到按钮输出的值，keyLabel是按钮显示的值。
以及android:keyWidth是单个按钮宽度，keyOutputText可以在之后设置的监听里OnText（）中得到。
还有其他属性就不一一介绍了，比如keyIcon设置图标。
<Row>
<Key android:codes="10" android:keyLabel="1" />
<Key android:codes="20" android:keyLabel="2" />
<Key android:codes="30" android:keyLabel="3" />
</Row>
<Row>
<Key android:codes="40" android:keyWidth="50%p" android:keyLabel="4" android:keyEdgeFlags="left" />
<Key android:codes="OK" android:keyWidth="50%p" android:keyLabel="OK" android:keyOutputText="@string/app_name" android:keyEdgeFlags="right" />
</Row>
- 二、布局文件引用KeyBoradView.
★ 实际上有很多属性可以用的，这只是简单实现下。
最好设置focusable和focusableInTouchMode焦点事件为true。
<android.inputmethodservice.KeyboardView
android:id="@+id/main_keyview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
/>
- 三、实例化KeyBoradView给其设置KeyBorad，以及
OnKeyboardActionListener事件监听。
★ 网上大部分事例都是新建了一个KeyBoradUtil工具类来管理键盘。但是，没人说必须那样…不过这次还是按那个套路来，啊哈哈毕竟基础笔记，搞那么麻烦干啥子咯是吧~
1、新建一个类，我取名叫KeyUtils然后在里面新建三个属性。KeyBoard用处可大了，他才是本体，可以通过设置他来切换键盘。
private Context mContext;//上下文对象
private KeyboardView mKeyboardView;//这个主角怎么能丢？
private Keyboard mKeyboard;//好吧，其实他也是主角
2、构造函数，初始下三个参数。
/** * 必须activity作为上下文对像 *
@param context
*/
public KeyUtils(Context context) {
mContext = context;
//初始化键盘布局，下面在放进 KeyBoardView里面去。
mKeyboard = new Keyboard(mContext,R.xml.number);
//配置keyBoardView
try{
mKeyboardView = (KeyboardView) ((Activity)context).findViewById(R.id.main_keyview);
mKeyboardView.setKeyboard(mKeyboard); //装甲激活~ 咳咳…
mKeyboardView.setPreviewEnabled(false); //这个是，效果图按住是出来的预览图。
//设置监听，不设置的话会报错。监听放下面了。
mKeyboardView.setOnKeyboardActionListener(mListener);
}catch (Exception e){
Log.e("sun","keyview初始化失败");
}
}
3、先说下预览图吧，就是效果图上的预览图，需要预览图的话的将setPreviewEnabled设置为true，不过还得在布局文件中的android.inputmethodservice.KeyboardView标签对立面设置预览布局。否则，不会有字。至于设置的布局，一个TextView就好了~
android:keyPreviewLayout="@layout/preview_keyboard"
4、握了个大草的，OnKeyboardActionListener监听贴一下吧~
★ 简单介绍下：
- onPress: 按下触发。
- onRelease：松开触发。
- onKey ： 松开触发，在OnRelease之前触发。
- swipeLeft : 左滑动，其他同理。哈哈~就这么懒。
- onText ：需要在 键盘xml，也就是我此时的
number.xml里面中key标签对里添加一个keyOutputText的属性，打印出来的就是它的值。
//监听
private KeyboardView.OnKeyboardActionListener mListener = new KeyboardView.OnKeyboardActionListener() {
@Override
public void onPress(int primaryCode) { Log.e("sun","onPress=======:"+primaryCode); }
@Override
public void onRelease(int primaryCode) { Log.e("sun","onRelease====:"+primaryCode); }
@Override
public void onKey(int primaryCode, int[] keyCodes) { Log.e("sun","onkey=====primaryCode:"+primaryCode+""); }
@Override
public void swipeLeft() { Log.e("sun","swipeLeft"); }
@Override
public void swipeRight() { Log.e("sun","swipeRight"); }
@Override
public void swipeDown() { Log.e("sun","swipeDown"); }
@Override
public void swipeUp() { Log.e("sun","swipeUp"); }
};
- 然后在activity中实例化一下就可以用了。
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
new KeyUtils(this);
}
最后 ：
这感觉特么的最最最浓缩了吧连样式什么鬼的都没加，哈哈虽然这是我偷懒的理由。
在这基础上再去看一些实例效果就简单多啦~~~
渣渣文，结束。
路人葵：希望能帮到有需要的小伙伴们嘿嘿
网友评论