- 综合排序
- 最热优先
- 最新优先
- 来自专栏用户4773577的专栏
鸿蒙Next软键盘弹出避让机制介绍
配置键盘避让时页面的避让模式有三种，分别是上抬模式、压缩模式、不避让 接下来通过一个简单案例介绍这三种模式的使用和区别。 例如以下布局，一个顶部的Row按钮区，底部一个固定高度的按钮区，中间内容区域充满剩余部分，三种避让模式的演示如下：针对以上三种模式存在的不足：1.上抬模式，整体布局上移，软键盘挡住了底部的按钮区2.压缩模式 ，当前布局变形3.不避让，软键盘弹出会挡住下面大部分区域如果使用上抬模式，我们想固定顶部的按钮区不被顶出去，我们可以给顶部按钮区设置expandSafeArea([SafeAreaType.KEYBOARD 因为压缩模式是避让了软键盘的区域，因此布局的高度被压缩了，如果高度设置的是百分比布局，整体高度压缩，自己的高度也会相应的压缩，所以，如果使用压缩模式，可以使用实际高度设置组件的高度。
29810编辑于 2025-06-28 - 来自专栏万少的技术分享
手把手带你实现 鸿蒙应用 键盘音乐
手把手带你实现 鸿蒙应用 键盘音乐 先看结果 关键技术 基本布局技巧 AVPlayer 面向对象 全部采用 V2版本 状态管理技术 新建一个项目 创建项目 新建项目 目录结构 - 可以后期用到再去新建 准备音频资源 键盘一个26个字母，对应边有26个声音。 一一相对应 其中，我们的静态资源存放在 rawFile中，鸿蒙应用在打包时不会对里面的文件做任何的编译处理，然后在使用的时候需要搭配AVPlayer使用。 name: "S", src: "paino19.mp3" }, { name: "D", src: "paino4.mp3" }, { name: "F", src: "paino6. /mock' ... // 键盘 和 对应的音乐按键 @Local letters: LettemMusic[][] = letters 构建键盘布局结构 // 键盘 @Builder KeyBoard
73110编辑于 2025-02-10 - 来自专栏HarmonyOS点石成金
鸿蒙开发：一文了解软键盘相关
，就在页面底部展示，当键盘弹起时，就悬浮在软键盘之上，方便在内容编辑时进行样式修改，就如下图红框中的编辑按钮。 实现上面的效果，其实也很简单，无非就是监听软键盘的高度，根据软键盘的高度来动态设置底部组件的高度即可。 弹出 需要给可输入组件设置id，设置后，就可以使用下面的代码进行手动调起软键盘。 this.getUIContext().getFocusController().requestFocus('id') 四、软件盘的避让机制 避让，是为了不让输入框被软键盘遮挡，其实系统默认就提供了输入框避让软键盘的能力 ，如果你的输入框在软键盘弹出后有被遮挡的可能，那么点击输入框，就可以发现，整体的页面会被上抬，否则不会。
57011编辑于 2025-01-08 - 来自专栏HarmonyOS点石成金
鸿蒙开发：自定义一个英文键盘
前言 代码运行环境：全部基于HarmonyOs NEXT DevEco Studio：Build Version: 5.0.3.900 API：12 modelVersion：5.0.0 自定义键盘系列 ，陆陆续续已经完成了，车牌省份简称键盘，车牌字母选择键盘以及股票代码键盘，都是一些特殊行业比较常见的键盘，这篇文章，我们再去自定义个普通大众的英文键盘，和其它键盘定义一样，由于每行的间距不一样，所实现的方式也不一样
39110编辑于 2025-01-08 - 来自专栏HarmonyOS点石成金
鸿蒙开发：如何解决软键盘弹出后的间距
，本着对问题负责的态度，于是就验证问题出现的原因，最后却发现这是鸿蒙系统的问题。 是不是软键盘弹起后，本身就会有一个间距？ 监听软键盘弹出状态无非就是把输入框的输入状态切换为了软键盘的弹出状态。 px2vp(44) : this.bottomRectHeight })方式三、动态设置位置所谓的动态设置，就是根据软键盘的高度，动态设置组件的位置，也就是需要获取软键盘的高度，当软键盘弹起时 offset({y:-this.marginBottom})相关总结还是那句话，自我感觉，鸿蒙系统对于这个间距的处理，我觉得是正常的，毕竟更加符合视觉美观，如果紧挨着展示，反而觉得不太美观；但话又回来，
52800编辑于 2025-05-15 - 来自专栏HarmonyOS点石成金
鸿蒙开发：自定义一个车牌省份简称键盘
代码运行环境：全部基于HarmonyOs NEXT DevEco Studio：Build Version: 5.0.3.900 API：12 modelVersion：5.0.0 之前针对车牌省份简称键盘 ，在Android系统中搞过一个，当时使用的是组合View的形式，考虑到最后一个删除按钮单独占两个格子，做了特殊处理，单独设置了权重weight和单独设置了宽度width，既然鸿蒙系统的应用开发了，于是比葫芦画瓢 ，把Android版的车牌键盘，用鸿蒙再封装一下。 鸿蒙搞起来就比较的简单，直接一个Grid组件便可以搞定，最后的删除按钮，使用布局选项GridLayoutOptions便可轻松实现。 本篇文章大致如下： 1、设置GridLayoutOptions，规划键盘摆放 2、设置属性和方法，制定可扩展效果 3、开源后的简单使用 4、使用总结 一、设置GridLayoutOptions，规划键盘摆放
38400编辑于 2025-01-07 - 来自专栏韦东山嵌入式
鸿蒙系统体验之在IMX6ULL上体验鸿蒙系统
第一章 在IMX6ULL上体验鸿蒙系统 请先下载以下文件，里面含有烧写软件： https://gitee.com/weidongshan/openharmony_for_imx6ull/repository /archive/master.zip 鸿蒙内核Liteos-a的官方代码目前只支持海思的芯片，我作为首批开发者入驻华为一个多月，成功在100ASK_IMX6ULL上移植了Liteos-a。 这就表示所有驱动都安装好了，可以重启开发板，就可以参考后面章节体验鸿蒙了。 1.3 鸿蒙文件在哪 在“100ask_imx6ull烧写工具v4”目录下， ? 1.4 一键体验鸿蒙：下载到内存运行 1.4.1 一键启动 把开发板设置为USB启动，接好2条USB线，装好驱动程序后，运行烧写工具，点击下图所示按钮，观察串口信息，可以看到板子启动进入鸿蒙系统了： 最后，设置为EMMC启动，重新上电后就可以自动进入鸿蒙系统。
3K31发布于 2020-09-30 - 来自专栏HarmonyOS点石成金
鸿蒙开发：自定义一个车牌字母键盘
全部基于HarmonyOs NEXT DevEco Studio：Build Version: 5.0.3.900 API：12 modelVersion：5.0.0 在之前，自定义过一个车牌省份简称的键盘 ，其实光有省份简称是不行的，毕竟一个正常的车牌是有省份简称+字母+数字进行组成的，索性，就再自定义一个车牌字母选择键盘，可以和之前的省份简称键盘进行结合使用。 定义数据源 mNumberList = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"] 代码实现 Grid() { ForEach( deleteIconWidth Length 删除图片宽度 deleteIconSrc PixelMap/ResourceStr/ DrawableDescriptor 删除icon资源 相关总结 车牌字母键盘和一般的键盘还有很大区别的 ，大家可以发现，键盘上是少一个字母的，因为I字母具有混淆性，所以这个字母是不在车牌键盘内的。
36710编辑于 2025-01-08 - 来自专栏鸿蒙开发笔记
鸿蒙开发实战案例：组件随软键盘弹出避让案例
效果图预览使用说明进入案例时，TextInput获焦，弹出系统键盘，点击空白地方键盘收起；点击输入框触发TextInput获焦，弹出系统键盘；点击“弹出键盘”按钮触发TextInput获焦，弹出系统键盘 ；在上抬避让模式下， 键盘抬起时组件上抬，键盘收起后让组件恢复；在缩小避让模式下，键盘抬起时组件上抬并缩小，键盘收起后让组件恢复；实现思路场景一：通过设置defaultFocus属性为true，使TextInput 1.OpenHarmony开发基础2.OpenHarmony北向开发环境搭建3.鸿蒙南向开发环境的搭建4.鸿蒙生态应用开发白皮书V2.0 & V3.05.鸿蒙开发面试真题（含参考答案） 6.TypeScript 【OpenHarmony】Uboot 驱动加载流程12.OpenHarmony构建系统--GN与子系统、部件、模块详解13.ohos开机init启动流程14.鸿蒙版性能优化指南.......通过监听键盘高度 写在最后如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙：点赞，转发，有你们的 『点赞和评论』，才是我创造的动力；关注小编，同时可以期待后续文章ing，不定期分享原创知识；想要获取更多完整鸿蒙最新学习知识点
75420编辑于 2025-02-28 - 来自专栏鸿蒙开发笔记
纯血鸿蒙APP实战开发——自定义安全键盘案例
自定义键盘布局键盘枚举类型：键盘类型分为数字键盘，大写、小写键盘，特殊字符键盘键盘按键类型分为输入操作INPUT、删除操作DELETE、切换数字键盘操作NUMERIC、切换大小写键盘CAPSLOCK、切换数字键盘 DD一下：鸿蒙开发各类文档，可关注公Z号<程序猿百晓生>霍取。 1.OpenHarmony开发基础2.OpenHarmony北向开发环境搭建3.鸿蒙南向开发环境的搭建4.鸿蒙生态应用开发白皮书V2.0 & V3.05.鸿蒙开发面试真题（含参考答案） 6.TypeScript 【OpenHarmony】Uboot 驱动加载流程12.OpenHarmony构建系统--GN与子系统、部件、模块详解13.ohos开机init启动流程14.鸿蒙版性能优化指南.......数字键盘为43 主页面写在最后如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙：点赞，转发，有你们的 『点赞和评论』，才是我创造的动力；关注小编，同时可以期待后续文章ing，不定期分享原创知识；想要获取更多完整鸿蒙最新学习知识点
66120编辑于 2025-01-05 - 来自专栏C++核心准则原文翻译
自学鸿蒙应用开发（6）- TextField组件
本文介绍在鸿蒙应用中TextField组件的基本用法。 增加TextField组件 如下代码中25行~32行所示，在布局中增加TextField组件。 <?
87020发布于 2020-12-31 - 来自专栏个人路线
鸿蒙 模仿boss直聘客户端实现教程【鸿蒙专题6】
我是坚果，这是我的公众号“坚果前端”，觉得不错的话，关注一下吧，如果你迷惘，不妨看看码农的轨迹 前言： 最近在学习鸿蒙开发，就模仿boss直聘app的一些经典页面写了一个鸿蒙的开源demo 希望能帮助到各位同学学习 vertical_center|horizontal_center" ohos:text="公司" ohos:text_color="#6B6B6B vertical_center|horizontal_center" ohos:text="消息" ohos:text_color="#6B6B6B vertical_center|horizontal_center" ohos:text="我的" ohos:text_color="#6B6B6B boss直聘客户端就讲完了 其他页面的实现都差别不大大家可以去下载完整代码查阅 最后总结 这次开发这个鸿蒙模仿boss直聘客户端 demo给我的感觉 鸿蒙跟现在安卓iOS比起来 差距还是有 我这边是用的
71610编辑于 2021-12-24 - 来自专栏老欧说安卓
鸿蒙NEXT版仿微信聊天App的避让软键盘
下面详细介绍如何在聊天界面有效避让输入法的软键盘。 一、软键盘为什么需要避让 点击App界面的编辑框，界面底部会自动弹出输入法的软键盘，这个软键盘占据了整个屏幕的三分之一空间。 可见被顶起的聊天界面出现了两处错乱： 1、页面顶部的标题栏被顶飞了，不晓得在跟谁聊天了； 2、编辑框下方的发送按钮被软键盘遮住了，导致输完聊天文字后不能直接点击发送，得先关闭软键盘才能点击发送按钮，使得交互体验不够友好 二、固定标题栏不让它飞走 由于弹出软键盘会顶起整个App页面，为了让页面上方的标题栏保持不动，需要对标题栏添加额外规则，让它不受软键盘弹起的影响。 这个规则就是设置一个安全区域，在安全区域内部的组件都不受软键盘影响。 综合以上的软键盘避让规则代码，实现的在拉起软键盘时候的仿微信聊天页面如下，可见此时不但标题栏留在原地，发送按钮也没被遮挡了： 下一篇文章会介绍如何实现微信聊天窗口的组件内外对齐方式。
1.2K10编辑于 2024-11-25 - 来自专栏从零开始学 Web 前端
【第 6 期】你能做到双手不离键盘吗？
阅读本文大概需要 6 分钟。 已经是晚上11点整了，小D看了下闹钟然后摘下眼镜，捏了捏疲惫的双眼，办公桌上不知道什么时候冲的咖啡已经凉透了，再看看周围空荡荡的座椅，长长的叹了口气。 好了，今天要说的想必大家都知道了，就是 VS Code 的常用快捷键，有了它你可以大幅度提高编码效率，让你双手离不开键盘，做一名编程界的键盘侠。 先来说说基本的键盘操作。 打开命令面板的快捷键：ctrl + shift + p 3、自定义快捷键 VSCode提供了很多快捷方式，我们可以从：设置->键盘快捷方式，来查看所有默认的快捷方式，当然有些快捷方式不符合你的习惯可以进行自定义自己习惯的快捷方式 6、将选中的一行或多行代码上下移动 快捷键：alt + 上下方向键 7、复制当前文本到上/下一行 快捷键：alt + shift + 上下方向键，这个快捷键相当常用，比用鼠标选中复制粘贴节省相当多的时间 比如行删除 ctrl + shift + k 就与搜狗输入法的“打开软键盘”相冲突，所以这个就需要自己来排查问题了。 放下手中的鼠标，小D长出了一口气。“快捷键真的是提高编程效率的必备法宝啊！”。
89610编辑于 2022-05-07 - 来自专栏雪胖纸的玩蛇日常
6.条件渲染v-if、监听键盘事件$event
1.条件渲染v-if、监听键盘事件$event <template>
<! -- 监听键盘事件 --> <input type="text" v-model="todo" @keydown="AddText($event)">
<hr1.1K20发布于 2019-09-29来自专栏韦东山嵌入式给IMX6ULL编译鸿蒙Liteos-a
第二章 给IMX6ULL编译Liteos-a 请先下载以下文件，里面含有补丁文件： https://gitee.com/weidongshan/openharmony_for_imx6ull/repository 1.2 使用补丁文件修改代码 假设在/home/book/openharmony目录下是鸿蒙的源码，补丁文件hmos_v1.0_imx6ull.patch放在/home/book/openharmony_for_imx6ull imx6ull.patch 注意：鸿蒙的内核在不断更新，这个补丁是针对“OpenHarmony-1.0”版本的。 make rootfs // 编译根文件系统，可以得到rootfs.img cp out/imx6ull/rootfs.img out/imx6ull/rootfs.jffs2 // 改个名易辨认 请参考《第3篇 体验鸿蒙内核Liteos-a》。
1K31发布于 2020-09-30来自专栏黄腾霄的博客2019-3-6-使用C#模拟键盘输入
假如你想做一个模拟键盘对当前的Active进程进行输入，该怎么办呢？ 今天就介绍一个如何利用C#实现编程法模拟键盘输入 ---- 今天我们使用的是System.Windows.Forms.dll中的SendKeys 这个类 这是一个静态类，主要有两个方法Send表示发送后立刻返回 ，SendWait表示发送后等待其他应用程序处理 最简单的，对于基本字符，我们直接发送对应字符即可 比如你想模拟键盘输入A，只要写 SendKeys.Send("A"); 比如你想模拟键盘输入多个字符 System.Windows.Forms) - Microsoft Docs ---- 本文会经常更新，请阅读原文： https://xinyuehtx.github.io/post/%E4%BD%BF%E7%94%A8C-%E6% A8%A1%E6%8B%9F%E9%94%AE%E7%9B%98%E8%BE%93%E5%85%A5.html ，以避免陈旧错误知识的误导，同时有更好的阅读体验。
1.9K10发布于 2020-06-10来自专栏HarmonyOS点石成金鸿蒙开发：自定义一个股票代码选择键盘
DevEco Studio：Build Version: 5.0.3.900 API：12 modelVersion：5.0.0 金融类的软件，特别是股票基金类的应用，在查找股票的时候，都会有一个区别于正常键盘的键盘 ，也就是股票代码键盘，和普通键盘的区别就是，除了常见的数字之外，也有一些常见的股票代码前缀按钮，方便在查找股票的时候，更加方便的进行检索。 private mCodeList = ["600", "1", "2", "3", "", "601", "4", "5", "6", "隐藏", "000", "7", "8", "9", this.rectBorderRadius }) .backgroundColor((index == 1 || index == 2 || index == 3 || index == 6 Component export struct StockCodeView { private mCodeList = ["600", "1", "2", "3", "", "601", "4", "5", "6"
36710编辑于 2025-01-08来自专栏橙子探索测试Selenium自动化测试-6.鼠标键盘操作
But，我们好像只是知道定位，定位后的操作并不多，今天就来系统的了解下鼠标键盘操作。 键盘操作 selenium提供了一整套的模拟键盘操作，之前了解的send_keys()方法可以模拟键盘输入，模拟键盘操作需导入键盘模块 ： from selenium.webdriver.common.keys import Keys Keys()类提供了键盘几乎所有按键的方法，常见的键盘操作： ? 以上常见的键盘操作基本满足我们日常的操作，接下来我们写代码看下键盘操作的效果: ? 通过上面的例子，你可以掌握基本的键盘操作，更多的操作可以自己多练习、实践。
1.8K10发布于 2020-03-11来自专栏全栈测试Selenium自动化测试-6.鼠标键盘操作
But，我们好像只是知道定位，定位后的操作并不多，今天就来系统的了解下鼠标键盘操作。 键盘操作 selenium提供了一整套的模拟键盘操作，之前了解的send_keys()方法可以模拟键盘输入，模拟键盘操作需导入键盘模块 ： from selenium.webdriver.common.keys import Keys Keys()类提供了键盘几乎所有按键的方法，常见的键盘操作： ? 以上常见的键盘操作基本满足我们日常的操作，接下来我们写代码看下键盘操作的效果: ? 通过上面的例子，你可以掌握基本的键盘操作，更多的操作可以自己多练习、实践。
2.5K10发布于 2019-10-17
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号