p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #78492a }
p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #000000; min-height: 16.0px }
p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #d12f1b }
p.p4 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #4f8187 }
p.p5 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #ba2da2 }
p.p6 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #000000 }
p.p7 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #703daa }
p.p8 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #3e1e81 }
p.p9 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #008400 }
p.p10 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #272ad8 }
span.s1 { }
span.s2 { color: #272ad8 }
span.s3 { color: #78492a }
span.s4 { color: #ba2da2 }
span.s5 { color: #000000 }
span.s6 { color: #703daa }
span.s7 { color: #3e1e81 }
span.s8 { color: #31595d }
span.s9 { color: #d12f1b }
span.s10 { font: 14.0px "PingFang SC"; color: #d12f1b }
span.s11 { color: #4f8187 }
span.s12 { font: 14.0px "PingFang SC" }

里面的坐标可能有问题 可以自己修改

#define kSelfBackgroundColor [UIColor colorWithRed:0 green:0 blue:0 alpha:0.5f];

#import "HBActionSheet.h"

@interface HBActionSheet ()

@property (nonatomic, strong) UIView *btnBgView;

@property (nonatomic, strong) UIButton *selectedBtn;

@end

@implementation HBActionSheet

- (instancetype)initWithFrame:(CGRect)frame

{

self = [super initWithFrame:frame];

if (self) {

self.frame = [UIScreen mainScreen].bounds;

UIView *view = [[UIView alloc]initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 368 - 64)];

view.backgroundColor = kSelfBackgroundColor;

[self addSubview:view];

UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(hiddenActionSheet:)];

[view addGestureRecognizer:tap];

[self loadingUI];

}

return self;

}

- (void) loadingUI{

CGSize size = [[UIScreen mainScreen] bounds].size;

UILabel *titleLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, size.width, 45)];

titleLabel.text = @"支付方式";

titleLabel.textAlignment = NSTextAlignmentCenter;

titleLabel.backgroundColor = [UIColor redColor];

titleLabel.font = [UIFont systemFontOfSize:16];

[self.btnBgView addSubview:titleLabel];

UIButton *cancelBtn = [UIButton buttonWithType:UIButtonTypeCustom];

cancelBtn.frame = CGRectMake(size.width - 25 - 15, 11, 24, 24);

[cancelBtn setImage:[UIImage imageNamed:@"close"] forState:UIControlStateNormal];

[cancelBtn addTarget:self action:@selector(hiddenActionSheet) forControlEvents:UIControlEventTouchUpInside];

[self.btnBgView addSubview:cancelBtn];

UILabel *priceLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, CGRectGetMaxY(titleLabel.frame), size.width, 70)];

priceLabel.backgroundColor = [UIColor whiteColor];

priceLabel.text = @"共¥30.00";

priceLabel.textAlignment = NSTextAlignmentCenter;

priceLabel.font = [UIFont systemFontOfSize:24];

[self.btnBgView addSubview:priceLabel];

NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc]initWithString:priceLabel.text];

[attributedString addAttribute:NSForegroundColorAttributeName

value:[UIColor grayColor]

range:NSMakeRange(0, 1)];

[attributedString addAttribute:NSFontAttributeName

value:[UIFont systemFontOfSize:16]

range:NSMakeRange(0, 1)];

priceLabel.attributedText = attributedString;

NSArray *titleArray = [[NSArray alloc]initWithObjects:@"余额",@"支付宝支付",@"微信支付",@"App Pay", nil];

for (int j = 0; j < 4; j++) {

UILabel *payStyleLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, CGRectGetMaxY(priceLabel.frame) + j*50 , size.width, 50)];

payStyleLabel.text = [NSString stringWithFormat:@"           %@",titleArray[j]];

payStyleLabel.font  = [UIFont systemFontOfSize:16];

payStyleLabel.userInteractionEnabled = YES;

[self.btnBgView addSubview:payStyleLabel];

UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(15, 15, 20, 20)];

imageView.backgroundColor = [UIColor redColor];

[payStyleLabel addSubview:imageView];

UIButton *payBtn = [UIButton buttonWithType:UIButtonTypeCustom];

payBtn.frame = CGRectMake(size.width - 24 - 15, 13, 24, 24);

payBtn.tag = j + 1;

[payBtn setImage:[UIImage imageNamed:@"selectNo"] forState:UIControlStateNormal];

[payBtn setImage:[UIImage imageNamed:@"selectNo"] forState: UIControlStateHighlighted];

[payBtn setImage:[UIImage imageNamed:@"selectYes"] forState:UIControlStateSelected];

[payBtn setImage:[UIImage imageNamed:@"selectYes"]forState:UIControlStateSelected | UIControlStateHighlighted];

[payBtn addTarget:self action:@selector(selectPayStyle:) forControlEvents:UIControlEventTouchUpInside];

[payStyleLabel addSubview:payBtn];

}

UIButton *confirmPayBtn = [UIButton buttonWithType:UIButtonTypeCustom];

confirmPayBtn.backgroundColor = [UIColor greenColor];

[confirmPayBtn addTarget:self action:@selector(confirmPay) forControlEvents:UIControlEventTouchUpInside];

[confirmPayBtn setTitle:@"确认支付" forState:UIControlStateNormal];

confirmPayBtn.titleLabel.font = [UIFont systemFontOfSize:18];

confirmPayBtn.frame = CGRectMake(0, self.btnBgView.frame.size.height - 49, size.width, 49);

[self.btnBgView addSubview:confirmPayBtn];

// 显示

[UIView animateWithDuration:0.3 animations:^{

CGRect frame = self.btnBgView.frame;

frame.origin.y =  size.height - frame.size.height - 64;

self.btnBgView.frame = frame;

}];

}

- (void)confirmPay{

}

- (void)selectPayStyle:(UIButton *)btn{

if (btn != self.selectedBtn) {

self.selectedBtn.selected = NO;

btn.selected = YES;

self.selectedBtn = btn;

}else{

self.selectedBtn.selected = YES;

}

}

- (void)hiddenActionSheet{

[UIView animateWithDuration:0.3 animations:^{

CGRect frame = self.btnBgView.frame;

frame.origin.y = [UIScreen mainScreen].bounds.size.height;

self.btnBgView.frame = frame;

} completion:^(BOOL finished) {

[self removeFromSuperview];

}];

}

- (void)hiddenActionSheet:(UITapGestureRecognizer *)tap{

if ([tap.view isKindOfClass:[UIButton class]] || [tap.view isKindOfClass:[UILabel class]] || [tap.view isKindOfClass:[UIImageView class]]) {

return;

}

[UIView animateWithDuration:0.3 animations:^{

CGRect frame = self.btnBgView.frame;

frame.origin.y = [UIScreen mainScreen].bounds.size.height;

self.btnBgView.frame = frame;

} completion:^(BOOL finished) {

[self removeFromSuperview];

}];

}

- (UIView *)btnBgView{

if (!_btnBgView) {

CGSize size = [[UIScreen mainScreen] bounds].size;

_btnBgView = [[UIView alloc]init];

_btnBgView.backgroundColor = [UIColor colorWithRed:223.0f/255.0f green:226.0f/255.f blue:236.0f/255.0f alpha:1];

_btnBgView.frame = CGRectMake(0, size.height - 368 - 64, size.width ,size.height - 368);

[self addSubview:_btnBgView];

}

return _btnBgView;

}

@end

效果图:

iOS自定义弹出视图的更多相关文章

  1. iOS自定义弹出视图、收音机APP、图片涂鸦、加载刷新、文件缓存等源码

    iOS精选源码 一款优秀的 聆听夜空FM 源码 zhPopupController 简单快捷弹出自定义视图 WHStoryMaker搭建美图(贴纸,涂鸦,文字,滤镜) iOS cell高度自适应 有加 ...

  2. iOS 仿看了吗应用、指南针测网速等常用工具、自定义弹出视图框架、图片裁剪、内容扩展等源码

    iOS精选源码 扩展内容的cell - folding-cell 一个近乎完整的可识别中国身份证信息的Demo 可自动快速... JPImageresizerView 仿微信的图片裁剪 带年月和至今以 ...

  3. iOS实现自定义的弹出视图(popView)

    前段时间,在项目中有个需求是支付完成后,弹出红包,实现这么一个发红包的功能.做了最后,实现的效果大致如下: 一.使用方法 整个ViewController的代码大致如下 // //  SecondVi ...

  4. IOS弹出视图 LewPopupViewController

    LewPopupViewController是一款IOS弹出视图软件.iOS 下的弹出视图.支持iPhone/iPad. 软件截图 使用方法 弹出视图 1 2 3 4 5 PopupView *vie ...

  5. iOS模态弹出半透明视图控制器

    项目中需要实现点击按钮出现的视图全屏覆盖,呈半透明状态可以看到下面的视图? 解决方案: 绕了很多弯路原来可以使用模态弹出一个视图控制器 在iOS8之后只需要设置一个最新的属性 SecondViewCo ...

  6. js自定义弹出框

    js自定义弹出框: 代码如下 <html> <head><title>自定义弹出对话框</title> <style type ="te ...

  7. android自定义弹出框样式实现

    前言: 做项目时,感觉Android自带的弹出框样式比较丑,很多应用都是自己做的弹出框,这里也试着自己做了一个. 废话不说先上图片: 实现机制 1.先自定义一个弹出框的样式 2.自己实现CustomD ...

  8. CSS3/jQuery自定义弹出窗口

    简单演示一下,精简了演示效果和css样式文件,更利于在项目中的实际应用 引入style.css   index.js <!DOCTYPE HTML PUBLIC "-//W3C//DT ...

  9. react native仿微信性别选择-自定义弹出框

    简述 要实现微信性别选择需要使用两部分的技术: 第一.是自定义弹出框: 第二.单选框控件使用: 效果 实现 一.配置弹出框 弹出框用的是:react-native-popup-dialog(Git地址 ...

随机推荐

  1. 某马-某淘商城的day01--->分析,工程搭建,tomcat插件启动工程,svn,反思

    -1:为什么还要写某马的某淘商城呢? 答:万物更新,季节交替.新人总把旧人换.所以呢,前人写了N多遍的东西,我们依旧在学,所以下决心写某马的某淘商城.(也因为在学校还没找工作,所以找个相对长期的事情做 ...

  2. DirectFB 之 实例图像不断右移

    /********************************************** * Author: younger.liucn@gmail.com * File name: imgro ...

  3. file_get_contents url

    file_get_contents (PHP 4 >= 4.3.0, PHP 5) file_get_contents — 将整个文件读入一个字符串 说明¶ string file_get_co ...

  4. bootstrap的常用组件和栅格式布局

    Bootstrap 是最受欢迎的 HTML.CSS 和 JS 框架,用于开发响应式布局.移动设备优先的 WEB 项目. 因为Bootstrap需要jquery的支持,所以在使用Bootstrap之前要 ...

  5. java线程(一)

    java线程基础 什么是线程? 这里引用百度百科的一句话:"线程,有时被称为轻量级进程(Lightweight Process,LWP),是程序执行流的最小单元.一个标准的线程由线程ID,当 ...

  6. 从性能角度看react组件拆分的重要性

    React是一个UI层面的库,它采用虚拟DOM技术减少Javascript与真正DOM的交互,提升了前端性能:采用单向数据流机制,父组件通过props将数据传递给子组件,这样让数据流向一目了然.一旦组 ...

  7. 前端框架对比之vue与regular(一)

    每次一写到Regular总是忍不住先介绍一下,Regualr是网易杭州研究所的一位叫郑海波的大神写的一款前端框架,目前 这款框架推广的不深,加上其和angular过于相似的框架名,导致接受力并不大,其 ...

  8. Nginx 反向代理&负载均衡

    1.反向代理 当我们请求一个网站时,nginx会决定由哪台服务器提供服务,就是反向代理. nginx只做请求的转发,后台有多个tomcat服务器提供服务,nginx的功能就是把请求转发给后面的服务器, ...

  9. js,jQuery和DOM操作的总结(二)

    jQuery的基本操作 (1)遍历键值对和数组 , , , , , ]; $.map(arr, function (ele, index) { alert(ele + '===' + index); ...

  10. 深入分析 Java I/O 的工作机制

    I/O 问题可以说是当今互联网 Web 应用中所面临的主要问题之一,因为当前在这个海量数据时代,数据在网络中随处流动.这个流动的过程中都涉及到 I/O 问题,可以说大部分 Web 应用系统的瓶颈都是 ...