首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏用户4773577的专栏

    鸿蒙Next软键盘弹出避让机制介绍

    配置键盘避让时页面的避让模式有三种,分别是上抬模式、压缩模式、不避让 接下来通过一个简单案例介绍这三种模式的使用和区别。 例如以下布局,一个顶部的Row按钮区,底部一个固定高度的按钮区,中间内容区域充满剩余部分,三种避让模式的演示如下:针对以上三种模式存在的不足:1.上抬模式,整体布局上移,软键盘挡住了底部的按钮区2.压缩模式 ,当前布局变形3.不避让,软键盘弹出会挡住下面大部分区域如果使用上抬模式,我们想固定顶部的按钮区不被顶出去,我们可以给顶部按钮区设置expandSafeArea([SafeAreaType.KEYBOARD 因为压缩模式是避让了软键盘的区域,因此布局的高度被压缩了,如果高度设置的是百分比布局,整体高度压缩,自己的高度也会相应的压缩,所以,如果使用压缩模式,可以使用实际高度设置组件的高度。 Row() { Text('1').width(30).height(30) Text('2').width(30).height(30) Text('3'

    29810编辑于 2025-06-28
  • 来自专栏万少的技术分享

    手把手带你实现 鸿蒙应用 键盘音乐

    手把手带你实现 鸿蒙应用 键盘音乐 先看结果 关键技术 基本布局技巧 AVPlayer 面向对象 全部采用 V2版本 状态管理技术 新建一个项目 创建项目 新建项目 目录结构 - 可以后期用到再去新建 准备音频资源 键盘一个26个字母,对应边有26个声音。 一一相对应 其中,我们的静态资源存放在 rawFile中,鸿蒙应用在打包时不会对里面的文件做任何的编译处理,然后在使用的时候需要搭配AVPlayer使用。 src: "paino3.mp3" }, { name: "V", src: "paino22.mp3" }, { name: "B", src: "paino2.mp3" }, /mock' ... // 键盘 和 对应的音乐按键 @Local letters: LettemMusic[][] = letters 构建键盘布局结构 // 键盘 @Builder KeyBoard

    73110编辑于 2025-02-10
  • 来自专栏HarmonyOS点石成金

    鸿蒙开发:一文了解软键盘相关

    ,就在页面底部展示,当键盘弹起时,就悬浮在软键盘之上,方便在内容编辑时进行样式修改,就如下图红框中的编辑按钮。 实现上面的效果,其实也很简单,无非就是监听软键盘的高度,根据软键盘的高度来动态设置底部组件的高度即可。 本文的内容,着重概述一下,开发中和软键盘相关的知识点,基本内容如下: 1、手动弹出和隐藏软件盘 2、主动获取焦点弹出软件盘 3、焦点移动至下一个组件 4、软件盘的避让机制 5、相关总结 一、手动弹出和隐藏软件盘 弹出 需要给可输入组件设置id,设置后,就可以使用下面的代码进行手动调起软键盘。 this.getUIContext().getFocusController().requestFocus('id') 四、软件盘的避让机制 避让,是为了不让输入框被软键盘遮挡,其实系统默认就提供了输入框避让软键盘的能力

    57011编辑于 2025-01-08
  • 来自专栏个人路线

    鸿蒙 dialog各种用法教程【鸿蒙专题3

    前言: 最近又在看鸿蒙相关的文档 学习了一些鸿蒙里面dialog的用法。所以今天就出一篇dialog的文章分享给大家,那么废话不多说我们正式开始。 = (TextField) customComponent.findComponentById(ResourceTable.Id_num_2_textfield); checkCode3 = (TextField) customComponent.findComponentById(ResourceTable.Id_num_3_textfield); checkCode4 getContent() { return "" + checkCode1.getText() + checkCode2.getText() + checkCode3. 当然我们也可以尽量封装的更好拓展一点 这具体需求和个人设计了 到此 鸿蒙的dialog用法我们就讲完了 最后总结 鸿蒙里面的 dialog 无论是 自定义的 dialog 还是 listdialog

    98420编辑于 2021-12-10
  • 来自专栏HarmonyOS点石成金

    鸿蒙开发:自定义一个英文键盘

    前言 代码运行环境:全部基于HarmonyOs NEXT DevEco Studio:Build Version: 5.0.3.900 API:12 modelVersion:5.0.0 自定义键盘系列 ,陆陆续续已经完成了,车牌省份简称键盘,车牌字母选择键盘以及股票代码键盘,都是一些特殊行业比较常见的键盘,这篇文章,我们再去自定义个普通大众的英文键盘,和其它键盘定义一样,由于每行的间距不一样,所实现的方式也不一样

    39110编辑于 2025-01-08
  • 来自专栏HarmonyOS点石成金

    鸿蒙开发:如何解决软键盘弹出后的间距

    ,本着对问题负责的态度,于是就验证问题出现的原因,最后却发现这是鸿蒙系统的问题。 看着这个间距,发呆了3秒,彻底怀疑了人生,我明明没设置间距啊,但是这个间距从哪来的呢?是不是软键盘弹起后,本身就会有一个间距? 监听软键盘弹出状态无非就是把输入框的输入状态切换为了软键盘的弹出状态。 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
  • 来自专栏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实战开发——自定义安全键盘案例

    DD一下:鸿蒙开发各类文档,可关注公Z号<程序猿百晓生>霍取。 1.OpenHarmony开发基础2.OpenHarmony北向开发环境搭建3.鸿蒙南向开发环境的搭建4.鸿蒙生态应用开发白皮书V2.0 & V3.05.鸿蒙开发面试真题(含参考答案) 6.TypeScript 【OpenHarmony】Uboot 驱动加载流程12.OpenHarmony构建系统--GN与子系统、部件、模块详解13.ohos开机init启动流程14.鸿蒙版性能优化指南.......数字键盘为43 本文将该场景下将网格拆分为更小的单元,为4 20网格布局,每个字母按键占1 2,删除按键则占1 3,空格则占1 * 10,这样就保证每个按键都要占用整数单元。 [3]) .backgroundColor(item.backgroundColor) .borderRadius($r("app.integer.key_border_radius

    66120编辑于 2025-01-05
  • 来自专栏iOS 备忘录

    iOS开发知识点3——键盘

    iOS开发知识点3——键盘 点击屏幕回收键盘是很简单的,但是在scrollView上点击回收键盘,直接调用那个方法就不能实现了 // 我的实现是这样的 // 首先实现一个继承自UIScrollView touchesEnded:touches withEvent:event]; [super touchesEnded:touches withEvent:event]; } // 然后在要回收键盘的界面 indexPathForRow:1 inSection:0]]; [phoneCertifyCell.inputCertifyTF resignFirstResponder]; } @end 当键盘弹出时 ,有可能会遮盖住输入框,之前我采用把View放到scrollView上来处理,但是后来发现,让View跟着键盘动起来效果更好 // 首先注册通知,弹出键盘键盘回收两个 // 弹出键盘时view向上偏移 CGFloat width = self.bounds.size.width; CGFloat height = self.bounds.size.height; // 保持键盘和输入框底部

    47820编辑于 2023-10-16
  • 来自专栏游戏杂谈

    CSS3模拟的iphone键盘

    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w<em>3</em>.org/1999/xhtml"> <head> <title>使用CSS3模拟的iphone键盘</title ,.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,.7), 0 1px 0 rgba(0,0,0,.3); } #iphone-keyboard button transitional.dtd"> <html xmlns="http://www.w<em>3</em>.org/1999/xhtml"> <head> <title>使用CSS3模拟的iphone键盘</title ,.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,.7), 0 1px 0 rgba(0,0,0,.3); } #iphone-keyboard button

    80920发布于 2019-02-25
  • 来自专栏老欧说安卓

    鸿蒙NEXT版仿微信聊天App的避让软键盘

    下面详细介绍如何在聊天界面有效避让输入法的软键盘。 一、软键盘为什么需要避让 点击App界面的编辑框,界面底部会自动弹出输入法的软键盘,这个软键盘占据了整个屏幕的三分之一空间。 可见被顶起的聊天界面出现了两处错乱: 1、页面顶部的标题栏被顶飞了,不晓得在跟谁聊天了; 2、编辑框下方的发送按钮被软键盘遮住了,导致输完聊天文字后不能直接点击发送,得先关闭软键盘才能点击发送按钮,使得交互体验不够友好 二、固定标题栏不让它飞走 由于弹出软键盘会顶起整个App页面,为了让页面上方的标题栏保持不动,需要对标题栏添加额外规则,让它不受软键盘弹起的影响。 这个规则就是设置一个安全区域,在安全区域内部的组件都不受软键盘影响。 综合以上的软键盘避让规则代码,实现的在拉起软键盘时候的仿微信聊天页面如下,可见此时不但标题栏留在原地,发送按钮也没被遮挡了: 下一篇文章会介绍如何实现微信聊天窗口的组件内外对齐方式。

    1.2K10编辑于 2024-11-25
  • 来自专栏叶子的开发者社区

    Unity3D之键盘输入

    获取键盘输入 除了检测特殊按键外,您还可以获取用户输入的字符。为此,您需要使用Input类的inputString属性。 通过添加、修改或删除自定义键位,您可以完全控制您的键盘输入设置。

    1.4K20编辑于 2023-07-30
  • 来自专栏嵌入式视觉

    Python3 读取键盘输入数据

    input 输入 Python3 提供了 input() 内置函数从标准输入读入一行文本,默认的标准输入是键盘。input 可以接收一个 Python 表达式作为输入,并将运算结果返回。 注意 input 函数从键盘输入中读取一行,将其转换为字符串 str 类型(带末尾的换行符),然后将其返回。实例代码运行结果如下所示。 .split()] print("打印保存的输入一整行数据:") print_list(vector) return vector 程序运行结果如下: 参考资料 Python3

    3K20编辑于 2022-09-05
  • 来自专栏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", { radius: this.rectBorderRadius }) .backgroundColor((index == 1 || index == 2 || index == 3 @Component export struct StockCodeView { private mCodeList = ["600", "1", "2", "3", "", "601", "4",

    36710编辑于 2025-01-08
  • 来自专栏全栈程序员必看

    利用键盘钩子捕捉linux键盘动作,利用键盘钩子捕获Windows键盘动作

    本文下面将对Win32平台下全局钩子的运行机制进行介绍并给出了一个具体的由VC 6.0编写的捕获键盘动作的键盘钩子示例程序。    本文下面将对Win32平台下全局钩子的运行机制进行介绍并给出了一个具体的由VC 6.0编写的捕获键盘动作的键盘钩子示例程序。    下载本文示例代码 利用键盘钩子捕获Windows键盘动作利用键盘钩子捕获Windows键盘动作利用键盘钩子捕获Windows键盘动作利用键盘钩子捕获Windows键盘动作利用键盘钩子捕获Windows键盘动作利用键盘钩子捕获 Windows键盘动作利用键盘钩子捕获Windows键盘动作利用键盘钩子捕获Windows键盘动作利用键盘钩子捕获Windows键盘动作利用键盘钩子捕获Windows键盘动作利用键盘钩子捕获Windows 键盘动作利用键盘钩子捕获Windows键盘动作利用键盘钩子捕获Windows键盘动作利用键盘钩子捕获Windows键盘动作利用键盘钩子捕获Windows键盘动作 发布者:全栈程序员栈长,转载请注明出处:

    4K10编辑于 2022-08-15
  • 来自专栏点滴积累

    PhiloGL学习(3)——程序员的法宝—键盘、鼠标

    前言 上一篇文章中介绍了如何让对象动起来,本文介绍如何让场景响应我们的鼠标和键盘以控制场景的缩放及对象的转动和移动等。 一、 原理分析 有了上一篇文章的基础,我们已经知道了如何让场景和对象动起来。 本文我们通过键盘和鼠标来控制对象的动作,这就有点Game的意思了。对程序员来说,这其实是个很easy的事情,无非就是响应各种事件。下面就让我们来看一下PhiloGL如何完成此响应。 2.1 键盘事件 在events中添加onKeyDown事件,响应键盘完成上下左右监听。 xRotSpeed与yRotSpeed初始值为0,监听到键盘后产生变化,其余的与上一篇文章中的一致。 三、 总结 本文简单介绍了如何监听鼠标、键盘事件。下一篇文章介绍如何创建三维对象及贴图。

    75570发布于 2018-04-28
  • 来自专栏MasiMaro 的技术博文

    从零开始配置 vim(3)—— 键盘映射进阶

    严格意义上来说,快捷键的绑定应该是键盘映射,将某些键映射为另一些键。 在上篇我们介绍了基本的键盘映射操作,知道了如何 :map、:imap、:vmap、:nmap这些命令来映射键盘快捷键。

    2.1K30编辑于 2022-08-04
  • 来自专栏python-爬虫

    js键盘事件以及键盘事件拦截

    一.键盘事件 onkeydown: 按下键盘时触发 onkeypress: 按下有值的键时触发 注意: onkeypress按下 Ctrl、Alt、Shift、Meta 这样无值的键,这个事件不会触发对于有值的键 ,按下时先触发 keydown 事件,再触发这个事件 onkeyup:松开键盘时触发该事件 二.组合键 ctrl相关 alt相关 meta (Mac键盘是一个四瓣的小花, Windows键盘是Windows键) 相关 shift相关 写一个举例其他都类似 比如ctrl+c window.onkeydown=function (e) { if (e.ctrlKey

    7.6K20发布于 2020-06-19
领券