点击登录

Vela圆表小程序 船帆输入法 2

极客之爱

极客之爱

Lv.5
社区会员
米坛社区五周年纪念勋章
完全重构的船新版本！
利用自定义组件，方便大家在自己的APP中植入输入法

Github: https://github.com/DengAiden/Vela-IME

改进：
布局优化，大量使用列表组件，输入更加灵活
整个输入法仅占用50KB
代码重构，去除大量冗余代码
程序架构重新设计，去除大量无用CSS样式，后期维护更加方便
[BGCOLOR=initial]使用单页面编写，自定义组件形式，引入更加方便[/BGCOLOR]
[BGCOLOR=initial]部分代码使用开源代码：[/BGCOLOR]https://github.com/sxei/pinyinjs
移除storage接口，解决文本被保存到下次启动的问题
修复光标在部分页面不显示，或不闪烁的问题
添加震动反馈，输入更加自信

输入法仍在完善，欢迎发表意见！

使用方法：
①首先在src的common文件夹下放入VelaIME

②在所引用项目的package.json中scripts内start和build后面添加
--enable-custom-component true
JavaScript: 
"scripts": {
    "start": "aiot server --watch --open-nuttx --enable-custom-component true",
    "build": "aiot build --enable-custom-component true",
    "release": "aiot release",
    "watch": "aiot watch --open-nuttx",
    "lint": "eslint --format codeframe --fix --ext .ux,.js src/"
  },

③在需要使用输入法的页面添加
HTML: 
<import name="ime" src="../../common/VelaIME/VelaIME.ux"></import>
④在页面中 可显示的全屏根div 下尾部位置添加
HTML: 
<div class="ime" style="display: {{showStatus}};">
    <ime hide="{{hide}}" @press="press"></ime>
</div>

⑤script下export default内的页面数据模型内添加以下变量
JavaScript: 
inputbox: "",    //此为输入法返回的文本，按需处理此变量
showStatus: "flex",
hide: false

⑥接着添加以下方法
JavaScript: 
changeState() {
    this.showStatus = "flex"
    this.hide = !this.hide
  },
  press(e) {
    if (e.detail.status == 1) {
      this.hide = !this.hide
      this.showStatus = "none"
      this.inputbox = e.detail.textbox
    }
  }

⑦为需要唤起输入法的文本框添加事件
HTML: 
@click="changeState"

至此便可正常使用船帆输入法，附件中提供了测试案例，组件请前往Github下载
[BGCOLOR=initial]Vela开发技术交流群：748249608[/BGCOLOR]
 

附件

  • Vela_4-2024-08-09-15-58-35.png
    Vela_4-2024-08-09-15-58-35.png
    61.8 KB 下载
  • Vela_4-2024-08-09-15-59-07.png
    Vela_4-2024-08-09-15-59-07.png
    77.6 KB 下载
  • Vela_4-2024-08-09-15-59-24.png
    Vela_4-2024-08-09-15-59-24.png
    67.9 KB 下载
  • 输入法测试.zip
    283 KB 下载
最后编辑:
好耶，能不能做9的
 
极客之爱 说:
完全重构的船新版本！
利用自定义组件，方便大家在自己的APP中植入输入法

Github: https://github.com/DengAiden/Vela-IME

改进：
布局优化，大量使用列表组件，输入更加灵活
整个输入法仅占用50KB
代码重构，去除大量冗余代码
程序架构重新设计，去除大量无用CSS样式，后期维护更加方便
[BGCOLOR=initial]使用单页面编写，自定义组件形式，引入更加方便[/BGCOLOR]
[BGCOLOR=initial]部分代码使用开源代码：[/BGCOLOR]https://github.com/sxei/pinyinjs
移除storage接口，解决文本被保存到下次启动的问题
修复光标在部分页面不显示，或不闪烁的问题
添加震动反馈，输入更加自信

输入法仍在完善，欢迎发表意见！

使用方法：
①首先在src的common文件夹下放入VelaIME

②在所引用项目的package.json中scripts内start和build后面添加
--enable-custom-component true
JavaScript: 
"scripts": {
    "start": "aiot server --watch --open-nuttx --enable-custom-component true",
    "build": "aiot build --enable-custom-component true",
    "release": "aiot release",
    "watch": "aiot watch --open-nuttx",
    "lint": "eslint --format codeframe --fix --ext .ux,.js src/"
  },

③在需要使用输入法的页面添加
HTML: 
<import name="ime" src="../../common/VelaIME/VelaIME.ux"></import>
④在页面中 可显示的全屏根div 下尾部位置添加
HTML: 
<div class="ime" style="display: {{showStatus}};">
    <ime hide="{{hide}}" @press="press"></ime>
</div>

⑤script下export default内的页面数据模型内添加以下变量
JavaScript: 
inputbox: "",    //此为输入法返回的文本，按需处理此变量
showStatus: "flex",
hide: false

⑥接着添加以下方法
JavaScript: 
changeState() {
    this.showStatus = "flex"
    this.hide = !this.hide
  },
  press(e) {
    if (e.detail.status == 1) {
      this.hide = !this.hide
      this.showStatus = "none"
      this.inputbox = e.detail.textbox
    }
  }

⑦为需要唤起输入法的文本框添加事件
HTML: 
@click="changeState"

至此便可正常使用船帆输入法，附件中提供了测试案例，组件请前往Github下载
[BGCOLOR=initial]Vela开发技术交流群：748249608[/BGCOLOR]
点击展开...
饿
 
极客之爱 说:
完全重构的船新版本！
利用自定义组件，方便大家在自己的APP中植入输入法

Github: https://github.com/DengAiden/Vela-IME

改进：
布局优化，大量使用列表组件，输入更加灵活
整个输入法仅占用50KB
代码重构，去除大量冗余代码
程序架构重新设计，去除大量无用CSS样式，后期维护更加方便
[BGCOLOR=initial]使用单页面编写，自定义组件形式，引入更加方便[/BGCOLOR]
[BGCOLOR=initial]部分代码使用开源代码：[/BGCOLOR]https://github.com/sxei/pinyinjs
移除storage接口，解决文本被保存到下次启动的问题
修复光标在部分页面不显示，或不闪烁的问题
添加震动反馈，输入更加自信

输入法仍在完善，欢迎发表意见！

使用方法：
①首先在src的common文件夹下放入VelaIME

②在所引用项目的package.json中scripts内start和build后面添加
--enable-custom-component true
JavaScript: 
"scripts": {
    "start": "aiot server --watch --open-nuttx --enable-custom-component true",
    "build": "aiot build --enable-custom-component true",
    "release": "aiot release",
    "watch": "aiot watch --open-nuttx",
    "lint": "eslint --format codeframe --fix --ext .ux,.js src/"
  },

③在需要使用输入法的页面添加
HTML: 
<import name="ime" src="../../common/VelaIME/VelaIME.ux"></import>
④在页面中 可显示的全屏根div 下尾部位置添加
HTML: 
<div class="ime" style="display: {{showStatus}};">
    <ime hide="{{hide}}" @press="press"></ime>
</div>

⑤script下export default内的页面数据模型内添加以下变量
JavaScript: 
inputbox: "",    //此为输入法返回的文本，按需处理此变量
showStatus: "flex",
hide: false

⑥接着添加以下方法
JavaScript: 
changeState() {
    this.showStatus = "flex"
    this.hide = !this.hide
  },
  press(e) {
    if (e.detail.status == 1) {
      this.hide = !this.hide
      this.showStatus = "none"
      this.inputbox = e.detail.textbox
    }
  }

⑦为需要唤起输入法的文本框添加事件
HTML: 
@click="changeState"

至此便可正常使用船帆输入法，附件中提供了测试案例，组件请前往Github下载
[BGCOLOR=initial]Vela开发技术交流群：748249608[/BGCOLOR]
点击展开...
 
极客之爱 说:
完全重构的船新版本！
利用自定义组件，方便大家在自己的APP中植入输入法

Github: https://github.com/DengAiden/Vela-IME

改进：
布局优化，大量使用列表组件，输入更加灵活
整个输入法仅占用50KB
代码重构，去除大量冗余代码
程序架构重新设计，去除大量无用CSS样式，后期维护更加方便
[BGCOLOR=initial]使用单页面编写，自定义组件形式，引入更加方便[/BGCOLOR]
[BGCOLOR=initial]部分代码使用开源代码：[/BGCOLOR]https://github.com/sxei/pinyinjs
移除storage接口，解决文本被保存到下次启动的问题
修复光标在部分页面不显示，或不闪烁的问题
添加震动反馈，输入更加自信

输入法仍在完善，欢迎发表意见！

使用方法：
①首先在src的common文件夹下放入VelaIME

②在所引用项目的package.json中scripts内start和build后面添加
--enable-custom-component true
JavaScript: 
"scripts": {
    "start": "aiot server --watch --open-nuttx --enable-custom-component true",
    "build": "aiot build --enable-custom-component true",
    "release": "aiot release",
    "watch": "aiot watch --open-nuttx",
    "lint": "eslint --format codeframe --fix --ext .ux,.js src/"
  },

③在需要使用输入法的页面添加
HTML: 
<import name="ime" src="../../common/VelaIME/VelaIME.ux"></import>
④在页面中 可显示的全屏根div 下尾部位置添加
HTML: 
<div class="ime" style="display: {{showStatus}};">
    <ime hide="{{hide}}" @press="press"></ime>
</div>

⑤script下export default内的页面数据模型内添加以下变量
JavaScript: 
inputbox: "",    //此为输入法返回的文本，按需处理此变量
showStatus: "flex",
hide: false

⑥接着添加以下方法
JavaScript: 
changeState() {
    this.showStatus = "flex"
    this.hide = !this.hide
  },
  press(e) {
    if (e.detail.status == 1) {
      this.hide = !this.hide
      this.showStatus = "none"
      this.inputbox = e.detail.textbox
    }
  }

⑦为需要唤起输入法的文本框添加事件
HTML: 
@click="changeState"

至此便可正常使用船帆输入法，附件中提供了测试案例，组件请前往Github下载
[BGCOLOR=initial]Vela开发技术交流群：748249608[/BGCOLOR]
点击展开...
请问下载这个输入法可以在短信里面使用吗？能否发短信？
 
极客之爱 说:
完全重构的船新版本！
利用自定义组件，方便大家在自己的APP中植入输入法

Github: https://github.com/DengAiden/Vela-IME

改进：
布局优化，大量使用列表组件，输入更加灵活
整个输入法仅占用50KB
代码重构，去除大量冗余代码
程序架构重新设计，去除大量无用CSS样式，后期维护更加方便
[BGCOLOR=initial]使用单页面编写，自定义组件形式，引入更加方便[/BGCOLOR]
[BGCOLOR=initial]部分代码使用开源代码：[/BGCOLOR]https://github.com/sxei/pinyinjs
移除storage接口，解决文本被保存到下次启动的问题
修复光标在部分页面不显示，或不闪烁的问题
添加震动反馈，输入更加自信

输入法仍在完善，欢迎发表意见！

使用方法：
①首先在src的common文件夹下放入VelaIME

②在所引用项目的package.json中scripts内start和build后面添加
--enable-custom-component true
JavaScript: 
"scripts": {
    "start": "aiot server --watch --open-nuttx --enable-custom-component true",
    "build": "aiot build --enable-custom-component true",
    "release": "aiot release",
    "watch": "aiot watch --open-nuttx",
    "lint": "eslint --format codeframe --fix --ext .ux,.js src/"
  },

③在需要使用输入法的页面添加
HTML: 
<import name="ime" src="../../common/VelaIME/VelaIME.ux"></import>
④在页面中 可显示的全屏根div 下尾部位置添加
HTML: 
<div class="ime" style="display: {{showStatus}};">
    <ime hide="{{hide}}" @press="press"></ime>
</div>

⑤script下export default内的页面数据模型内添加以下变量
JavaScript: 
inputbox: "",    //此为输入法返回的文本，按需处理此变量
showStatus: "flex",
hide: false

⑥接着添加以下方法
JavaScript: 
changeState() {
    this.showStatus = "flex"
    this.hide = !this.hide
  },
  press(e) {
    if (e.detail.status == 1) {
      this.hide = !this.hide
      this.showStatus = "none"
      this.inputbox = e.detail.textbox
    }
  }

⑦为需要唤起输入法的文本框添加事件
HTML: 
@click="changeState"

至此便可正常使用船帆输入法，附件中提供了测试案例，组件请前往Github下载
[BGCOLOR=initial]Vela开发技术交流群：748249608[/BGCOLOR]
点击展开...
666
 
极客之爱 说:
完全重构的船新版本！
利用自定义组件，方便大家在自己的APP中植入输入法

Github: https://github.com/DengAiden/Vela-IME

改进：
布局优化，大量使用列表组件，输入更加灵活
整个输入法仅占用50KB
代码重构，去除大量冗余代码
程序架构重新设计，去除大量无用CSS样式，后期维护更加方便
[BGCOLOR=initial]使用单页面编写，自定义组件形式，引入更加方便[/BGCOLOR]
[BGCOLOR=initial]部分代码使用开源代码：[/BGCOLOR]https://github.com/sxei/pinyinjs
移除storage接口，解决文本被保存到下次启动的问题
修复光标在部分页面不显示，或不闪烁的问题
添加震动反馈，输入更加自信

输入法仍在完善，欢迎发表意见！

使用方法：
①首先在src的common文件夹下放入VelaIME

②在所引用项目的package.json中scripts内start和build后面添加
--enable-custom-component true
JavaScript: 
"scripts": {
    "start": "aiot server --watch --open-nuttx --enable-custom-component true",
    "build": "aiot build --enable-custom-component true",
    "release": "aiot release",
    "watch": "aiot watch --open-nuttx",
    "lint": "eslint --format codeframe --fix --ext .ux,.js src/"
  },

③在需要使用输入法的页面添加
HTML: 
<import name="ime" src="../../common/VelaIME/VelaIME.ux"></import>
④在页面中 可显示的全屏根div 下尾部位置添加
HTML: 
<div class="ime" style="display: {{showStatus}};">
    <ime hide="{{hide}}" @press="press"></ime>
</div>

⑤script下export default内的页面数据模型内添加以下变量
JavaScript: 
inputbox: "",    //此为输入法返回的文本，按需处理此变量
showStatus: "flex",
hide: false

⑥接着添加以下方法
JavaScript: 
changeState() {
    this.showStatus = "flex"
    this.hide = !this.hide
  },
  press(e) {
    if (e.detail.status == 1) {
      this.hide = !this.hide
      this.showStatus = "none"
      this.inputbox = e.detail.textbox
    }
  }

⑦为需要唤起输入法的文本框添加事件
HTML: 
@click="changeState"

至此便可正常使用船帆输入法，附件中提供了测试案例，组件请前往Github下载
[BGCOLOR=initial]Vela开发技术交流群：748249608[/BGCOLOR]
点击展开...
试试看
点击展开...
 
极客之爱 说:
完全重构的船新版本！
利用自定义组件，方便大家在自己的APP中植入输入法

Github: https://github.com/DengAiden/Vela-IME

改进：
布局优化，大量使用列表组件，输入更加灵活
整个输入法仅占用50KB
代码重构，去除大量冗余代码
程序架构重新设计，去除大量无用CSS样式，后期维护更加方便
[BGCOLOR=initial]使用单页面编写，自定义组件形式，引入更加方便[/BGCOLOR]
[BGCOLOR=initial]部分代码使用开源代码：[/BGCOLOR]https://github.com/sxei/pinyinjs
移除storage接口，解决文本被保存到下次启动的问题
修复光标在部分页面不显示，或不闪烁的问题
添加震动反馈，输入更加自信

输入法仍在完善，欢迎发表意见！

使用方法：
①首先在src的common文件夹下放入VelaIME

②在所引用项目的package.json中scripts内start和build后面添加
--enable-custom-component true
JavaScript: 
"scripts": {
    "start": "aiot server --watch --open-nuttx --enable-custom-component true",
    "build": "aiot build --enable-custom-component true",
    "release": "aiot release",
    "watch": "aiot watch --open-nuttx",
    "lint": "eslint --format codeframe --fix --ext .ux,.js src/"
  },

③在需要使用输入法的页面添加
HTML: 
<import name="ime" src="../../common/VelaIME/VelaIME.ux"></import>
④在页面中 可显示的全屏根div 下尾部位置添加
HTML: 
<div class="ime" style="display: {{showStatus}};">
    <ime hide="{{hide}}" @press="press"></ime>
</div>

⑤script下export default内的页面数据模型内添加以下变量
JavaScript: 
inputbox: "",    //此为输入法返回的文本，按需处理此变量
showStatus: "flex",
hide: false

⑥接着添加以下方法
JavaScript: 
changeState() {
    this.showStatus = "flex"
    this.hide = !this.hide
  },
  press(e) {
    if (e.detail.status == 1) {
      this.hide = !this.hide
      this.showStatus = "none"
      this.inputbox = e.detail.textbox
    }
  }

⑦为需要唤起输入法的文本框添加事件
HTML: 
@click="changeState"

至此便可正常使用船帆输入法，附件中提供了测试案例，组件请前往Github下载
[BGCOLOR=initial]Vela开发技术交流群：748249608[/BGCOLOR]
点击展开...
 
您必须登录或注册才可回复。

*这是一则由 Google AdSense 自动推荐的广告，与本站无关，不对其真实性与可靠性负责

相似主题

适用于WSL的Vela快速开发环境DevelaOS 2Lite

米表S系列 工具
1K
1

我是谁(数码宝贝) v1.1.0 【11月2号】【大幅提升游戏体验】

  • 红包主题
    • 米环8P小程序
    8K
    92

    小米手环7变砖后绑定失败解决方法

    米环7教程
    11K
    115

    全坛最详细的开发Zepp OS小程序教程 2023年2月21日更新第二版

    米环7教程
    20K
    60

    使用 Zeus + 表盘自定义工具 为小米手环7开发和安装小程序

    米环7教程
    7K
    22

    Home 首页
    Home 资源
    News 发现
    Account 我的
    顶部