打开键盘遮住View的问题解决方法-IOS开发

声明
欢迎转载,但是请尊重作者劳动成果,转载请保留此框内声明,谢谢。
文章出处:http://blog.csdn.net/iukey

默认情况下打开键盘会遮住下面的view,带来一点点困扰,不过这不是什么大问题,我们使用点小小的手段就可以解决。

首先我们要知道键盘的高度是固定不变的,不过在IOS 5.0 以后键盘的高度貌似不是216了,不过不要紧,我们调整调整就是了:

 iPhoneipad
竖屏(portrait)216264
横屏(landScape)140352

我们采取的方法就是在textField(有可能是其他控件)接收到弹出键盘事件时把self.view整体上移216px了(我们就以iPhone竖屏为例了)。

有关View的frame,origin,size之类的知识点不懂的请参看我的另一篇博文: <<有关View的几个基础知识点>>

首先我们要设置textField的代理,我们就设为当前控制器了。

textField,delegate=self;

然后我们在当前控制器实现下面三个委托方法:

- (void)textFieldDidBeginEditing:(UITextField *)textField
{ //当点触textField内部,开始编辑都会调用这个方法。textField将成为first responder 
       NSTimeInterval animationDuration = 0.30f;    
      CGRect frame = self.view.frame;
      frame.origin.y -=216;
      frame.size.height +=216;
      self.view.frame = frame;
       [UIView beginAnimations:@"ResizeView" context:nil];
       [UIView setAnimationDuration:animationDuration];
       self.view.frame = frame;                
       [UIView commitAnimations];                
}


- (BOOL)textFieldShouldReturn:(UITextField *)textField 
{//当用户按下ruturn,把焦点从textField移开那么键盘就会消失了
        NSTimeInterval animationDuration = 0.30f;
        CGRect frame = self.view.frame;    
        frame.origin.y +=216;      
        frame.size. height -=216;   
        self.view.frame = frame;
	//self.view移回原位置  
	[UIView beginAnimations:@"ResizeView" context:nil];
 	[UIView setAnimationDuration:animationDuration];
       	self.view.frame = frame;                
        [UIView commitAnimations];
        [textField resignFirstResponder];   
}       
在使用 UniApp 开发 H5 页面并希望在鸿蒙系统手机上运行时,遇到输入框键盘遮挡问题,可以尝试以下几种解决方案: 1. **设置页面样式**:在需要展示输入框的区域设置适当的CSS高度,如 `padding-bottom` 或 `min-height`,预留出足够的空间用于键盘弹出。 ```css .input-container { padding-bottom: env(safe-area-inset-bottom); /* 或者其他适合的方式 */ min-height: 100vh; } ``` 2. **监听键盘事件**:利用 UniApp 提供的 `uni.getSystemInfo()` 方法获取设备状态信息,然后动态调整页面布局。当检测到键盘打开时,调整输入框容器的位置。 ```javascript uni.addEventListener('keyboardshow', function(e) { document.getElementById('inputContainer').style.bottom = 'auto'; // 其他必要的动画效果 }); uni.addEventListener('keyboardhide', function() { document.getElementById('inputContainer').style.bottom = 'env(safe-area-inset-bottom)'; }); ``` 3. **启用自动高度模式**:在 UniApp 的配置文件 `config.json` 中,将 "autoAdjust" 设置为 "true",让框架自动处理部分UI元素的高度变化。 ```json { "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "首页", "navigationBarTextStyle": "black", "enableAutoAdjust": true, ... }, ... } ``` 4. **检查兼容性模式**:确保你在编写代码时针对鸿蒙系统进行了适配,有些特性可能需要特别处理。检查 UniApp 是否已经更新了对鸿蒙的官方支持。 如果你依然遇到问题,建议查阅UniApp 官方文档或社区论坛,寻求更具体的帮助。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值