AJ分享,必须精品

效果:

注意图里面了吗,其实那个效果做起来真的很简单,在iOS中苹果给我们封装的很好,关键是那个按钮

系统的按钮的图片是在左边的,这里我们需要把他调整到右边,然后呢需要我们自己做一下操作。

代码:

话不多说,先把所有代码放上来。能看懂就不用看别的了。(这么详细的注释,看不懂才怪。。)

弹出view:NYBuyController.m

//
// NYBuyController.m
// 彩票lottery
//
// Created by apple on 15-5-10.
// Copyright (c) 2015年 znycat. All rights reserved.
// #import "NYBuyController.h"
#import "NYTitleButton.h" @interface NYBuyController () - (IBAction)titleBtnOnClick:(NYTitleButton *)titleBtn; // 定义变量记录当前按钮的状态
@property (nonatomic, assign, getter = isOpen) BOOL open; @property (nonatomic, weak) UIView *contentView; @end @implementation NYBuyController /**懒加载,点击标题弹出的view*/
-(UIView *)contentView
{
if (_contentView == nil) {
// 添加将来需要显示的View
UIView *contentView = [[UIView alloc] init];
contentView.backgroundColor = [UIColor greenColor];
contentView.frame = CGRectMake(0, 64, 320, 200);
[self.view addSubview:contentView];
_contentView = contentView;
// 隐藏该View
}
return _contentView;
} - (void)viewDidLoad
{
[super viewDidLoad];
self.contentView.hidden = YES;
} - (IBAction)titleBtnOnClick:(NYTitleButton *)titleBtn { if (!self.isOpen) {// 没有打开
[UIView animateWithDuration:1.0 animations:^{
// 1.旋转按钮上的尖尖
titleBtn.imageView.transform = CGAffineTransformMakeRotation(M_PI);
}];
// 改变当前按钮的状态
CATransition *ca = [CATransition animation];
ca.type = @"cube";
[self.contentView.layer addAnimation:ca forKey:nil];
self.open = YES; // 显示内容view
self.contentView.hidden = NO;
}else // 已经打开
{
[UIView animateWithDuration:1.0 animations:^{
// 1.旋转按钮上的尖尖
titleBtn.imageView.transform = CGAffineTransformIdentity;
}];
// 改变当前按钮的状态
//添加动画
CATransition *ca = [CATransition animation];
ca.type = @"cube";
[self.contentView.layer addAnimation:ca forKey:nil];
self.open = NO; // 隐藏内容View
self.contentView.hidden = YES;
} }
@end

:自定义图片在右边的Button NYTitleButton.m

//
// NYTitleButton.m
// 彩票lottery
//
// Created by apple on 15-5-10.
// Copyright (c) 2015年 znycat. All rights reserved.
// #import "NYTitleButton.h" @interface NYTitleButton () @property (nonatomic, strong) UIFont *myFont; @end @implementation NYTitleButton -(id)initWithCoder:(NSCoder *)aDecoder
{
if (self = [super initWithCoder:aDecoder]) {
[self setup];
}
return self;
} -(id)initWithFrame:(CGRect)frame
{
if (self = [super initWithFrame:frame]) {
[self setup];
}
return self;
} -(void)setup
{
// 记录按钮标题的字体
self.myFont = [UIFont systemFontOfSize:16];
// 设置标题的字体
self.titleLabel.font = self.myFont;
// 设置按钮的图片显示的内容默认为剧中(为了不拉伸)
self.imageView.contentMode = UIViewContentModeCenter;
} // 用于返回按钮上标题的位置, 传入按钮的rect
- (CGRect)titleRectForContentRect:(CGRect)contentRect
{
CGFloat titleX = 0;
CGFloat titleY = 0;
CGFloat titleH = contentRect.size.height;
// 获取当前按钮上的文字
// [self titleForState:UIControlStateNormal];
NSString *title = self.currentTitle;
CGSize maxSize = CGSizeMake(MAXFLOAT, MAXFLOAT);
NSMutableDictionary *md = [NSMutableDictionary dictionary]; md[NSFontAttributeName] = self.myFont; // 计算文字的范围
CGFloat titleW = 0;
// 判断是否是xcode5 , 如果是就编译一下代码, 如果不是就不编译
#ifdef __IPHONE_7_0
if (iOS7) { // 是IOS7
CGRect titleRect = [title boundingRectWithSize:maxSize options:NSStringDrawingUsesLineFragmentOrigin attributes:md context:nil];
titleW = titleRect.size.width;
}else
{
// 非IOS7
CGSize titleSize = [title sizeWithFont:self.myFont];
titleW = titleSize.width;
}
#else
// XCODE4
CGSize titleSize = [title sizeWithFont:self.myFont];
titleW = titleSize.width;
#endif return CGRectMake(titleX, titleY, titleW, titleH);
}
- (CGRect)imageRectForContentRect:(CGRect)contentRect
{ CGFloat imageY = 0;
CGFloat imageH = contentRect.size.height;
CGFloat imageW = 16;
// 图片的X = 按钮的宽度 - 图片宽度
CGFloat imageX = contentRect.size.width - imageW;
return CGRectMake(imageX, imageY, imageW, imageH);
} @end

iOS6,7简单适配 文件: (Prefix.pch)


#define iOS7 ([[UIDevice currentDevice].systemVersion doubleValue] >= 7.0)

具体实现

把按钮图片放右边(自定义图片在右边的按钮)

要想实现自定义按钮位置 主要是重写下面两个方法

- (CGRect)titleRectForContentRect:(CGRect)contentRect;
- (CGRect)imageRectForContentRect:(CGRect)contentRect;

这里上面代码中写的很清楚了,不多说了就,需要注意的是,我们在算title的长度的时候出现了一些状况,那就是iOS6里面没有这个方法,以及xcode4.5版本会编译出错的问题,在这里做了iOS6,7的适配以及编译器的适配:

(iOS7)这个是宏,在pch文件里面有定义
#ifdef __IPHONE_7_0 是Availability.h里的 xcode4.5里面没有

#ifdef __IPHONE_7_0
if (iOS7) { // 是IOS7
CGRect titleRect = [title boundingRectWithSize:maxSize options:NSStringDrawingUsesLineFragmentOrigin attributes:md context:nil];
titleW = titleRect.size.width;
}else
{
// 非IOS7
CGSize titleSize = [title sizeWithFont:self.myFont];
titleW = titleSize.width;
}
#else
// XCODE4
CGSize titleSize = [title sizeWithFont:self.myFont];
titleW = titleSize.width;
#endif

具体如何重写的实现自定义图片在右边的button
看NYTitleButton.m(在上面)

弹出view

这个没啥好说的,就是开始定义一个view,然后设置hidden 看代码

懒加载contentView 并且在开始调用的适合(viewDidLoad)中设置隐藏。

/**懒加载,点击标题弹出的view*/
-(UIView *)contentView
{
if (_contentView == nil) {
// 添加将来需要显示的View
UIView *contentView = [[UIView alloc] init];
contentView.backgroundColor = [UIColor greenColor];
contentView.frame = CGRectMake(0, 64, 320, 200);
[self.view addSubview:contentView];
_contentView = contentView;
// 隐藏该View
}
return _contentView;
} - (void)viewDidLoad
{
[super viewDidLoad];
self.contentView.hidden = YES;
}

在点击按钮时候设置隐藏为no或yes,这里加了两个动画而已

- (IBAction)titleBtnOnClick:(NYTitleButton *)titleBtn {

        if (!self.isOpen) {// 没有打开
[UIView animateWithDuration:1.0 animations:^{
// 1.旋转按钮上的尖尖
titleBtn.imageView.transform = CGAffineTransformMakeRotation(M_PI);
}];
// 改变当前按钮的状态
CATransition *ca = [CATransition animation];
ca.type = @"cube";
[self.contentView.layer addAnimation:ca forKey:nil];
self.open = YES; // 显示内容view
self.contentView.hidden = NO;
}else // 已经打开
{
[UIView animateWithDuration:1.0 animations:^{
// 1.旋转按钮上的尖尖
titleBtn.imageView.transform = CGAffineTransformIdentity;
}];
// 改变当前按钮的状态
//添加动画
CATransition *ca = [CATransition animation];
ca.type = @"cube";
[self.contentView.layer addAnimation:ca forKey:nil];
self.open = NO; // 隐藏内容View
self.contentView.hidden = YES;
} }

动画

这个搜easy

//添加动画
CATransition *ca = [CATransition animation];
ca.type = @"cube";
[self.contentView.layer addAnimation:ca forKey:nil];

AJ学IOS(44)之网易彩票自定义图片在右边的Button_弹出view_ios6,7简单适配的更多相关文章

  1. AJ学IOS(11)UI之图片自动轮播

    AJ分享,必须精品 先看效果 代码 #import "NYViewController.h" #define kImageCount 5 @interface NYViewCont ...

  2. AJ学IOS(07)UI之UITextField代理事件_类似QQ登陆窗口的简单实现

    AJ分享,必须精品 先看效果图: 学习代码 // // NYViewController.m // 05-UITextField事件_UIKit复习 // // Created by apple on ...

  3. AJ学IOS(46)之网易彩票幸运大转盘

    AJ分享,必须精品 效果 实现过程: 基础UI搭建 这里主要是用了xib搭建,首先我们分析,有中间的开始按钮,背景图片,还有星座按钮,这里能用xib做的事开始按钮和背景图片. 如图: 星座按钮的搭建: ...

  4. AJ学IOS 之微博项目实战(2)微博主框架-自定义导航控制器NavigationController

    AJ分享,必须精品 一:添加导航控制器 上一篇博客完成了对底部的TabBar的设置,这一章我们完成自定义导航控制器(NYNavigationController). 为啥要做自定义呢,因为为了更好地封 ...

  5. AJ学IOS(13)UI之UITableView学习(下)汽车名牌带右侧索引

    AJ分享,必须精品 先看效果图 代码 ViewController #import "NYViewController.h" #import "NYCarGroup.h& ...

  6. AJ学IOS 之ipad开发Popover的基本使用

    AJ分享,必须精品 一:效果图 二:注意 对于方法[UIPopoverController dealloc] reached while popover is still visible. 当popo ...

  7. AJ学IOS 之CoreLocation基本使用

    猫猫分享,必须精品AJ 一:CoreLocation的基本使用 使用步骤: 首先导入头文件#import <CoreLocation/CoreLocation.h> 1.创建CoreLoc ...

  8. AJ学IOS(24)UI之注册案例

    AJ分享,必须精品 先看效果 制作思路 在做这个的时候,首先用stroyboard画出来界面UI,这个很简单,不多说了,然后下一步就是自定义xib做键盘上面的那一栏了,需要自己做xib还有view,详 ...

  9. AJ学IOS(22)UI之UIApplicationDelegate和UIWindow

    AJ分享,必须精品 UIApplicationDelegate 每次新建完项目,都有个带有“AppDelegate”字眼的类,它就是UIApplication的代理 NYAppDelegate默认已经 ...

随机推荐

  1. 2. python提示:TypeError: unhashable type: 'list'

    原因是,python字典的key不支持list类型和dict类型,需要转换 错误时 将list类型强制转换成string,用"".join(list). 修改后:

  2. Java 14 开箱,它真香香香香

    Java 14 已经发布有一周时间了,我准备来开个箱,和小伙伴们一起来看看新特性里面都有哪些好玩的.我们程序员应该抱着尝鲜.猎奇的心态,否则就容易固步自封,技术停滞不前.先来看看 Java 14 都有 ...

  3. Unity 游戏框架搭建 2019 (九~十二) 第一章小结&第二章简介&第八个示例

    第一章小结 为了强化教程的重点,会在合适的时候进行总结与快速复习. 第二章 简介 在第一章我们做了知识库的准备,从而让我们更高效地收集示例. 在第二章,我们就用准备好的导出工具试着收集几个示例,这些示 ...

  4. 强智教务系统验证码识别 OpenCV

    强智教务系统验证码识别 OpenCV 强智教务系统验证码验证码字符位置相对固定,比较好切割 找准切割位置,将其分为四部分,匹配自建库即可,识别率近乎100%,如果觉得不错,点个star吧

  5. Python-函数练习题1

    # coding=utf-8 '''定义一个方法get_num(num),num参数是列表类型,判断列表里面的元素为数字类型.其他类型则报错, 并且返回一个偶数列表:(注:列表里面的元素为偶数).'' ...

  6. C 2014年笔试题

    1.指出程序中的错误,说明原因并修正 int *p,*q; p=malloc(sizeof(int)*20); q=malloc(sizeof(int)*10); … q=p; … free(p); ...

  7. React Native升级

    几个月前创建了一个版本为0.60.4的项目,现要更新到最新版本0.61.4. 具体可查看 https://facebook.github.io/react-native/docs/upgrading# ...

  8. hdu1532 最大流板子题

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1532 题目给出源点和漏点,还有一些边,要求源与漏之间的最大流,我采用了Edmonds Karp算法,该 ...

  9. 图论-最短路径 floyd/dijkstra-Find the City With the Smallest Number of Neighbors at a Threshold Distance

    2020-01-30 22:22:58 问题描述: 问题求解: 解法一:floyd 这个题目一看就是floyd解最合适,因为是要求多源最短路,floyd算法是最合适的,时间复杂度为O(n ^ 3). ...

  10. 我们是怎么实现Grpc CodeFirst

    前言: Grpc默认是ProtoFirst的,即先写 proto文件,再生成代码,需要人工维护proto,生成的代码也不友好,所以出现了Grpc CodeFirst,下面来说说我们是怎么实现Grpc ...