[android]自定义软键盘KeyBoardView的基本实现

2017-01-14 10:05:45来源:http://www.jianshu.com/p/5964c09a8579作者:路人葵人点击

第七城市

前言


★本文简述:


简单通过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.

★ 实际上有很多属性可以用的,这只是简单实现下。
最好设置focusablefocusableInTouchMode焦点事件为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);
}


最后 :


这感觉特么的最最最浓缩了吧~连样式什么鬼的都没加,哈哈~虽然这是我偷懒的理由。
在这基础上再去看一些实例效果就简单多啦~~~
渣渣文,结束。



路人葵:希望能帮到有需要的小伙伴们~嘿嘿~





第七城市

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台