iOS_22自定义键盘工具条

最终效果图:

Main.storyboard

KeyboardTool.xib

KeyboardTool.h

//  KeyboardTool.h
//  键盘处理
//  Created by beyond on 14-8-24.
//  Copyright (c) 2014年 com.beyond. All rights reserved.

#import <UIKit/UIKit.h>
@protocol KeyboardToolDelegate;

typedef enum {
    kKeyboardToolButtonTypeNext, // 下一个按钮
    kKeyboardToolButtonTypePrevious, // 上一个按钮
    kKeyboardToolButtonTypeDone // 完成按钮
} KeyboardToolButtonType;

@interface KeyboardTool : UIToolbar

// 上一个按钮控件
@property (nonatomic, weak) IBOutlet UIBarButtonItem *previousBtn;

// 下一个按钮控件
@property (nonatomic, weak) IBOutlet UIBarButtonItem *nextBtn;

// 完成按钮控件
@property (nonatomic, weak) IBOutlet UIBarButtonItem *doneBtn;

// 代理一般用weak,同时,避免与默认的继承的delegate冲突
@property (nonatomic, weak) id<KeyboardToolDelegate> toolDelegate;

// 类方法 返回一个实例对象
+ (id)keyboardTool;

// 监听工具条上 三个按钮的点击 事件
- (IBAction)previousBtnClicked;

- (IBAction)nextBtnClicked;

- (IBAction)doneBtnClicked;
@end

KeyboardTool.m

//  KeyboardTool.m
//  键盘处理
//  Created by beyond on 14-8-24.
//  Copyright (c) 2014年 com.beyond. All rights reserved.

#import "KeyboardTool.h"
#import "KeyboardToolDelegate.h"

@implementation KeyboardTool

// 类方法,从xib文件中初始化一个KeyboardTool
+ (id)keyboardTool {
    // owner可以传KeyboardTool这个类
    // 点击"下一个"按钮的时候,要调用owner的next方法

    NSArray *array = [[NSBundle mainBundle] loadNibNamed:@"keyboardTool" owner:nil options:nil];

    // 返回初始化完毕的KeyboardTool对象
    return array[0];
}
#pragma mark - 点击事件
// 点击了上一个按钮
- (void)previousBtnClicked {
    if ([_toolDelegate respondsToSelector:@selector(keyboardTool:buttonType:)]) {
        // 告诉代理,点击的是上一个按钮
        [_toolDelegate keyboardTool:self buttonType:kKeyboardToolButtonTypePrevious];
    }
}
// 点击了下一个按钮
- (void)nextBtnClicked {
    if ([_toolDelegate respondsToSelector:@selector(keyboardTool:buttonType:)]) {
        // 告诉代理,点击的是下一个按钮
        [_toolDelegate keyboardTool:self buttonType:kKeyboardToolButtonTypeNext];
    }
}

// 点击了完成按钮
- (void)doneBtnClicked {
    if ([_toolDelegate respondsToSelector:@selector(keyboardTool:buttonType:)]) {
        // 告诉代理,点击的是完成按钮
        [_toolDelegate keyboardTool:self buttonType:kKeyboardToolButtonTypeDone];
    }
}
@end

KeyboardToolDelegate.h

//
//  KeyboardToolDelegate.h
//  22_键盘综合案例
//
//  Created by beyond on 14-8-24.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//

#import <Foundation/Foundation.h>
@class KeyboardTool;

@protocol KeyboardToolDelegate <NSObject>
- (void)keyboardTool:(KeyboardTool *)tool buttonType:(KeyboardToolButtonType)type;
@end

BeyondViewController.h

//
//  BeyondViewController.h
//  22_键盘综合案例
//
//  Created by beyond on 14-8-24.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//

#import <UIKit/UIKit.h>
#import "KeyboardTool.h"
#import "KeyboardToolDelegate.h"

@interface BeyondViewController : UIViewController <UITextFieldDelegate, UIPickerViewDataSource, UIPickerViewDelegate, KeyboardToolDelegate>
// 生日输入框
@property (weak, nonatomic) IBOutlet UITextField *birthdayTextField;
// 城市输入框
@property (weak, nonatomic) IBOutlet UITextField *cityTextField;

@end

BeyondViewController.m

//
//  BeyondViewController.m
//  22_键盘综合案例
//
//  Created by beyond on 14-8-24.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//

#import "BeyondViewController.h"

@interface BeyondViewController ()

// 所有省名组成的数组
@property (nonatomic, strong) NSArray *provinceNameArr;
// 字典:省名key---value城市名组成的数组
@property (nonatomic, strong) NSDictionary *provinceName_cities_Dict;
// 当前激活的活跃状态的输入框
@property (nonatomic, weak) UITextField *currentTextField;
// 键盘上的工具条
@property (nonatomic, weak) KeyboardTool *tool;
// 所有输入框控件 组成的数组
@property (nonatomic, strong) NSMutableArray *allTextFields;

@end

@implementation BeyondViewController

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.allTextFields = [NSMutableArray array];
    // 类方法,实例化一个KeyboardTool对象
    self.tool = [KeyboardTool keyboardTool];
    self.tool.backgroundColor = [UIColor clearColor];
    self.tool.barTintColor = [UIColor lightGrayColor];

	// 并且设置键盘工具的代理为当前控制器,用于接收其内部的btn点击事件,感知btnType
    self.tool.toolDelegate = self;

    // 1.设置所有文本框的键盘工具条 都是 自定义的KeyboardTool
    for (UITextField *field in self.view.subviews)
    {
		// 如果不是文本输入框,继续
        if (![field isKindOfClass:[UITextField class]]) continue;

		// 每一个文本输入框的键盘工具都是它...
        field.inputAccessoryView = self.tool;
		// 数组保存所有的文本输入框控件,后面要用到
        [self.allTextFields addObject:field];
        // 设置每个文本输入框的代理都是当前控制器
        field.delegate = self;
    }

    // 2.为生日输入框,设置键盘为DatePicker
    [self setInputViewForBirthdayTextField];

    // 3.为城市输入框,设置键盘为DatePicker
    [self  setInputViewForCityTextField];

    // 4.加载所有的数据
    [self  loadAllData];

}

// 2.为生日输入框,设置键盘为DatePicker
- (void)setInputViewForBirthdayTextField
{
    // 设置生日的键盘(不用设置宽高和位置)
    UIDatePicker *datePicker = [[UIDatePicker alloc] init];
    // 设置区域为中国简体中文
    datePicker.locale = [[NSLocale alloc] initWithLocaleIdentifier:@"zh_CN"];
    // 模式为:只显示日期
    datePicker.datePickerMode = UIDatePickerModeDate;
    // 监听datePicker的值改事件
    [datePicker addTarget:self action:@selector(datePickerValueChangeed:) forControlEvents:UIControlEventValueChanged];
    // 设置其为生日输入框的view
    self.birthdayTextField.inputView = datePicker;
}

// 3.为城市输入框,设置键盘为DatePicker
- (void)setInputViewForCityTextField
{
    // 设置城市的键盘
    UIPickerView *picker = [[UIPickerView alloc] init];
    // 设置数据源和代理
    picker.dataSource = self;
    picker.delegate = self;
    // 显示指示器
    picker.showsSelectionIndicator = YES;
    // 设置其为城市输入框的view
    self.cityTextField.inputView = picker;
}
// 4.加载所有的数据
- (void)loadAllData
{
    // 加载省份数据
    NSDictionary *dict = [NSDictionary dictionaryWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"cities" ofType:@"plist"]];
    // 所有以省名组成的数组
    self.provinceNameArr = dict[@"provinces"];
    // 字典,键是省名,值是城市名组成的数组
    self.provinceName_cities_Dict = dict[@"cities"];
}

// 2.1监听生日选择控件的值改变事件,为生日输入框赋值
- (void)datePickerValueChangeed:(UIDatePicker *)picker
{
    NSDateFormatter *formatter = [[NSDateFormatter alloc] init];
    formatter.dateFormat = @"yyyy-MM-dd";
    // 生日输入框赋值
    self.birthdayTextField.text = [formatter stringFromDate:picker.date];
}

#pragma mark - PickerView数据源方法
// 一共多少列
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView
{
    // 第一列是省名,第二列是省名对应的城市数组
    return 2;
}
// 每一列对应多少行
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component
{
    if (component == 0) {
        // 返回省名数组的长度
        return self.provinceNameArr.count;
    } else {
        // 返回第1列   当前选中的行号
        NSUInteger rowNum = [pickerView selectedRowInComponent:0];
        // 先从省名数组,取出对应的省名
        NSString *pName = self.provinceNameArr[rowNum];
        // 再从字典中,通过省名,获取城市数组,并返回其长度
        NSArray *cityArr = self.provinceName_cities_Dict[pName];
        return cityArr.count;
    }
}

// 每列每行显示什么数据
- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component
{
    if (component == 0) {
		//前一列,显示省名
        return self.provinceNameArr[row];
    } else {
        // 返回第1列   当前选中的行号
        NSUInteger rowNum = [pickerView selectedRowInComponent:0];
        // 先从省名数组,取出对应的省名
        NSString *pName = self.provinceNameArr[rowNum];
        // 再从字典中,通过省名,获取城市数组,并返回其长度
        NSArray *cityArr = self.provinceName_cities_Dict[pName];
        return cityArr[row];
    }
}
// UIPickerView选中了某一行就会调用
- (void)pickerView:(UIPickerView *)pickerView
      didSelectRow:(NSInteger)row inComponent:(NSInteger)component
{
    // 刷新后一列的数据,联动效果
    [pickerView reloadComponent:1];

    NSUInteger pRowNum = [pickerView selectedRowInComponent:0];
    // 先从省名数组,取出对应的省名
    NSString *pName = self.provinceNameArr[pRowNum];

    NSUInteger cRowNum = [pickerView selectedRowInComponent:1];
    // 再从字典中,通过省名,获取城市数组,并返回其对应的城市名
    NSArray *cityArr = self.provinceName_cities_Dict[pName];
    NSString *cName = cityArr[cRowNum];
    // 城市输入框赋值
    self.cityTextField.text = [NSString stringWithFormat:@"%@ %@", pName, cName];
}

#pragma mark - 重点!!!!!!!!keyboardTool代理方法
- (void)keyboardTool:(KeyboardTool *)tool
         buttonType:(KeyboardToolButtonType)type
{

    if (type == kKeyboardToolButtonTypeDone) {
		//当点击完成时,当前活动的输入框,取消第一响应者,退出键盘
        [self.currentTextField resignFirstResponder];
    } else {
		//先取出当前输入框在输入框数组中的索引,
        NSUInteger index = [self.allTextFields indexOfObject:self.currentTextField];
        if (type == kKeyboardToolButtonTypePrevious) {
            //当点击上一个时,索引减1,
            index--;
        } else {
            //当点击下一个时,索引加1,
            index++;
        }
		// 取出对应索引的输入框,成为即将成为的第一响应者,调出对应的键盘
        UITextField *field = self.allTextFields[index];
        [field becomeFirstResponder];
    }
}

#pragma mark - 重点!!!!!!!UITextField代理方法
- (void)textFieldDidBeginEditing:(UITextField *)textField
{

    // 记住被激活的文本框,其他方法keyboardTool:buttonClick:中要用到
    self.currentTextField = textField;

    // 先取得本输入框在所有输入框组成的数组中的索引
    NSUInteger index = [self.allTextFields indexOfObject:textField];
	// 设置下一个按钮的,是否可用
    self.tool.nextBtn.enabled = index != self.allTextFields.count - 1;
	// 设置上一个按钮的,是否可用
    self.tool.previousBtn.enabled = index != 0;

}
// 这个是 UITextField的一个委托方法!
// 利用这个委托 我们在打开键盘的时候,点击return 就可以关闭键盘了
- (BOOL)textFieldShouldReturn:(UITextField *)textField
{
    // 结束所有编辑,退出所有键盘,并且返回YES就可以
    [self.view endEditing:YES];
    return YES;
}
@end

数据源

时间: 2024-11-08 03:34:52

iOS_22自定义键盘工具条的相关文章

iOS_22自定义键盘工具栏

最后效果图: Main.storyboard KeyboardTool.xib watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcHJlX2VtaW5lbnQ=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" > KeyboardTool.h // KeyboardTool.h // 键盘处理 // Created by beyond on 14

iOS开发——Swift实战篇&amp;通知之键盘的现实与隐藏(加键盘工具条)

看这篇文章之前,建议读者先了解一下通知NSNotifation的通信原理 不好描述,我先上图: 就是点击“完成”可以隐藏键盘和自己,键盘出来时他们也跟着出来,对,就是这种效果,非常常用 1,设置keyboardHeaderview和“完成”(这里的self.keyboardHeaderView设置成了self对象) 1 self.keyboardHeaderView.frame = CGRect(x: 0,y: DeviceFrame.height+StatusBarFrame.height,w

UEditor自定义toolbar工具条

使用ueditor的同学都知道,ueditor里有很多功能,很全面,但有时候我们的编辑器不需要太多的功能,比如前台评论或者留言,就不需要这么多功能了,那我们怎么去定制自己想要的工具呢?官方给出了两个方法,ueditor工具栏上的按钮列表可以自定义配置,只需要通过修改配置项就可以实现需求: 1. 方法一:修改ueditorconfig.js里面的toolbars2. 方法二:实例化编辑器的时候传入toolbars参数第一种貌似不适合,需要改ueditor.config.js文件,有点麻烦,第二种就

设置键盘顶部显示的工具条

- (void)createKeyboardTool { keyboardTool = [[UIToolbar alloc] initWithFrame: CGRectMake(kZero, kZero, kScreenW, 44.0f)]; NSMutableArray *myToolBarItems = [NSMutableArray array]; //创建键盘工具条上面的按钮,并设置点击事件 UIBarButtonItem *cancelBtn = [[UIBarButtonItem a

为Autodesk Viewer添加自定义工具条

如果你参加过我们近期的活动,你就会频繁的听到我们现在正在做的Autodesk Viewer大模型浏览器,这是一个不需要下载任何插件,基于WebGL技术的浏览器,可以支持几十种数据格式.同时viewer也提供了API,你可以把这个viewer嵌入到你自己的web程序中.我们也写了不少sample,发布到了 github 上,这些示例都需要ConsumerKey,你需要向Autodesk来申请,目前该产品还没有正式发布,我们只邀请了一些客户做测试,很快就会发布,大家还需要耐心等待一下. 在最近的co

MapControl Application 添加自定义的工具条

现在想用二次开发做一些东西,然后需要自定义的工具条,但是如何向MapControl Application 添加自定义的工具条呢,经过多次试验后,终于找到了相应的方法(左图是添加自定义的工具条之前,右图是添加自定义的工具条之后) 在MapControl Application中一共有四个控件,即arcengine ToolbarControl,arcengine TOCControl,arcengine MapControl,还有arcengine LicenseControl. 在这里只需要将

iOS开发项目篇—29自定义工具条

iOS开发项目篇—29自定义工具条 一.简单说明 1.实现效果: 2.实现思路: (1)尝试: 1 //添加子控件 2 -(void)setupTextView 3 { 4 //1.创建输入控件 5 YYTextView *textView=[[YYTextView alloc]init]; 6 //设置frame 7 textView.frame=self.view.bounds; 8 [self.view addSubview:textView]; 9 self.textView=textV

新浪微博客户端(38)-显示键盘上的工具条

DJComposeToolbar.m #import "DJComposeToolbar.h" @implementation DJComposeToolbar - (instancetype)initWithFrame:(CGRect)frame { self = [super initWithFrame:frame]; if (self) { self.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNa

猫猫学iOS 之微博项目实战(12)发送微博自定义工具条代理实现点击事件

猫猫分享,必须精品 原创文章,欢迎转载.转载请注明:翟乃玉的博客 地址:http://blog.csdn.net/u013357243 一:效果 二:封装好的工具条 NYComposeToolbar.h 带代理方法 #import <UIKit/UIKit.h> typedef enum { NYComposeToolbarButtonTypeCamera, // 拍照 NYComposeToolbarButtonTypePicture, // 相册 NYComposeToolbarButto