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

前言

★本文简述:

  1. 简单通过KeyBoardView实现自定义键盘功能。
  2. 真的只是给和我一样的渣渣简单介绍,所以了解过的可以慢走不送了~
  3. 太简单了,别打我…我知道你已经想打我了哈哈

★目的:


也就是我为什么脑抽写这篇文章。
因为我似乎太蠢了,网上这类资料好少基本都是一个实例。
看着有点摸不清头脑~
学东西不都崇尚又简至深,所以我来做个简单的笔记~

话说,你是不是只认可我蠢?别往我手上看…没刀。


正文

*我知道没有效果图要被抡:

简单的键盘.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监听贴一下吧~


★ 简单介绍下:

  1. onPress: 按下触发。
  2. onRelease:松开触发。
  3. onKey : 松开触发,在OnRelease之前触发。
  4. swipeLeft : 左滑动,其他同理。哈哈~就这么懒。
  5. 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);
}

最后 :

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,457评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,837评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,696评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,183评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,057评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,105评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,520评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,211评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,482评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,574评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,353评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,897评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,489评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,683评论 2 335

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,053评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,945评论 4 60
  • 偶然的瞬间,你收到一个多年来未联系的小学同学的来电,被告知对方要结婚了。是的,你没听错,也不要惊讶,她要结婚了。你...
    谁还记得那年初夏阅读 314评论 0 2
  • 最能揭示潜力的两项特质。 根据几年前流传的一则故事,Google曾将它的Lvl.99数据处理技术应用于面试和业务评...
    bd3250545d54阅读 421评论 0 1
  • 在藏族人家,一进门就能看到各种壁画。其中,就少不了吉祥四瑞的图案。民间常以此祥瑞图表达藏族人对生活团结和睦...
    小猴子不会爬树阅读 7,693评论 0 8