UI基础__键盘keyboard的监听和消失

本文介绍如何在iOS应用中实现键盘的自动隐藏与显示监听,包括通过界面滚动或拖拽关闭键盘的方法,以及如何注册键盘通知并调整视图布局来应对键盘弹出导致的界面变化。此外还提供了一个文本框代理方法的示例。

1.键盘的消失方式

////界面滚动的时候,键盘退出
-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
    [self.view endEditing:YES];
}
//拖拽界面的时候,键盘退出
-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{
    [self.view endEditing:YES];

}

2.注册键盘监听

//注册键盘监听
    NSNotificationCenter *center=[NSNotificationCenter defaultCenter];
    //注册监听键盘自动发出的UIKeyboardWillChangeFrameNotification通知,调用self的keyboardFrameChange:进行处理
    [center addObserver:self selector:@selector(keyboardFrameChange:) name:UIKeyboardWillChangeFrameNotification object:nil];

//键盘监听处理方法
- (void) keyboardFrameChange:(NSNotification *)notice {
    //NSLog(@"%@",notice.userInfo);//可以打印出各种信息
    //1.获取动画时间
    CGFloat time=[notice.userInfo[UIKeyboardAnimationDurationUserInfoKey] floatValue];
    CGFloat endY=[notice.userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue].origin.y;
    //获取偏移值
    CGFloat offset=endY-self.view.bounds.size.height;

    [UIView animateWithDuration:time animations:^{
        self.view.transform = CGAffineTransformMakeTranslation(0, offset);
    }];
}

//移除监听
- (void) dealloc {
    NSNotificationCenter *center=[NSNotificationCenter defaultCenter];
    [center removeObserver:self];
}

3.文本框的代理方法

//当键盘点击sender按钮后调用该方法
- (BOOL)textFieldShouldReturn:(UITextField *)textField {     
    return  YES;
}
在 Flutter 中,`flutter_keyboard_visibility` 插件主要用于监听键盘的显示隐藏状态,而不是直接获取键盘的具体高度。该插件通过提供一个 `KeyboardVisibilityController` 来观察键盘状态的变化,从而帮助开发者根据键盘的可见性来调整 UI 行为 [^3]。 若需要获取键盘的实际高度,通常可以通过 Flutter 框架中的 `MediaQuery` 来实现。例如,在键盘显示时,`MediaQuery.of(context).viewInsets.bottom` 可以用来获取当前键盘的高度值。以下是一个结合 `flutter_keyboard_visibility` `MediaQuery` 的示例代码: ```dart import 'package:flutter/material.dart'; import 'package:flutter_keyboard_visibility/flutter_keyboard_visibility.dart'; class KeyboardHeightDemo extends StatefulWidget { @override _KeyboardHeightDemoState createState() => _KeyboardHeightDemoState(); } class _KeyboardHeightDemoState extends State<KeyboardHeightDemo> { double _keyboardHeight = 0.0; @override void initState() { super.initState(); // 监听键盘状态变化 KeyboardVisibilityController().onChange.listen((bool visible) { if (visible) { // 获取当前键盘高度 _keyboardHeight = MediaQuery.of(context).viewInsets.bottom; print('键盘高度: $_keyboardHeight'); } else { _keyboardHeight = 0.0; } setState(() {}); }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('键盘高度示例')), body: Center( child: Text('当前键盘高度: $_keyboardHeight'), ), ); } } ``` 通过这种方式,可以结合 `flutter_keyboard_visibility` 的监听功能与 `MediaQuery` 提供的上下文信息,实现对键盘高度的动态获取响应 [^2]。 ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值