zoukankan      html  css  js  c++  java
  • iOS开发inputView和inputAccessoryView

    1、简介

      起初看到这两个属性是在UIResponder中,只是可读的:

    @property (nullable, nonatomic, readonly, strong) __kindof UIView *inputView NS_AVAILABLE_IOS(3_2);
    @property (nullable, nonatomic, readonly, strong) __kindof UIView *inputAccessoryView NS_AVAILABLE_IOS(3_2);

      后来在UITextField和UITextView中也有,是可读可写的:

    @property (nullable, readwrite, strong) UIView *inputView;             
    @property (nullable, readwrite, strong) UIView *inputAccessoryView;

      用一张输入法的图片简单说明一下这两个属性:

      inputAccessoryView:附件视图,就是上面汉子和拼音

      inputView:就是下面的按键输入法

      最上面的输入框:之前作法——监听键盘的通知,获取键盘高度处理输入框位置;

              现在——是否可以把输入框放入到附件视图inputAccessoryView?只是一种想法,后期我会自己试试 勿喷!

    2、自定义inputAccessoryView和inputView

      2.1、直接赋值UITextField的这两个属性

        UIToolbar *toolBar = [[UIToolbar alloc]initWithFrame:CGRectMake(0, 0, 0, 90)];
        UIBarButtonItem *right = [[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemDone target:self action:@selector(endEdi:)];
        UIBarButtonItem *right2 = [[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemCancel target:self action:@selector(endEdi:)];
        toolBar.items = [NSArray arrayWithObjects:right,right2,right,right,right,right,right, nil];
        self.inputTextField.inputAccessoryView = toolBar;
        UIView *inputView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 0, 320)];
        UIImageView *igView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, 180)];
        igView.image = [UIImage imageNamed:@"pic2.png"];
        [inputView addSubview:igView];
        inputView.backgroundColor = [UIColor greenColor];
        self.inputTextField.inputView =inputView;

    • 设置坐标时只有高度才能起到约束,x、y、weight设置也不会有作用;
    • 整个弹出视图的高度是inputView.height+inputAccessoryView.height,而且附件视图会紧贴inputView视图上面;
    • inputView和inputAccessoryView的子视图需要有详细坐标约束;
    • UIToolbar继承UIView,常用于附件视图上,作点击事件处理;

      2.2、自定义控件的这两个属性

        往往会用这两个属性来自定义键盘,其实可以自定义许多底部的弹出框!

        由于UIResponder有这两个属性,所有大多数视图可以重写这个两个属性,以UILabel为例:

    @interface MenuLabel()<UIPickerViewDelegate,UIPickerViewDataSource>
    {
        UIToolbar *_inputAccessoryView;
        UIPickerView    *_inputView;
    }
    @end
    @implementation MenuLabel
    
    - (instancetype)initWithFrame:(CGRect)frame{
        if (self = [super initWithFrame:frame]) {
            [self setUI];
        }
        return self;
    }
    - (void)awakeFromNib{
        [super awakeFromNib];
        self.multipleTouchEnabled = YES;
        [self setUI];
    }
    - (void)setUI{
        self.userInteractionEnabled = YES;
        UITapGestureRecognizer *tap =[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapGes:)];
        [self addGestureRecognizer:tap];
    }
    
    - (void)tapGes:(UITapGestureRecognizer *)ges{
        [self becomeFirstResponder];
    }
    -(UIView *)inputAccessoryView{
        if(!_inputAccessoryView)
        {
            UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 0, 100)];
            view.backgroundColor = [UIColor grayColor];
    
            UIToolbar *toolBar = [[UIToolbar alloc]init];
            toolBar.frame = CGRectMake(0, 0, 100, 44);
            UIBarButtonItem *right = [[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemDone target:self action:@selector(dodo)];
            toolBar.items = [NSArray arrayWithObject:right];
            
            [view addSubview:toolBar];
            return view;
        }
        return _inputAccessoryView;
    }
    -(UIPickerView *)inputView{
        if(!_inputView)
        {
            UIPickerView *  pickView = [[UIPickerView alloc]init];
            pickView.delegate =self;
            pickView.dataSource = self;
            pickView.showsSelectionIndicator = YES;
            return pickView;
        }
        return _inputView;
    }
    -(void)dodo{
        [self resignFirstResponder];
    }
    - (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView{
        return 1;
    }
    - (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component{
        return [NSString stringWithFormat:@"%ld",row];
    }
    - (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component{
        return 5;
    }
    - (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {
        self.text =[NSString stringWithFormat:@"%ld",row];
    }
    
    - (BOOL)canBecomeFirstResponder{
        return YES;
    }
    @end

    • 要设置  self.userInteractionEnabled = YES;重写- (BOOL)canBecomeFirstResponder{     return YES; } 方法;
    • 这种方法附件的高度可以修改,但是底部并不会随inputView高度改变而变化,是固定的;
    • inputView不设置坐标,会自适应展示,由于系统inputView高度固定,也不知道不同版本会不会变化,所以就不设置自定义视图inputView的高度 过高会覆盖附件,过低会覆盖不全;
    • 附件的子视图需要详细坐标约束;

  • 相关阅读:
    W3C规范
    背景图片调整大小
    comfirm和prompt的区别
    position属性absolute与relative 的区别
    text-decoration和text-indent和text-shadow
    刷新网页跳转锚点
    安卓中location.href或者location.reload 不起作用
    $_SERVER 当前信息
    堆+思维——cf1330E
    树形dp——cf1332F【好题】
  • 原文地址:https://www.cnblogs.com/xianfeng-zhang/p/9518853.html
Copyright © 2011-2022 走看看