实现下拉弹出视图和Block的简单实现
实现效果如下:


实现代码如下:
@interface ViewController ()<UIViewControllerTransitioningDelegate>
{
UILabel *optionLabel; //显示选中值得label
BOOL isPresentingOrDismissingOption;
UIView *buildingOptionView; //选择的视图
}
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
self.view.backgroundColor = [UIColor greenColor];
buildingOptionView = [[UIView alloc] initWithFrame:CGRectMake(, , , )];
[self.view addSubview:buildingOptionView];
buildingOptionView.backgroundColor = [UIColor redColor];
buildingOptionView.layer.cornerRadius = ;
buildingOptionView.clipsToBounds = YES;
UIGestureRecognizer *tapOnBuildingOpetionView = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapOnBuildingOpetionView:)];
[buildingOptionView addGestureRecognizer:tapOnBuildingOpetionView];
optionLabel = [[UILabel alloc] initWithFrame:CGRectMake(, , buildingOptionView.width - , )];
optionLabel.text = @"第一教学楼";
[buildingOptionView addSubview:optionLabel];
optionLabel.textColor = [UIColor blackColor];
UIImageView *arrowImageView = [[UIImageView alloc] initWithFrame:CGRectMake(optionLabel.right + ,optionLabel.top + ,,)];
arrowImageView.image = [UIImage imageNamed:@"classroom_arrow_icon"];
[buildingOptionView addSubview:arrowImageView];
}
//手势触发方法
- (void)tapOnBuildingOpetionView:(UITapGestureRecognizer *)tap{
NSLog(@"列表选择");
//弹出选择列表
OptionTableView *optionView = [[OptionTableView alloc]initWithFrame:CGRectMake(buildingOptionView.left + ,buildingOptionView.bottom + ,,) style:UITableViewStylePlain];
optionView.buildingsArray = @[@"第一教学楼", @"第二教学楼", @"第三教学楼", @"第四教学楼", @"第五教学楼", @"第六教学楼", @"第七教学楼", @"第八教学楼"];
[self.view addSubview:optionView];
//block的实现,给label赋值
[optionView setDismissOnBuilding:^(NSString *selectedBuilding) {
optionLabel.text = selectedBuilding;
}];
}
OptionTableView的实现代码如下:
#import <UIKit/UIKit.h> @interface OptionTableView : UITableView<UITableViewDataSource,UITableViewDelegate> @property (nonatomic, strong) NSArray *buildingsArray;
@property (nonatomic, copy) void (^dismissOnBuilding)(NSString *building); @end
static NSString *const buildingOptionCellId = @"Cell"; @interface OptionTableView () @end
@implementation OptionTableView - (id)initWithFrame:(CGRect)frame style:(UITableViewStyle)style{ self = [super initWithFrame:frame style:style];
if (self) { self.dataSource = self;
self.delegate = self; [self registerClass:[UITableViewCell class] forCellReuseIdentifier:buildingOptionCellId];
self.backgroundColor = [UIColor blueColor]; }
return self; } #pragma mark - Table view dataSource //行数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;
{ return self.buildingsArray.count; } //创建单元格
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath; {
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:buildingOptionCellId forIndexPath:indexPath];
cell.textLabel.text = self.buildingsArray[indexPath.row];
return cell; } #pragma mark - Table view delegate - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { //block实现选中的值的传递 if (self.dismissOnBuilding) {
self.dismissOnBuilding(self.buildingsArray[indexPath.row]);
} //当选择完毕表视图收起
self.frame = CGRectZero;
}
写的不好,有更好的方法,欢迎大家告诉我,谢谢!!!
实现下拉弹出视图和Block的简单实现的更多相关文章
- iOS开发——UI篇&下拉弹出列表选择项效果
下拉弹出列表选择项效果 右边菜单中的按键,点击弹出一个列表可选择,选择其中一个,响应相应的事件并把文字显示在右边的菜单上:弹出下拉效果使用LMDropdownView插件,可以用POD进行加载pod ...
- 【Bootstrap3.0建站笔记二】button可下拉弹出层
1.button可下拉弹出层: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hpbmFwbGFu/font/5a6L5L2T/fontsize/400 ...
- CCOMBOX下拉弹出框,因属性对话框自动隐藏而弹出框没有隐藏问题
关于这个问题是可以使用 使其失去焦点 releasecapture()解决的,但是鼠标在下拉列表中的item中经过时,调用releasecapture()后会选中最后mousemove过的item项. ...
- android下拉弹出动画
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http:// ...
- IOS弹出视图 LewPopupViewController
LewPopupViewController是一款IOS弹出视图软件.iOS 下的弹出视图.支持iPhone/iPad. 软件截图 使用方法 弹出视图 1 2 3 4 5 PopupView *vie ...
- 弹性ScrollView,和下啦刷新的效果类似 实现下拉弹回和上拉弹回
今天做了一个弹性ScrollView,和下啦刷新的效果类似,我想这个很多需求都用的这种效果 其实这是一个自定义的scrollView,上代码,这是我写在一个公共的组件包里的 package com.p ...
- iOS实现自定义的弹出视图(popView)
前段时间,在项目中有个需求是支付完成后,弹出红包,实现这么一个发红包的功能.做了最后,实现的效果大致如下: 一.使用方法 整个ViewController的代码大致如下 // // SecondVi ...
- 弹性ScrollView,和下啦刷新的效果相似 实现下拉弹回和上拉弹回
今天做了一个弹性ScrollView,和下啦刷新的效果类似,我想这个非常多需求都用的这样的效果 事实上这是一个自己定义的scrollView,上代码.这是我写在一个公共的组件包里的 package c ...
- php网页,想弹出对话框, 消息框 简单代码
php网页,想弹出对话框, 消息框 简单代码 <?php echo "<script language=\"JavaScript\">alert(\&q ...
随机推荐
- ElementUI2.0组件库el-table表格组件如何自定义表头?
效果图: npm run dev 编译项目之后,报错,要使用jsx语法需要先安装编译插件 1.安装下列安装包 npm install babel-plugin-syntax-jsx --save-de ...
- [bzoj 3701] Olympic Games (莫比乌斯反演)
题目描述 给出n,m,l,r,modn,m,l,r,modn,m,l,r,mod 表示一个(n+1)∗(m+1)(n+1)*(m+1)(n+1)∗(m+1)的格点图,求能够互相看见的点对个数对modm ...
- Learning Spark (Python版) 学习笔记(一)----RDD 基本概念与命令
<Learning Spark>这本书算是Spark入门的必读书了,中文版是<Spark快速大数据分析>,不过豆瓣书评很有意思的是,英文原版评分7.4,评论都说入门而已深入不足 ...
- 在jQuery中使用自定义属性
在jquery中 自定义属性及值默认以下都是在class='acitve'对象中 进行自定义属性操作:1,自定义属性格式:data-xxxx2,获取该属性值: $('.active').data('x ...
- 提高React组件的复用性
1. 使用props属性和组合 1. props.children 在需要自定义内容的地方渲染props.children function Dialog(props) { //通用组件 return ...
- LOJ P10149 凸多边形的划分 题解
Analysis 区间dp+压位高精 dp五分钟,高精两小时 #include<iostream> #include<cstdio> #include<cstring&g ...
- [HNOI2002]营业额统计 II
https://www.luogu.org/problemnew/show/2234 将权值离散化,以权值为下标建立权值线段树 #include <bits/stdc++.h> using ...
- 「CF150E」Freezing with Style「点分治」「单调队列」
题意 给定一颗带边权的树,求一条边数在\(L\).\(R\)之间的路径,并使得路径上边权的中位数最大.输出一条可行路径的两个端点.这里若有偶数个数,中位数为中间靠右的那个. \(n, L, R\leq ...
- 为Python配置Vim编辑器(GUI/非GUI皆可)
原文地址:https://blog.csdn.net/alanzjl/article/details/49383943 Vim as a python IDE ** 最近一直在写Python,但一直没 ...
- 高效使用Linux快捷键
命令行操作快捷键 Ctrl+a跳到本行的行首,Ctrl+e则跳到页尾. Ctrl+u删除当前光标前面的所有文字, ctrl+k-删除当前光标后面的所有文字 Ctrl+w删除光标前的单词 Backsap ...