前言
前段时间改造了公司的安全键盘,是基于Dialog
和Button
自定义的。也因此借机了解下 Android 平台提供的自定义键盘接口。主要有两个类:Keyboard
和KeyboardView
。很搞笑的是,百度出来自定义Android键盘(与自定义Android输入法不同)的文章千篇一律。
注:这里讲的自定义键盘同公司安全键盘是两种实现方式,不存在泄露公司内部技术的问题!!!
不去吐槽别人,楼主秉持只原创和翻译的作风,输出这第50篇博客。相关属性部分是对照官方文档和Demo实践翻译的,若有瑕疵,请见谅。楼主csdn主页请点击flueky专栏。
相关属性
Keyboard
序号 | 属性 | 类型 | 描述 |
---|---|---|---|
1 | keyHeight | dimension/fractional | Key高度,区分精确值(dp、px等)和相对值(%、%p) |
2 | keyWidth | dimension/fractional | Key宽度,同上 |
3 | horizontalGap | dimension/fractional | Key水平间隙,同上 |
4 | verticalGap | dimension/fractional | Key按键间隙(垂直),同上 |
Row
序号 | 属性 | 类型 | 描述 |
---|---|---|---|
1 | keyHeight | dimension/fractional | Key高度,区分精确值(dp、px等)和相对值(%、%p) |
2 | keyWidth | dimension/fractional | Key宽度,同上 |
3 | horizontalGap | dimension/fractional | Key水平间隙,同上 |
4 | verticalGap | dimension/fractional | Key按键间隙(垂直),同上 |
5 | keyboardMode | reference | 键盘类型,如果该行的类型不符合键盘的类型,将跳过该行。 |
6 | rowEdgeFlags | enum | 行边界标记,top/bottom,键盘顶(底)部锚点。 |
Key
序号 | 属性 | 类型 | 描述 |
---|---|---|---|
1 | keyHeight | dimension/fractional | Key高度,区分精确值(dp、px等)和相对值(%、%p) |
2 | keyWidth | dimension/fractional | Key宽度,同上 |
3 | horizontalGap | dimension/fractional | Key水平间隙,同上 |
4 | verticalGap | dimension/fractional | Key按键间隙(垂直),同上 |
5 | codes | int | Key输出符号对应的Unicode值,官方还说支持字转义字符串,不明白。 |
6 | iconPreview | reference | 弹出回显的icon |
7 | isModifier | boolean | 是否功能修饰键,如:Alt/Shift |
8 | isSticky | boolean | 是否是开关键 |
9 | isRepeatable | boolean | 是否允许重复。true表示长按时重复执行。 |
10 | keyEdgeFlags | enum | Key边缘位置标记,left/right,键盘左(右)边锚点。 |
11 | keyIcon | reference | 替换label显示在按键上的icon。 |
12 | keyLabel | reference | 显示在Key上的标签。 |
13 | keyOutputText | string | Key按下时输出的字符或字符串。 |
14 | popupCharacters | string | 小键盘显示的字符,用于显示Key候选项。 |
15 | popupKeyboard | reference | 按键候选小键盘的keyboard布局 |
KeyboardView
序号 | 属性 | 类型 | 描述 |
---|---|---|---|
1 | keyBackground | reference | 按键的图像背景,必须包含多个状态的drawable |
2 | verticalCorrection | dimension | 补充触摸y坐标的偏移,用于偏差矫正 |
3 | keyPreviewLayout | reference | 按键按下时预览框的布局 |
4 | keyPreviewOffset | dimension | 按键按下时预览框的偏移。>0 向下,<0 向上。 |
5 | keyPreviewHeight | dimension | 按键按下时预览框的高度。 |
6 | keyTextSize | dimension | 按键文字大小。 |
7 | keyTextColor | color | 按键文字颜色。 |
8 | labelTextSize | dimension | 标签文字大小,keylabel有多个字符且keycodes只有一个值时,该属性生效。 |
9 | popupLayout | reference | 按键候选小键盘的KeyboardView布局。 |
10 | shadowRadius | float | 按键文字阴影半径 |
11 | shadowColor | color | 按键文字阴影颜色 |
自定义键盘
布局
<android.inputmethodservice.KeyboardView
android:id="@+id/activity_main_keyboard"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#212121"
android:keyBackground="@drawable/key_bg"
android:keyTextColor="#dddddd"
android:keyTextSize="18sp"
android:labelTextSize="18sp"
android:paddingBottom="2dp"
android:paddingTop="2dp" />
复制代码
键盘容器视图,Demo中直接放在Activity布局。KeyboardView可以显示不同类型的Keyboard。请区分
background
和keyBackground
。keyBackground
内容如下:
xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:bottom="2dp"
android:left="2dp"
android:right="2dp"
android:top="2dp">
<selector>
<item android:state_pressed="true">
<shape>
<solid android:color="#565656" />
<corners android:radius="5dp" />
shape>
item>
<item>
<shape>
<solid android:color="#383838" />
<corners android:radius="5dp" />
shape>
item>
selector>
item>
layer-list>
复制代码
字母键盘布局
xml version="1.0" encoding="utf-8"?>
<Keyboard xmlns:android="http://schemas.android.com/apk/res/android"
android:keyHeight="50dp"
android:keyWidth="10%p">
<Row android:rowEdgeFlags="top">
<Key
android:keyEdgeFlags="left"
android:keyLabel="q" />
<Key android:keyLabel="w" />
<Key android:keyLabel="e" />
<Key android:keyLabel="r" />
<Key android:keyLabel="t" />
<Key android:keyLabel="y" />
<Key android:keyLabel="u" />
<Key android:keyLabel="i" />
<Key android:keyLabel="o" />
<Key
android:keyEdgeFlags="right"
android:keyLabel="p" />
Row>
<Row>
<Key
android:codes="97"
android:horizontalGap="5%p"
android:keyEdgeFlags="left"
android:keyLabel="a" />
<Key android:keyLabel="s" />
<Key android:keyLabel="d" />
<Key android:keyLabel="f" />
<Key android:keyLabel="g" />
<Key android:keyLabel="h" />
<Key android:keyLabel="j" />
<Key android:keyLabel="k" />
<Key
android:keyEdgeFlags="right"
android:keyLabel="l" />
Row>
<Row>
<Key
android:codes="-1"
android:isModifier="true"
android:isSticky="true"
android:keyEdgeFlags="left"
android:keyIcon="@drawable/key_caps_lock_icon"
android:keyWidth="15%p" />
<Key android:keyLabel="z" />
<Key android:keyLabel="x" />
<Key android:keyLabel="c" />
<Key android:keyLabel="v" />
<Key android:keyLabel="b" />
<Key android:keyLabel="n" />
<Key android:keyLabel="m" />
<Key
android:codes="-5"
android:isModifier="true"
android:isRepeatable="true"
android:keyEdgeFlags="right"
android:keyIcon="@drawable/key_delete_icon"
android:keyWidth="15%p" />
Row>
<Row android:rowEdgeFlags="bottom">
<Key
android:codes="-11"
android:keyEdgeFlags="left"
android:keyLabel="123"
android:keyWidth="15%p" />
<Key
android:codes="32"
android:isRepeatable="true"
android:keyLabel=" "
android:keyWidth="70%p" />
<Key
android:codes="-12"
android:keyEdgeFlags="right"
android:keyLabel="#+="
android:keyWidth="15%p" />
Row>
Keyboard>
复制代码
效果图如下:
数字键盘布局
xml version="1.0" encoding="utf-8"?>
<Keyboard xmlns:android="http://schemas.android.com/apk/res/android"
android:keyHeight="50dp"
android:keyWidth="33.3%p">
<Row>
<Key
android:codes="49"
android:keyLabel="1" />
<Key
android:codes="50"
android:keyLabel="2" />
<Key
android:codes="51"
android:keyLabel="3" />
Row>
<Row>
<Key
android:codes="52"
android:keyLabel="4" />
<Key
android:codes="53"
android:keyLabel="5" />
<Key
android:codes="54"
android:keyLabel="6" />
Row>
<Row>
<Key
android:codes="55"
android:keyLabel="7" />
<Key
android:codes="56"
android:keyLabel="8" />
<Key
android:codes="57"
android:keyLabel="9" />
Row>
<Row>
<Key
android:codes="-10"
android:keyLabel="ABC" />
<Key
android:codes="48"
android:keyLabel="0" />
<Key
android:codes="-12"
android:keyLabel="#+=" />
Row>
Keyboard>
复制代码
效果图如下:
- Key之间的间隙不建议使用
horizontalGap
和verticalGap
设置。有兴趣可以尝试下,设置后会出现什么效果。此处采用drawable
的padding
属性。 keyLabel
属性只有一个字符时,当做输入键,keyLabel
有多个字符时,如果codes
也有多个值,仍然当做输入键,keyTextSize
值有效;只有一个值时当做功能键。labelTextSize
值有效。codes
属性可以省略,默认使用keyLabel字符的Unicode值。功能键等其他自定义按键的 key code 建议设置为负数。codes
有多个值时,单击取第一个,双击取第二个,三连击取第三个。通常建议该属性值不要超过3个。多个值用逗号分隔。
逻辑
final Keyboard pinyin26KB = new Keyboard(this, R.xml.pinyin_26);// 字母键盘
final Keyboard numberKB = new Keyboard(this, R.xml.number); // 数字键盘
keyboardView.setKeyboard(pinyin26KB); // 设置默认显示字符键盘
keyboardView.setOnKeyboardActionListener(new KeyboardView.OnKeyboardActionListener() {
// 按下 key 时执行
@Override
public void onPress(int primaryCode) {
Log.d(TAG, "onPress: "+primaryCode);
}
// 释放 key 时执行
@Override
public void onRelease(int primaryCode) {
Log.d(TAG, "onRelease: "+primaryCode);
}
// 点击 key 时执行
@Override
public void onKey(int primaryCode, int[] keyCodes) {
Editable editable = edtInput.getText();
int start = edtInput.getSelectionStart();
switch (primaryCode) {
case Keyboard.KEYCODE_SHIFT:// 设置shift状态然后刷新页面
pinyin26KB.setShifted(!pinyin26KB.isShifted());
keyboardView.invalidateAllKeys();
break;
case Keyboard.KEYCODE_DELETE:// 点击删除键,长按连续删除
if (editable != null && editable.length() > 0 && start > 0) {
editable.delete(start - 1, start);
}
break;
case -10:// 自定义code,切换到拼音键盘
keyboardView.setKeyboard(pinyin26KB);
break;
case -11:// 自定义code,切换到字母键盘
keyboardView.setKeyboard(numberKB);
break;
case -12:// 自定义code
// 切换到符号键盘,待实现
break;
default:// 数值code
if (primaryCode >= 97 && primaryCode <= 97 + 26) {// 按下字母键
editable.insert(start, pinyin26KB.isShifted() ? Character.toString((char) (primaryCode - 32)) : Character.toString((char) (primaryCode)));
} else {// 其他code值,转字符在输入框中显示
editable.insert(start, Character.toString((char) (primaryCode)));
}
break;
}
}
// 设置了 keyOutputText 属性后执行。
@Override
public void onText(CharSequence text) {
Log.d(TAG, "onText: "+text);
}
});
复制代码
已经定义的功能键code值,如下:
public static final int KEYCODE_SHIFT = -1;
public static final int KEYCODE_MODE_CHANGE = -2;
public static final int KEYCODE_CANCEL = -3;
public static final int KEYCODE_DONE = -4;
public static final int KEYCODE_DELETE = -5;
public static final int KEYCODE_ALT = -6;
复制代码
Shift
键需要设置isSticky
和isModifier
值为true
,codes
值为-1。Delete
键需要设置isRepeatable
和isModifier
值为true
,codes
值为-5。- 切换键盘的功能键需要自定义上述中未用到的code值,在
onKey
方法中做好对应的处理。
回显
keyboardView.setPreviewEnabled(true);
复制代码
打开回显,默认是true。
android:keyPreviewLayout="@layout/preview"
android:keyPreviewHeight="50dp"
android:keyPreviewOffset="-20dp"
复制代码
在键盘容器中声明以上属性。
备选小键盘
pupop_layout.xml 备选小键盘容器:
xml version="1.0" encoding="utf-8"?>
<android.inputmethodservice.KeyboardView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/keyboardView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#212121"
android:keyBackground="@drawable/popup_bg"
android:keyPreviewHeight="60dp"
android:keyPreviewLayout="@layout/preview"
android:keyPreviewOffset="-10dp"
android:keyTextColor="#dddddd"
android:keyTextSize="18sp"
android:labelTextSize="18sp" />
复制代码
pupop.xml 备选小键盘视图:
xml version="1.0" encoding="utf-8"?>
<Keyboard xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/popup_bg"
android:keyHeight="50dp">
<Row>
<Key android:codes="97" />
<Key android:codes="98" />
<Key android:codes="99" />
Row>
Keyboard>
复制代码
给w
键添加备选功能:
<Key
android:keyLabel="w"
android:popupCharacters="123"
android:popupKeyboard="@layout/pupop" />
复制代码
在键盘容器中,指定备选小键盘布局:
android:popupLayout="@layout/pupop_layout"
复制代码
如果只声明了
popupCharacters
,没有声明popupLayout
和popupKeyboard
,将会使用默认布局。只声明popupLayout
没声明popupKeyboard
,popupLayout
无效。