IOS开发学习笔记023-UIToolBar的使用
这里使用代码实现
大概过程:
1、创建工具条
2、创建插入条
3、添加头像、标签、删除按钮
4、点击头像获取标签信息
做一个简单的联系人列表,可以添加删除联系人,现在还没有添加头像和文字,接下来慢慢添加
1、如何在UIToolBar两头出现两个按钮bar button item
可是在按钮中间添加一个bar button item,然后设置按钮的属性Identifier为Flexible Space
2、然后拖拽添加事件
- (IBAction)add:(UIBarButtonItem *) sender; // 添加
- (IBAction)remove:(UIBarButtonItem *) sender; // 删除
3、实现消息响应
点击添加按钮后向视窗中添加一条联系人信息,每次都添加到最后边。
点击删除按钮从视窗中删除一条联系人信息,每次都先删除最后一条。当只剩下工具条时使删除按钮失效。
添加按钮
- (IBAction)add:(UIBarButtonItem *) sender // 添加
{
NSLog(@"%@",@"add");
// 0.获取最后一个控件
UIView *last = [self.view.subviews lastObject];
//计算当前要插入的控件的位置
// y = 最后一个控件的y + 最后一个控件的高度 + 间距
CGFloat rowY = last.frame.origin.y + last.frame.size.height + ; // 1.创建
UIView *view = [[UIView alloc] init];
//view.frame = CGRectMake(0,rowY,320,50);
view.backgroundColor = [UIColor redColor]; // 2.添加
[self.view addSubview:view]; // 3.删除按钮有效
_removeItem.enabled = YES; view.frame = CGRectMake(, rowY, , );
view.alpha = ;
// 4.执行动画
// 动画实现方式1
// [UIView beginAnimations:nil context:nil];
// [UIView setAnimationDuration:1.0]; // 动画实现方式2
//使用UIView的方法实现动画block
// [UIView animateWithDuration:1.0 animations:^{
//
// }];
// 使用UIView的方法实现动画block
[UIView animateWithDuration:kDur animations:^{
view.frame = CGRectMake(, rowY, , );
view.alpha = ;
// 在动画结束后添加其他操作
} completion:^(BOOL finished) {
NSLog(@"%@",@"add完毕");
}]; // [UIView commitAnimations];
}
其中的动画实现方式有三种:
1、动画实现方式1
[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:1.0];
// 出现动画
[UIView commitAnimations];
2、[UIView animateWithDuration:1.0 animations:^{
// 动画改变
}];
3、 [UIView animateWithDuration:kDur animations:^{
view.frame = CGRectMake(0, rowY, 320, 50);
view.alpha = 1;
}//这里在动画结束实现一些其他操作
completion:^(BOOL finished) {
NSLog(@"%@",@"add完毕");
}];
删除按钮
#pragma mark 删除一行
- (IBAction)remove:(UIBarButtonItem *) sender // 删除
{
NSLog(@"%@",@"remove"); // 1.取出最后一个子控件
UIView *last = [self.view.subviews lastObject];
// 判断是否是toolbar
//if([last isKindOfClass:[last class]]) return;//
[UIView animateWithDuration:kDur animations:^{
CGRect temp = last.frame;
temp.origin.x = ;
last.frame = temp; // 改变位置
last.alpha = ; // 改变透明度
} completion:^(BOOL finished) {
// 2.删除子控件
[last removeFromSuperview];
_removeItem.enabled = self.view.subviews.count != ;
NSLog(@"%@",@"remove完毕");
}]; // 3.判断剩下的子控件的个数
// if(self.view.subviews.count == 1)
// {
// _removeItem.enabled = NO;
// } }
4、给添加的子控件添加头像和标签
把add方法中得创建子控件分离出来到一个方法中
UIView *view = [self createRowView]; // 在原处替换为这句话
createRowView方法,常见一行信息包括头像和文字信息
// 创建一行
- (UIView *)createRowView
{
// 1 创建父控件
UIView *view = [[UIView alloc] init];
//view.frame = CGRectMake(0,rowY,320,50);
view.backgroundColor = [UIColor redColor]; // 2 添加标签
UILabel *lab = [[UILabel alloc] init];
lab.frame = CGRectMake(, , self.view.frame.size.width, );
// lab.center = CGPointMake(160, kRowH/2);
// 随机获取已经存在的几个名字
int nameIndex = arc4random_uniform([_allNames count]);
// 设置文字
lab.text = _allNames[nameIndex];
// 设置背景
lab.backgroundColor = [UIColor clearColor];
// 设置文本居中显示
lab.textAlignment = NSTextAlignmentCenter; // 枚举常量
// 设置tag属性
[lab setTag:kTag];
// 添加到父控件
[view addSubview:lab]; // 3 添加头像
UIButton *icon = [UIButton buttonWithType:UIButtonTypeCustom];
icon.frame = CGRectMake(, , , kRowH);
// 随机产生文件名 ,0~8
int randomindex = arc4random() % ;
//int randomindex2 = arc4random_uniform(9);
NSString *name = [NSString stringWithFormat:@"01%d.png",randomindex];
// 设置图片
[icon setImage:[UIImage imageNamed:name] forState:UIControlStateNormal]; // 添加监听器,响应按钮按下事件
[icon addTarget:self action:@selector(iconClick:) forControlEvents:UIControlEventTouchUpInside];
// 添加到父控件
[view addSubview:icon]; return view;
}
1 // 监听器
- (void)iconClick:(UIButton *)btn
{
//NSLog(@"%@",btn);
// 根据tag获取父控件内部子控件tag为10的子控件
UILabel *lab = (UILabel *)[btn.superview viewWithTag:]; NSLog(@"%@",lab.text);
}
添加的数组在这里
// 类扩展(class extension 匿名分类)
// 添加类的私有属性和方法
@interface SLQViewController ()
{
NSArray *_allNames;
}
@end @implementation SLQViewController #pragma mark 控制器的view调用完毕调用一次
- (void)viewDidLoad
{
[super viewDidLoad]; _allNames = @[@"张三",@"李四",@"万物",@"傻缺"];
}
现在效果如下,可添加一行,删除一行,并随机显示头像和标签
5、给每一条信息都添加删除按钮
在创建时直接添加上按钮,写在添加过头像之后
// 4.删除按钮
UIButton *del = [UIButton buttonWithType:UIButtonTypeRoundedRect];
del.frame = CGRectMake(, , , );
del.backgroundColor = [UIColor yellowColor];
[del setTitle:@"删除" forState:UIControlStateNormal];
// 添加监听事件
[del addTarget:self action:@selector(deleteClick:) forControlEvents:UIControlEventTouchUpInside]; [view addSubview:del];
然后响应按下事件
// 监听删除按钮
- (void)deleteClick:(UIButton *)del
{
// NSLog(@"%f",del.superview.frame.origin.y);
// 添加动画效果
[UIView animateWithDuration:kDur animations:^{
// 改变位置
CGRect temp = del.superview.frame;
temp.origin.x = kWidth;
del.superview.frame = temp; del.superview.alpha = ; // 透明
}
// 动画执行结束后执行这个
completion:^(BOOL finished)
{
// 1 获取当前要删除控件的索引
int index = [self.view.subviews indexOfObject:del.superview];
// 2 删除当前行
[del.superview removeFromSuperview]; [UIView animateWithDuration:kDur-0.3 animations:^{
// 3 删除后后面控件上移
for (int i = index; i < self.view.subviews.count; i ++)
{
//
UIView *child = self.view.subviews[i];
CGRect temp = child.frame;
temp.origin.y -= kRowH + ;
child.frame = temp;
}
}]; // 4 判断删除按钮是否失效
_removeItem.enabled = self.view.subviews.count > ; }]; }
代码
//
// SLQViewController.m
// 联系人管理
//
// Created by Christian on 15/5/13.
// Copyright (c) 2015年 itcast. All rights reserved.
// #import "SLQViewController.h" #define kDur 1.0
#define kRowH 50
#define kTag 10
#define kWidth 320
// 类扩展(class extension 匿名分类)
// 添加类的私有属性和方法
@interface SLQViewController ()
{
NSArray *_allNames;
}
@end @implementation SLQViewController #pragma mark 控制器的view调用完毕调用一次
- (void)viewDidLoad
{
[super viewDidLoad]; _allNames = @[@"张三",@"李四",@"万物",@"傻缺"];
}
#pragma mark 添加一行
- (IBAction)add:(UIBarButtonItem *) sender // 添加
{
NSLog(@"%@",@"add");
// 0.获取最后一个控件
UIView *last = [self.view.subviews lastObject];
//计算当前要插入的控件的位置
// y = 最后一个控件的y + 最后一个控件的高度 + 间距
CGFloat rowY = last.frame.origin.y + last.frame.size.height + ; // 1.创建
// UIView *view = [[UIView alloc] init];
// //view.frame = CGRectMake(0,rowY,320,50);
// view.backgroundColor = [UIColor redColor];
UIView *view = [self createRowView];
// 2.添加
[self.view addSubview:view]; // 3.删除按钮有效
_removeItem.enabled = YES; view.frame = CGRectMake(, rowY, , );
view.alpha = ;
// 4.执行动画
// 动画实现方式1
// [UIView beginAnimations:nil context:nil];
// [UIView setAnimationDuration:1.0]; // 动画实现方式2
//使用UIView的方法实现动画block
// [UIView animateWithDuration:1.0 animations:^{
//
// }];
// 使用UIView的方法实现动画block
[UIView animateWithDuration:kDur animations:^{
view.frame = CGRectMake(, rowY, , );
view.alpha = ; } completion:^(BOOL finished) {
NSLog(@"%@",@"add完毕");
}]; // [UIView commitAnimations];
} // 创建一行
- (UIView *)createRowView
{
// 1 创建父控件
UIView *view = [[UIView alloc] init];
//view.frame = CGRectMake(0,rowY,320,50);
view.backgroundColor = [UIColor redColor]; // 2 添加标签
UILabel *lab = [[UILabel alloc] init];
lab.frame = CGRectMake(, , self.view.frame.size.width, );
// lab.center = CGPointMake(160, kRowH/2);
// 随机获取已经存在的几个名字
int nameIndex = arc4random_uniform([_allNames count]);
// 设置文字
lab.text = _allNames[nameIndex];
// 设置背景
lab.backgroundColor = [UIColor clearColor];
// 设置文本居中显示
lab.textAlignment = NSTextAlignmentCenter; // 枚举常量
// 设置tag属性
[lab setTag:kTag];
// 添加到父控件
[view addSubview:lab]; // 3 添加头像
UIButton *icon = [UIButton buttonWithType:UIButtonTypeCustom];
icon.frame = CGRectMake(, , , kRowH);
// 随机产生文件名 ,0~8
int randomindex = arc4random() % ;
//int randomindex2 = arc4random_uniform(9);
NSString *name = [NSString stringWithFormat:@"01%d.png",randomindex];
// 设置图片
[icon setImage:[UIImage imageNamed:name] forState:UIControlStateNormal]; // 添加监听器
[icon addTarget:self action:@selector(iconClick:) forControlEvents:UIControlEventTouchUpInside];
// 添加到父控件
[view addSubview:icon]; // 4.删除按钮
UIButton *del = [UIButton buttonWithType:UIButtonTypeRoundedRect];
del.frame = CGRectMake(, , , );
del.backgroundColor = [UIColor yellowColor];
[del setTitle:@"删除" forState:UIControlStateNormal];
// 添加监听事件
[del addTarget:self action:@selector(deleteClick:) forControlEvents:UIControlEventTouchUpInside]; [view addSubview:del]; return view;
}
// 监听删除按钮
- (void)deleteClick:(UIButton *)del
{
// NSLog(@"%f",del.superview.frame.origin.y);
// 添加动画效果
[UIView animateWithDuration:kDur animations:^{
// 改变位置
CGRect temp = del.superview.frame;
temp.origin.x = kWidth;
del.superview.frame = temp; del.superview.alpha = ; // 透明
}
// 动画执行结束后执行这个
completion:^(BOOL finished)
{
// 1 获取当前要删除控件的索引
int index = [self.view.subviews indexOfObject:del.superview];
// 2 删除当前行
[del.superview removeFromSuperview]; [UIView animateWithDuration:kDur-0.4 animations:^{
// 3 删除后后面控件上移
for (int i = index; i < self.view.subviews.count; i ++)
{
//
UIView *child = self.view.subviews[i];
CGRect temp = child.frame;
temp.origin.y -= kRowH + ;
child.frame = temp;
}
}]; // 4 判断删除按钮是否失效
_removeItem.enabled = self.view.subviews.count > ; }]; } // 监听头像按钮
- (void)iconClick:(UIButton *)btn
{
//NSLog(@"%@",btn);
// 根据tag获取父控件内部子控件tag为10的子控件
UILabel *lab = (UILabel *)[btn.superview viewWithTag:]; NSLog(@"%@",lab.text);
} #pragma mark 删除一行
- (IBAction)remove:(UIBarButtonItem *) sender // 删除
{
NSLog(@"%@",@"remove"); // 1.取出最后一个子控件
UIView *last = [self.view.subviews lastObject];
// 判断是否是toolbar
//if([last isKindOfClass:[last class]]) return;//
[UIView animateWithDuration:kDur animations:^{
CGRect temp = last.frame;
temp.origin.x = ;
last.frame = temp; // 改变位置
last.alpha = ; // 改变透明度
} completion:^(BOOL finished) {
// 2.删除子控件
[last removeFromSuperview];
_removeItem.enabled = self.view.subviews.count != ;
NSLog(@"%@",@"remove完毕");
}]; // 3.判断剩下的子控件的个数
// if(self.view.subviews.count == 1)
// {
// _removeItem.enabled = NO;
// } } @end
IOS开发学习笔记023-UIToolBar的使用的更多相关文章
- iOS开发学习笔记:基础篇
iOS开发需要一台Mac电脑.Xcode以及iOS SDK.因为苹果设备都具有自己封闭的环境,所以iOS程序的开发必须在Mac设备上完成(当然,黑苹果应该也是可以的,但就需要花很多的精力去折腾基础环境 ...
- ios开发学习笔记(1)
objective-c基础总结 第一二章 1.application:didiFinishLauchingWithOptions:程序启动后立即执行 2.启动界面代码格式:self.window = ...
- ios开发学习笔记(这里一定有你想要的东西,全部免费)
1,Search Bar 怎样去掉背景的颜色(storyboard里只能设置background颜色,可是发现clear Color无法使用). 其实在代码里还是可以设置的,那就是删除背景view [ ...
- iOS开发学习笔记
1 常用的第三方工具 1.1 iPhone Simulator 测试程序需要模拟器iPhone Simulator 1.2 设计界面需要Interface Builder,Interface Buil ...
- IOS开发学习笔记017-第一个IOS应用
第一个IOS应用程序,就从最简单的开始吧. 1.先了解一下开发环境,Xcode的相关组成 2.还有模拟器 3.运行与停止按钮 4.新建一个工程 5.看看main函数里都有啥 6.现在来添加一个控件 1 ...
- (ios开发学习笔记一)ios项目文件结构
转自:http://www.cnblogs.com/macroxu-1982/archive/2012/07/31/2616389.html 下面是单个窗体项目例子,我们从这个项目开始,说明ios项目 ...
- ios开发学习笔记040-autolayout 第三方框架Masonry
不管是是界面创建约束还是代码创建约束,苹果官方提供的方式都比较繁琐.所以出现了第三方框架. Masonry 在github地址如下: https://github.com/SnapKit/Masonr ...
- IOS开发学习笔记033-UIScrollView
1.滚动显示图片 如果图片过大,则需要滚动显示,这是需要用到类UIScrollView,可是实现控件的水平和垂直滚动. 可用三步实现:1 设置UIScrollView,2 设置UIImageView, ...
- IOS开发学习笔记026-UITableView的使用
UITableView的简单使用过程 简单介绍 两种样式 UITableViewStylePlain UITableViewStyleGrouped 数据显示需要设置数据源,数据源是符合遵守协议 &l ...
随机推荐
- C# 常见的字符串操作
例1: 遍历字符串中的每一个字符: string src = "aa-b - c-a - d-e- d-e- a- a-b-cc"; foreach(char c in src) ...
- Piwik-2.16.1 (OpenLogic CentOS7.2)
平台: CentOS 类型: 虚拟机镜像 软件包: centos7.2 piwik devops log analysis monitoring open-source 服务优惠价: 按服务商许可协议 ...
- RF的一些技术知识
1. dBm 定义的是 miliwatt(毫瓦特).0 dBm=1mw: dBw 定义 watt.0 dBW = 1 W =1000 mw = 10lg(1000/1)dBm=30dbm. dB ...
- IOS segue(跳转页面处理)
● Storyboard上每一根用来界面跳转的线,都是一个UIStoryboardSegue对象(简称Segue) Segue的属性 ● 每一个Segue对象,都有3个属性 ➢ 唯一标识 @prope ...
- EF写统计
EF的特性是,你from的第一个表为主表,接下来的所有表以左联或者内联或者交叉连接的方式去显示,不会出现右联, 在编写的时候,可以先确定个数据源,然后对这个数据源进行数据的统计, 例如SQL: -- ...
- 【BZOJ1076】[SCOI2008] 奖励关(状压DP)
点此看题面 大致题意:总共有\(n\)个宝物和\(k\)个回合,每个回合系统将随机抛出一个宝物(抛出每个宝物的概率皆为\(1/n\)),吃掉一个宝物可以获得一定的积分(积分可能为负),而吃掉某个宝物有 ...
- GPU并行编程:内核及函数的实现
原文链接 回想一下我们之前在设备上使用“kernelFunction<<<1,1>>>(..)”执行一个函数的代码,我在那里还曾说过后面会细说,本文就详细介绍一下参 ...
- 关于java中异常机制
什么是异常:异常就是程序在运行时出现的不正常情况.对于严重的情况Java通过Error类进行描述,一般不用编写代码处理:对于不严重的情况Java通过Exception描述,一般编写针对性代码对其进行处 ...
- vue 自定义动态弹框
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 牛客小白月赛5 A 无关(relationship) 【容斥原理】【数据范围处理】
题目链接:https://www.nowcoder.com/acm/contest/135/A 题目描述 若一个集合A内所有的元素都不是正整数N的因数,则称N与集合A无关. 给出一个含有k个元素的 ...