inputmethodextentionability.md 15.3 KB
Newer Older
L
Ling 已提交
1
# InputMethodExtensionAbility
2

C
mod  
cy7717 已提交
3
## 使用场景
C
mod  
cy7717 已提交
4
[InputMethodExtensionAbility](../reference/apis/js-apis-inputmethod-extension-ability.md)基于[ExtensionAbility](extensionability-overview.md)框架,用于开发输入法应用。
5

C
mod  
cy7717 已提交
6
[InputMethodExtensionAbility](../reference/apis/js-apis-inputmethod-extension-ability.md)实例及其所在的ExtensionAbility进程的整个生命周期,都是由输入法框架进行调度管理。输入法框架提供了[InputMethodExtensionAbility](../reference/apis/js-apis-inputmethod-extension-ability.md)基类,开发者需要派生此基类,以实现输入法应用生命周期开始和销毁时的相关初始化操作和资源清理工作等。
C
mod  
cy7717 已提交
7 8

[InputMethodExtensionAbility](../reference/apis/js-apis-inputmethod-extension-ability.md)通过[InputMethodExtensionContext](../reference/apis/js-apis-inputmethod-extension-context.md)提供相关能力。
9 10 11 12 13 14 15 16 17 18


## 实现一个输入法应用

[InputMethodExtensionAbility](../reference/apis/js-apis-inputmethod-extension-ability.md)提供了onCreate()和onDestory()生命周期回调,根据需要重写对应的回调方法。InputMethodExtensionAbility的生命周期如下:

- **onCreate**
  服务被首次创建时触发该回调,开发者可以在此进行一些初始化的操作,例如注册公共事件监听等。

  > **说明:**
19
  >
20 21 22
  > 如果服务已创建,再次启动该InputMethodExtensionAbility不会触发onCreate()回调。

- **onDestroy**
H
Hollokin 已提交
23
  当不再使用服务且准备将该实例销毁时,触发该回调。开发者可以在该回调中清理资源,如注销监听等。
24 25 26 27 28 29


## 开发步骤

开发者在实现一个输入法应用时,需要在DevEco Studio工程中新建一个InputMethodExtensionAbility,具体步骤如下:

H
update  
Hollokin 已提交
30
在工程Module对应的ets目录下,右键选择“New > Extention Ability > InputMethod”,即可创建出InputMethodExtensionAbility的最小化模板。
31

32
> **说明:**
33
> 在编译输入法应用时,要使用system_basic级别的签名,否则无法拉起输入法键盘。
34 35
> [签名指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ohos-auto-configuring-signature-information-0000001271659465)

H
update  
Hollokin 已提交
36
最小化模板为一个最基本的输入法应用,包含软键盘拉起以及输入删除功能。后续开发者可在此基础上添加功能,如隐藏键盘等,实现自己的输入法应用。
37 38 39 40 41

最小化模板主要包含四个文件,分别为KeyboardController.ts、InputMethodService.ts、Index.ets以及KeyboardKeyData.ts。目录如下:

```
/src/main/
H
Hollokin 已提交
42
├── ets/inputmethodextability
43 44 45
│   └──model/KeyboardController.ts			# 显示键盘
│   └──InputMethodService.ts				# 自定义类继承InputMethodExtensionAbility并加上需要的生命周期回调
│   └──pages
H
Hollokin 已提交
46 47
│      └── Index.ets						# 绘制键盘,添加输入删除功能
│      └── KeyboardKeyData.ts			    # 键盘属性定义
48 49 50 51 52 53 54 55 56 57
├── resources/base/profile/main_pages.json   
```

## 文件介绍

1. InputMethodService.ts文件。

   在InputMethodService.ts文件中,增加导入InputMethodExtensionAbility的依赖包,自定义类继承InputMethodExtensionAbility并加上需要的生命周期回调。

   ```ts
L
liuliu 已提交
58
   import Want from '@ohos.app.ability.Want';
59
   import InputMethodExtensionAbility from '@ohos.InputMethodExtensionAbility';
60
   import keyboardController from './model/KeyboardController'
61 62 63
   
   export default class InputDemoService extends InputMethodExtensionAbility {
   
64 65
     onCreate(want: Want): void {
       keyboardController.onCreate(this.context); // 初始化窗口并注册对输入法框架的事件监听
66 67
     }
   
68
     onDestroy(): void {
69
       console.log("onDestroy.");
70
       keyboardController.onDestroy(); // 销毁窗口并去注册事件监听
71 72 73 74 75 76 77
     }
   }
   ```

2. KeyboardController.ts文件。

   ```ts
78
   import common from '@ohos.app.ability.common';
H
Hollokin 已提交
79
   import display from '@ohos.display';
80
   import inputMethodEngine from '@ohos.inputMethodEngine';
81
   import InputMethodExtensionContext from '@ohos.InputMethodExtensionContext';
82 83
   
   // 调用输入法框架的getInputMethodAbility方法获取实例,并由此实例调用输入法框架功能接口
84
   const inputMethodAbility: inputMethodEngine.InputMethodAbility = inputMethodEngine.getInputMethodAbility();
85 86
   
   export class KeyboardController {
87 88 89 90
     private mContext: InputMethodExtensionContext | undefined = undefined; // 保存InputMethodExtensionAbility中的context属性
     private panel: inputMethodEngine.Panel | undefined = undefined; 
     private textInputClient: inputMethodEngine.InputClient | undefined = undefined; 
     private keyboardController: inputMethodEngine.KeyboardController | undefined = undefined;
91
   
92
     constructor() {
93 94
     }
   
95
     public onCreate(context: InputMethodExtensionContext): void
96
     {
97
       this.mContext = context;
98 99
       this.initWindow(); // 初始化窗口
       this.registerListener(); // 注册对输入法框架的事件监听
100 101
     }
   
102
     public onDestroy(): void // 应用生命周期销毁
103
     {
104
       this.unRegisterListener(); // 去注册事件监听
105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123
       if(this.panel) { // 销毁窗口
         this.panel.hide();
         inputMethodAbility.destroyPanel(this.panel);
       }
       if(this.mContext) {
         this.mContext.destroy();
       }
     }
   
     public insertText(text: string): void {
       if(this.textInputClient) {
         this.textInputClient.insertText(text);
       }
     }
   
     public deleteForward(length: number): void {
       if(this.textInputClient) {
         this.textInputClient.deleteForward(length);
       }
124 125
     }
   
126
     private initWindow(): void // 初始化窗口
127
     {
128 129 130
       if(this.mContext === undefined) {
         return;
       }
H
Hollokin 已提交
131 132 133 134 135
       let dis = display.getDefaultDisplaySync();
       let dWidth = dis.width;
       let dHeight = dis.height;
       let keyHeightRate = 0.47;
       let keyHeight = dHeight * keyHeightRate;
136 137 138 139 140 141 142 143 144
       let nonBarPosition = dHeight - keyHeight;
       let panelInfo: inputMethodEngine.PanelInfo = {
         type: inputMethodEngine.PanelType.SOFT_KEYBOARD,
         flag: inputMethodEngine.PanelFlag.FLG_FLOATING
       };
       inputMethodAbility.createPanel(this.mContext, panelInfo).then(async (inputPanel: inputMethodEngine.Panel) => {
         this.panel = inputPanel;
         if(this.panel) {
           await this.panel.resize(dWidth, keyHeight);
L
liuliu 已提交
145
           await this.panel.moveTo(0, nonBarPosition);
146 147
           await this.panel.setUiContent('inputmethodextability/pages/Index');
         }
148 149 150 151 152
       });
     }
   
     private registerListener(): void
     {
153
       this.registerInputListener(); // 注册对输入法框架服务的监听
154 155 156 157
       ...
       // 注册隐藏键盘事件监听等
     }
   
158
     private registerInputListener(): void { // 注册对输入法框架服务的开启及停止事件监听
159
       inputMethodAbility.on('inputStart', (kbController, textInputClient) => {
160 161
         this.textInputClient = textInputClient; // 此为输入法客户端实例,由此调用输入法框架提供给输入法应用的功能接口
         this.keyboardController = kbController;
162
       })
L
update  
liuliu 已提交
163
       inputMethodAbility.on('inputStop', () => {
164
         this.onDestroy(); // 销毁KeyboardController
165 166 167 168 169
       });
     }
   
     private unRegisterListener(): void
     {
170 171
       inputMethodAbility.off('inputStart');
       inputMethodAbility.off('inputStop', () => {});
172 173
     }
   }
174 175 176 177
   
   const keyboardController = new KeyboardController();
   
   export default keyboardController;
178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226
   ```

3. KeyboardKeyData.ts文件。

   定义软键盘的按键显示内容。

   ```ts
   export interface sourceListType {
     content: string,
   }
   
   export let numberSourceListData: sourceListType[] = [
     {
       content: '1'
     },
     {
       content: '2'
     },
     {
       content: '3'
     },
     {
       content: '4'
     },
     {
       content: '5'
     },
     {
       content: '6'
     },
     {
       content: '7'
     },
     {
       content: '8'
     },
     {
       content: '9'
     },
     {
       content: '0'
     }
   ]
   ```

4. Index.ets文件。

   主要描绘了具体按键功能。如按下数字键,就会将数字内容在输入框中打印出来,按下删除键,就会将内容删除。

H
update  
Hollokin 已提交
227
   同时在resources/base/profile/main_pages.json文件的src字段中添加此文件路径。
228

C
mod  
cy7717 已提交
229
   ```ets
230 231
   import { numberSourceListData, sourceListType } from './keyboardKeyData';
   import keyboardController from '../model/KeyboardController';
232 233 234
   
   @Component
   struct keyItem {
235
     private keyValue: sourceListType = numberSourceListData[0];
236 237 238 239 240 241 242 243 244 245 246 247 248 249
     @State keyBgc: string = "#fff"
     @State keyFontColor: string = "#000"
   
     build() {
       Column() {
         Flex({ direction: FlexDirection.Column,
           alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
           Text(this.keyValue.content).fontSize(20).fontColor(this.keyFontColor)
         }
       }
       .backgroundColor(this.keyBgc)
       .borderRadius(6)
       .width("8%")
       .height("65%")
250 251
       .onClick(() => {
         keyboardController.insertText(this.keyValue.content);
252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271
       })
     }
   }
   
   // 删除组件
   @Component
   export struct deleteItem {
     @State keyBgc: string = "#fff"
     @State keyFontColor: string = "#000"
   
     build() {
       Column() {
         Flex({ direction: FlexDirection.Column,
           alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
           Text("删除").fontSize(20).fontColor(this.keyFontColor)
         }
       }
       .backgroundColor(this.keyBgc)
       .width("13%")
       .borderRadius(6)
272 273
       .onClick(() => {
         keyboardController.deleteForward(1);
274 275 276 277 278 279 280
       })
     }
   }
   
   // 数字键盘
   @Component
   struct numberMenu {
L
update  
liuliu 已提交
281
     private numberList: sourceListType[] = numberSourceListData;
282 283 284 285
   
     build() {
       Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.SpaceEvenly }) {
         Flex({ justifyContent: FlexAlign.SpaceBetween }) {
286
           ForEach(this.numberList, (item: sourceListType) => { // 数字键盘第一行
287
             keyItem({ keyValue: item })
288
           }, (item: sourceListType) => item.content);
289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334
         }
         .padding({ top: "2%" })
         .width("96%")
         .height("25%")
   
         Flex({ justifyContent: FlexAlign.SpaceBetween }) {
           deleteItem()
         }
         .width("96%")
         .height("25%")
       }
     }
   }
   
   @Entry
   @Component
   struct Index {
     private numberList: sourceListType[] = numberSourceListData
   
     build() {
       Stack() {
         Flex({
           direction: FlexDirection.Column,
           alignItems: ItemAlign.Center,
           justifyContent: FlexAlign.End
         }) {
               Flex({
                 direction: FlexDirection.Column,
                 alignItems: ItemAlign.Center,
                 justifyContent: FlexAlign.SpaceBetween
               }) {
                 numberMenu({
                   numberList: this.numberList
                 })
               }
               .align(Alignment.End)
               .width("100%")
               .height("75%")
             }
         .height("100%").align(Alignment.End).backgroundColor("#cdd0d7")
       }
       .position({ x: 0, y: 0 }).zIndex(99999)
     }
   }
   ```

335
5. 在工程Module对应的[module.json5配置文件](../quick-start/module-configuration-file.md)中注册InputMethodExtensionAbility,type标签需要设置为“inputMethod”,srcEntry标签表示当前InputMethodExtensionAbility组件所对应的代码路径。
336

L
liuliu 已提交
337
   ```json
338 339
   {
     "module": {
340
       ...
341 342
       "extensionAbilities": [
         {
H
Hollokin 已提交
343
           "description": "inputMethod",
344
           "icon": "$media:icon",
H
Hollokin 已提交
345
           "name": "InputMethodExtAbility",
346
           "srcEntry": "./ets/inputmethodextability/InputMethodService.ts",
347
           "type": "inputMethod",
348
           "exported": true,
349 350 351 352 353 354 355 356
         }
       ]
     }
   }
   ```



357 358
## 限制

359 360
为了降低InputMethodExtensionAbility能力被三方应用滥用的风险,在InputMethodExtensionAbility中限制调用以下模块中的接口。

Z
zhaolinglan 已提交
361
> **说明:**
Z
zhaolinglan 已提交
362
>
Z
zhaolinglan 已提交
363
> - 若导入被限制的模块,在编译时不报错,在运行时会返回错误的值,即undefined,导致不生效。
Z
zhaolinglan 已提交
364
> - 当前未禁止对音频管理模块[@ohos.multimedia.audio (音频管理)](../reference/apis/js-apis-audio.md)的访问,但要求开发者应遵循以下约定:
Z
zhaolinglan 已提交
365 366 367
>   - 不得因用户未授予录音权限而禁止用户使用输入法应用的非语音输入法功能;
>   - 仅允许InputMethodExtensionAbility处于前台时开展与录音相关的业务。如仅允许软键盘在前台且用户主动操作语音输入法时,才进行录音;应用切换到后台时,应主动停止录音;
>   - 系统会逐步增加对违反以上约定的行为进行管控和识别,因此未遵守此约定可能会造成业务功能异常。
Z
zhaolinglan 已提交
368 369

**禁用列表:**
370

Z
zhaolinglan 已提交
371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398
- [@ohos.ability.featureAbility (FeatureAbility模块)](../reference/apis/js-apis-ability-featureAbility.md)
- [@ohos.ability.particleAbility (ParticleAbility模块)](../reference/apis/js-apis-ability-particleAbility.md)
- [@ohos.account.distributedAccount (分布式帐号管理)](../reference/apis/js-apis-distributed-account.md)
- [@ohos.backgroundTaskManager (后台任务管理)](../reference/apis/js-apis-backgroundTaskManager.md)
- [@ohos.bluetooth (蓝牙)](../reference/apis/js-apis-bluetooth.md)
- [@ohos.bluetoothManager (蓝牙)](../reference/apis/js-apis-bluetoothManager.md)
- [@ohos.connectedTag (有源标签)](../reference/apis/js-apis-connectedTag.md)
- [@ohos.geolocation (位置服务)](../reference/apis/js-apis-geolocation.md)
- [@ohos.geoLocationManager (位置服务)](../reference/apis/js-apis-geoLocationManager.md)
- [@ohos.nfc.cardEmulation (标准NFC-cardEmulation)](../reference/apis/js-apis-cardEmulation.md)
- [@ohos.nfc.controller (标准NFC)](../reference/apis/js-apis-nfcController.md)
- [@ohos.nfc.tag (标准NFC-Tag)](../reference/apis/js-apis-nfcTag.md)
- [@ohos.reminderAgent (后台代理提醒)](../reference/apis/js-apis-reminderAgent.md)
- [@ohos.reminderAgentManager (后台代理提醒)](../reference/apis/js-apis-reminderAgentManager.md)
- [@ohos.sensor (传感器)](../reference/apis/js-apis-sensor.md)
- [@ohos.telephony.call (拨打电话)](../reference/apis/js-apis-call.md)
- [@ohos.telephony.data (蜂窝数据)](../reference/apis/js-apis-telephony-data.md)
- [@ohos.telephony.observer (observer)](../reference/apis/js-apis-observer.md)
- [@ohos.telephony.radio (网络搜索)](../reference/apis/js-apis-radio.md)
- [@ohos.telephony.sim (SIM卡管理)](../reference/apis/js-apis-sim.md)
- [@ohos.telephony.sms (短信服务)](../reference/apis/js-apis-sms.md)
- [@ohos.wallpaper (壁纸)](../reference/apis/js-apis-wallpaper.md)
- [@ohos.wifiext (WLAN扩展接口)](../reference/apis/js-apis-wifiext.md)
- [@ohos.wifiManager (WLAN)](../reference/apis/js-apis-wifiManager.md)
- [@ohos.wifiManagerExt (WLAN扩展接口)](../reference/apis/js-apis-wifiManagerExt.md)
- [@system.geolocation (地理位置)](../reference/apis/js-apis-system-location.md)
- [nfctech (标准NFC-Tag Nfc 技术)](../reference/apis/js-apis-nfctech.md)
- [tagSession (标准NFC-Tag TagSession)](../reference/apis/js-apis-tagSession.md)
399 400


401

L
Ling 已提交
402
## 相关实例
403

L
Ling 已提交
404
针对InputMethodExtensionAbility开发,有以下相关实例可供参考:
405

406
- [Kika输入法](https://gitee.com/openharmony/applications_app_samples/tree/master/code/Solutions/InputMethod/KikaInput)