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. xmlplus 组件设计系列之四 - 列表

    列表组件是极其常用的一类组件,是许多视图组件系统的必须包含的.列表可以做的很简单,只显示简洁的内容.列表也可以做的很复杂,用于展示非常丰富的内容. 组成元素 列表离不开列表项以及包含列表项的容器.下面 ...

  2. xmlplus 组件设计系列之三 - 文本框

    文本框是页面中最常用的输入组件,它的默认使用方式如下: <input type='text'/> 当然,这里的 `type='text' 可以略去不写.大部分情况下,使用默认的文本框作为输 ...

  3. Oracle数据库时间类型悬疑案

    这次遇到的问题小Alan其实一年半前做证券行业项目就已经遇到过,但是一直没有去思考是什么原因导致的这样的悬疑案,悬疑案是什么呢?其实很简单,我想有不少童鞋都有用到Oracle数据库,情形是这样子的,这 ...

  4. 蓝桥杯-打印十字图-java

    /* (程序头部注释开始) * 程序的版权和版本声明部分 * Copyright (c) 2016, 广州科技贸易职业学院信息工程系学生 * All rights reserved. * 文件名称: ...

  5. hdu3829最大独立集

    The zoo have N cats and M dogs, today there are P children visiting the zoo, each child has a like-a ...

  6. python结合shell脚本实现简单的日常集中巡检

    一.环境配置 1.说明 下面的安装过程适合开发.调试Python脚本,如果是直接使用的话没有这么复杂.为了防止由于版本问题导致安装问题,请到http://pan.baidu.com/s/1nt1NKS ...

  7. 宝爷Debug小记——Cocos2d-x(3.13之前的版本)底层BUG导致Spine渲染花屏

    最近在工作中碰到不少棘手的BUG,其中的一个是Spine骨骼的渲染花屏,在战斗中派发出大量士兵之后有概率出现花屏闪烁(如下图所示),这种莫名奇妙且难以重现的BUG最为蛋疼.   前段时间为了提高Spi ...

  8. php表单提交 图片、音乐、视频、文字,四种类型共同提交到数据库

    这个问题一直困扰了我好几天,终于在今天让我给解决了,难以掩饰的激动. 其实在之前没有接触到这种问题,只是表单提交数据而已,再就是图片,四种类型同时提交还真是没遇到过,做了一个系统,其中有一个功能就是提 ...

  9. 如何在Eclipse下查看JDK源代码

    设置: 1.点 "窗口"-> "首选项" -> "Java" -> "已安装的JRE" 2.此时&qu ...

  10. spring boot无法启动,或者正常启动之后无法访问报404的解决办法

    以前用spring boot都是用idea的自动创建,或者是用的Jhipster创建的,就没有深究怎么去搭建.但是今天晚上心血来潮,想自己搭一个demo来整合一些技术,于是就花一点时间来手动搭.因为今 ...