猫猫学iOS(四十六)之网易彩票幸运大转盘

2024-09-05 07:38

本文主要是介绍猫猫学iOS(四十六)之网易彩票幸运大转盘,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

猫猫分享,必须精品

原创文章,欢迎转载。转载请注明:翟乃玉的博客
地址:http://blog.csdn.net/u013357243?viewmode=contents
素材源码地址:http://blog.csdn.net/u013357243/article/details/45828841

效果

这里写图片描述

实现过程:

基础UI搭建

这里主要是用了xib搭建,首先我们分析,有中间的开始按钮,背景图片,还有星座按钮,这里能用xib做的事开始按钮和背景图片。

如图:
这里写图片描述

星座按钮的搭建:

这里主要用了for循环的代码:

先确定图片,然后主要是根据我们的旋转角度来设置12个按钮的anchorPoint和position

// 加载图片UIImage *norImage = [UIImage imageNamed:@"LuckyAstrology"];UIImage *selImage = [UIImage imageNamed:@"LuckyAstrologyPressed"];// 创建12个按钮添加到中间的轮盘上for (int index = 0; index < 12; index++) {// 1.创建按钮NYWheelButton *btn = [[NYWheelButton alloc] init];// 2.设置按钮选中状态的图片[btn setBackgroundImage:[UIImage imageNamed:@"LuckyRototeSelected"] forState:UIControlStateSelected];// 3.设置按钮的boundsbtn.bounds = CGRectMake(0, 0, 68, 143);// 4.设置按钮的锚点btn.layer.anchorPoint = CGPointMake(0.5, 1);// 5.设置按钮的positionbtn.layer.position = CGPointMake(self.frame.size.width * 0.5, self.frame.size.height * 0.5);// 6然按钮围绕锚点旋转// 6.1计算按钮应该旋转的弧度CGFloat angle = (30 * index)/180.0 * M_PI;btn.transform = CGAffineTransformMakeRotation(angle);// 7.监听按钮的点击事件[btn addTarget:self action:@selector(update:) forControlEvents:UIControlEventTouchUpInside];// 获取当前是否是retain屏//        NSLog(@"%.1f", [UIScreen mainScreen].scale);// 8.切割图片,将切割好的图片设置到按钮上CGFloat imageH = NYImageHeight * [UIScreen mainScreen].scale;CGFloat imageW = NYImageWidth * [UIScreen mainScreen].scale;CGFloat imageY = 0;CGFloat imageX = index * imageW;CGRect rect = CGRectMake(imageX, imageY, imageW, imageH);// 8.1根据rect切割图片// CGImage中rect是当做像素来使用// UIKit 中是点坐标系// 坐标系的特点:如果在非retain屏上 1个点等于1个像素//   在retain屏上1个点等于2个像素// 剪切默认状态的图片CGImageRef norCGImageRef= CGImageCreateWithImageInRect(norImage.CGImage, rect);// 将切割好的图片转换为uiimage设置为按钮的背景[btn setImage:[UIImage imageWithCGImage:norCGImageRef]  forState:UIControlStateNormal];//   剪切选中状态图片CGImageRef selCGImageRef= CGImageCreateWithImageInRect(selImage.CGImage, rect);// 将切割好的图片转换为uiimage设置为按钮的背景[btn setImage:[UIImage imageWithCGImage:selCGImageRef]  forState:UIControlStateSelected];// 添加按钮到中间轮盘图片上[self.centerWheel addSubview:btn];

这里需要我们自定义按钮,主要是显示图片要缩小下,要不然显示不出来,前面也有介绍,前面是自定义图片在文字右边的自定义按钮。

@implementation NYWheelButton/**
重写按钮图片位置*/
- (CGRect)imageRectForContentRect:(CGRect)contentRect
{CGFloat imageX = (contentRect.size.width - NYImageWidth ) * 0.5;CGFloat imageY = 18;return CGRectMake(imageX, imageY, NYImageWidth, NYImageHeight);
}/**
什么也不做,就让按钮不会有高亮*/
- (void)setHighlighted:(BOOL)highlighted
{}
@end

这两个是宏定义的图像位置,12个按钮中的图片显示bounds设置用的

#define NYImageWidth 40
#define NYImageHeight 47

是否retain屏

[UIScreen mainScreen].scale
表示的是是否retain屏,如果是返回的时2,不是则是1,代码中我们这样设计,同时将图片切割,赋给btn(选中状态以及非选中状态)

// 8.切割图片,将切割好的图片设置到按钮上CGFloat imageH = NYImageHeight * [UIScreen mainScreen].scale;CGFloat imageW = NYImageWidth * [UIScreen mainScreen].scale;CGFloat imageY = 0;CGFloat imageX = index * imageW;CGRect rect = CGRectMake(imageX, imageY, imageW, imageH);// 8.1根据rect切割图片// CGImage中rect是当做像素来使用// UIKit 中是点坐标系// 坐标系的特点:如果在非retain屏上 1个点等于1个像素//   在retain屏上1个点等于2个像素// 剪切默认状态的图片CGImageRef norCGImageRef= CGImageCreateWithImageInRect(norImage.CGImage, rect);// 将切割好的图片转换为uiimage设置为按钮的背景[btn setImage:[UIImage imageWithCGImage:norCGImageRef]  forState:UIControlStateNormal];//   剪切选中状态图片CGImageRef selCGImageRef= CGImageCreateWithImageInRect(selImage.CGImage, rect);// 将切割好的图片转换为uiimage设置为按钮的背景[btn setImage:[UIImage imageWithCGImage:selCGImageRef]  forState:UIControlStateSelected];

旋转动画:

这个其实很简单,一个用的是核心动画,一个用的是UIView封装的组动画,有时间可以深究一下。

转的慢的:

点击开始或者停止来控制

- (IBAction)start:(id)sender {[self.wheel startRotating];
}- (IBAction)stop:(id)sender {[self.wheel stopRotating];
}

然后呢 调用的方法其实是开启一个计时器 然后尽心UIView封装的组动画:

- (void)startRotating
{//    self.centerWheel.transform = CGAffineTransformMakeRotation(2 * M_PI * 10);if (self.link != nil) return;CADisplayLink *link = [CADisplayLink displayLinkWithTarget:self selector:@selector(centerImageRotation)];[link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];self.link = link;
}- (void)centerImageRotation
{self.centerWheel.transform = CGAffineTransformRotate(self.centerWheel.transform, M_PI_4/ 250);
}- (void)stopRotating
{// 关闭定时器[self.link invalidate];self.link = nil;
}+ (instancetype)wheel
{return [[[NSBundle mainBundle] loadNibNamed:@"NYWheel" owner:nil options:nil] lastObject];
}- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag
{self.userInteractionEnabled = YES;
}

转的快的: (中间的开始)

- (IBAction)startBtnClick:(id)sender {// 禁止用户交互self.userInteractionEnabled = NO;CABasicAnimation *anima = [CABasicAnimation animation];anima.keyPath = @"transform.rotation";anima.toValue = @(2  * M_PI * 3);anima.duration = 3.0;anima.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];anima.delegate = self;[self.centerWheel.layer addAnimation:anima forKey:nil];}

这里注意两个
1是:让动画转起来时候先慢后快然后再慢(FunctionEaseInEaseOut)

anima.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];

2是:点击以后禁止用户交互,因为如果有人不停地点击,就会不停地增加执行这个动画。。。

// 禁止用户交互self.userInteractionEnabled = NO;

这篇关于猫猫学iOS(四十六)之网易彩票幸运大转盘的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1138343

相关文章

安卓链接正常显示,ios#符被转义%23导致链接访问404

原因分析: url中含有特殊字符 中文未编码 都有可能导致URL转换失败,所以需要对url编码处理  如下: guard let allowUrl = webUrl.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed) else {return} 后面发现当url中有#号时,会被误伤转义为%23,导致链接无法访问

【iOS】MVC模式

MVC模式 MVC模式MVC模式demo MVC模式 MVC模式全称为model(模型)view(视图)controller(控制器),他分为三个不同的层分别负责不同的职责。 View:该层用于存放视图,该层中我们可以对页面及控件进行布局。Model:模型一般都拥有很好的可复用性,在该层中,我们可以统一管理一些数据。Controlller:该层充当一个CPU的功能,即该应用程序

iOS剪贴板同步到Windows剪贴板(无需安装软件的方案)

摘要 剪贴板同步能够提高很多的效率,免去复制、发送、复制、粘贴的步骤,只需要在手机上复制,就可以直接在电脑上 ctrl+v 粘贴,这方面在 Apple 设备中是做的非常好的,Apple 设备之间的剪贴板同步功能(Universal Clipboard)确实非常方便,它可以在 iPhone、iPad 和 Mac 之间无缝传输剪贴板内容,从而大大提高工作效率。 但是,iPhone 如何和 Wind

大厂算法例题解之网易2018秋招笔试真题 (未完)

1、字符串碎片 【题目描述】一个由小写字母组成的字符串可以看成一些同一字母的最大碎片组成的。例如,“aaabbaaac” 是由下面碎片组成的:‘aaa’,‘bb’,‘c’。牛牛现在给定一个字符串,请你帮助计算这个字符串的所有碎片的 平均长度是多少。 输入描述: 输入包括一个字符串 s,字符串 s 的长度 length(1 ≤ length ≤ 50),s 只含小写字母(‘a’-‘z’) 输出描述

iOS项目发布提交出现invalid code signing entitlements错误。

1、进入开发者账号,选择App IDs,找到自己项目对应的AppId,点击进去编辑, 2、看下错误提示出现  --Specifically, value "CVYZ6723728.*" for key "com.apple.developer.ubiquity-container-identifiers" in XX is not supported.-- 这样的错误提示 将ubiquity

我的第一次份实习工作-iOS实习生-第三个月

第三个月 这个月有一个考核项目,是一个电子书阅读器,组长说很重要,是我的实习考核项目。 我的项目XTReader,这是我参考网上的一些代码,和模仿咪咕阅读做的,功能还不完善,数据的部分是用聚合数据做的。要收费的。   还有阅读页面,基本功能实现了一下。使用了autolayout,自适应布局,也是第一次用网络,第一次用数据库,第一次用自动布局。还有很多不足。 做了一周多,有个问题一直没

我的第一次份实习工作-iOS实习生-公司使用过的软件

bittorrentsync 素材,文件同步软件 cornerstone svn 软件开发合作 mark man 测量坐标的软件 SQLLite Manager 数据库操作软件

我的第一次份实习工作-iOS实习生-第二个月

第二个月 来公司过了一个月了。每天早上9点上班,到晚上6.30下班,上下班要指纹打卡,第一个月忘了打卡好多次(),然后还要去补打卡单。公司这边还安排了,工资卡办理,招商银行卡。开了一次新员工大会,认识了公司的一些过往,公司的要求等,还加了一下公司的企业QQ,还有其他的羽毛球群,篮球群。我加了下羽毛球群,也去打了一两次。第二个月的感受,感觉跟组里面的交流跟沟通都好少,基本上还有好多人不认识。想想也

我的第一次份实习工作-iOS实习生-第一个月

实习时间:2015-08-20 到 2015-12-25  实习公司;福建天棣互联有限公司 实习岗位:iOS开发实习生 第一个月: 第一天来公司,前台报道后,人资带我去我工作的地方。到了那,就由一个组长带我,当时还没有我的办公桌,组长在第三排给我找了一个位置,擦了下桌子,把旁边的准备的电脑帮我装了下,因为学的是iOS,实习生就只能用黑苹果了,这是我实习用的电脑。 帮我装了一下电脑后,开机

iOS如何隐藏系统状态栏

这里主要说明一下iOS7系统给状态栏的适配及隐藏带来的改变。 变化一: 不隐藏状态栏的情况下,StatusBar会直接显示在当前页面上,当前页面的会延伸到 StatusBar下方,顶到最上头。 这种显示方式在iOS7上是无法改变的,也无法通过设置或者配置类达到iOS6的状态栏效果。       所以在iOS7上进行页面布局的时候要考虑