iOS 仿百度外卖-首页重力感应的实例
今天带来的是仿百度外卖首页的重力感应..(由于只能真机测试,手里测试机只有5s,所以有些地方并没有适配其他机型,需要的还需要根据真机自行适配)
来简单说下实现吧,之前重力感应都是用UIAccelerometer实现的,但是,好像是从iOS 4 以后,这个方法就废弃了,它被直接封装到了CoreMotion框架中,所以现在有关重力感应,加速计什么的都需要通过CoreMotion框架实现,这也算是苹果对于重力感应的整合吧.本文对CoreMotion框架只是进行了简单的使用,想要更深的使用,还是请自行 google(百度上的文档非常少).
好了.下面就是实现代码
(注意这里需要导入系统框架CoreMotion.framework)
//
// ViewController.m
// 仿百度外卖首页-重力感应
//
// Created by Amydom on 16/12/5.
// Copyright © 2016年 Amydom. All rights reserved.
//
#import "ViewController.h"
#import <CoreMotion/CoreMotion.h>
@interface ViewController ()<UIScrollViewDelegate>{
NSTimeInterval updateInterval;
CGFloat setx;//scroll的动态偏移量
}
@property (nonatomic,strong) CMMotionManager *mManager;
@property (nonatomic , strong)UIScrollView *myScrollView;
@property (nonatomic , assign)CGFloat offsetX;//初始偏移量
@property (nonatomic , assign)NSInteger offset;
@end
@implementation ViewController
- (void)viewDidAppear:(BOOL)animated_{
[super viewDidAppear:animated_];
//在界面已经显示后在调用方法(优化)
[self startUpdateAccelerometerResult:0];
}
- (void)viewDidLoad {
[super viewDidLoad];
self.view.backgroundColor = [UIColor whiteColor];
[self createView];
}
- (void)createView{
//collectionView
UICollectionViewFlowLayout *flowLayout = [[UICollectionViewFlowLayout alloc]init];
UICollectionView *myCollection = [[UICollectionView alloc]initWithFrame:[UIScreen mainScreen].bounds collectionViewLayout:flowLayout];
myCollection.backgroundColor = [UIColor whiteColor];
[self.view addSubview:myCollection];
_myScrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 22, self.view.frame.size.width, 100)];
_myScrollView.backgroundColor = [UIColor lightGrayColor];
_myScrollView.delegate = self;
[self.view addSubview:_myScrollView];
for (int i = 0; i < 8; i ++) {
NSString *name = [NSString stringWithFormat:@"%d.jpg",i + 1];
UIImageView *image = [[UIImageView alloc]initWithFrame:CGRectMake(5 + 885 * i, 10, 80, 80)];
image.image = [UIImage imageNamed:name];
image.backgroundColor = [UIColor orangeColor];
image.layer.masksToBounds = YES;
image.layer.cornerRadius = 40;
[_myScrollView addSubview:image];
//偏移量为最后 image 的 frame + origin
_myScrollView.contentSize = CGSizeMake (image.frame.size.width + image.frame.origin.x, 10);
}
}
//手指触碰时
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
_offsetX = scrollView.contentOffset.x;
[self stopUpdate];
}
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
//优化处理
setx = scrollView.contentOffset.x;
_offset = scrollView.contentOffset.x - _offsetX;
if (_offset > 0) {
//left
}else{
//right
}
}
//手指离开时
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{
[self startUpdateAccelerometerResult:0];
}
#pragma mark - 重力感应
- (CMMotionManager *)mManager
{
if (!_mManager) {
updateInterval = 1.0/15.0;
_mManager = [[CMMotionManager alloc] init];
}
return _mManager;
}
//开始
- (void)startUpdateAccelerometerResult:(void (^)(NSInteger))result
{
if ([self.mManager isAccelerometerAvailable] == YES) {
//回调会一直调用,建议获取到就调用下面的停止方法，需要再重新开始，当然如果需求是实时不间断的话可以等离开页面之后再stop
[self.mManager setAccelerometerUpdateInterval:updateInterval];
[self.mManager startAccelerometerUpdatesToQueue:[NSOperationQueue currentQueue] withHandler:^(CMAccelerometerData *accelerometerData, NSError *error)
{
double x = accelerometerData.acceleration.x;
double y = accelerometerData.acceleration.y;
if (fabs(y) >= fabs(x))
{//前后
if (y >= 0){
//Down
}
else{
//Portrait
}
} else { //左右
if (x >= 0){
setx += 10;
if (setx <= 360) {
//由于以10为单位改变 contentOffset, 会出现顿的现象,加上动画就可解决这个问题
[UIView animateWithDuration:0.1 animations:^{
_myScrollView.contentOffset = CGPointMake(setx, 0);
}];
//模仿 scroll 的回弹效果
if (setx == 360) {
[UIView animateWithDuration:0.5 animations:^{
_myScrollView.contentOffset = CGPointMake(setx + 50, 0);
} completion:^(BOOL finished) {
[UIView animateWithDuration:0.5 animations:^{
_myScrollView.contentOffset = CGPointMake(setx , 0);
}];
}];
}
}else{
setx = 360;
}
}else{
setx -= 10;
if (setx >= 0) {
[UIView animateWithDuration:0.1 animations:^{
_myScrollView.contentOffset = CGPointMake(setx, 0);
}];
//模仿 scroll 的回弹效果
if (setx == 0) {
[UIView animateWithDuration:0.5 animations:^{
_myScrollView.contentOffset = CGPointMake(setx - 50, 0);
} completion:^(BOOL finished) {
[UIView animateWithDuration:0.5 animations:^{
_myScrollView.contentOffset = CGPointMake(setx, 0);
}];
}];
}
}else{
setx = 0;
}
}
}
}];
}
}
//停止感应方法
- (void)stopUpdate
{
if ([self.mManager isAccelerometerActive] == YES)
{
[self.mManager stopAccelerometerUpdates];
}
}
//离开页面后停止(移除 mManager)
- (void)dealloc
{
//制空,防止野指针
_mManager = nil;
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
@end
到这里,就可以进行真机测试了..
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍基于jQuery实现仿百度首页选项卡切换效果，包括了基于jQuery实现仿百度首页选项卡切换效果的使用技巧和注意事项，需要的朋友参考一下 以下代码比较简单，所以没给大家附太多的注释，有问题欢迎给我留言，具体详情请看下文代码吧。 先给大家展示下效果图： 代码如下： 以上内容是小编给大家介绍的基于jQuery实现仿百度首页选项卡切换效果，希望对大家有所帮助！
-
本文向大家介绍基于jQuery实现的仿百度首页滑动选项卡效果代码，包括了基于jQuery实现的仿百度首页滑动选项卡效果代码的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了基于jQuery实现的仿百度首页滑动选项卡效果代码。分享给大家供大家参考，具体如下： 今天给大家分享一款基于jQuery的仿百度首页滑动选项卡，可实现tab选项卡内容上下翻滚切换的功能。这款选项卡适用浏览器有：IE8、36
-
本文向大家介绍Android基于Sensor感应器获取重力感应加速度的方法，包括了Android基于Sensor感应器获取重力感应加速度的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Android基于Sensor感应器获取重力感应加速度的方法。分享给大家供大家参考，具体如下： FETC项目指导老师提出了新的需求，想要在游戏地图中表现出用户用户当期移动的方向，再用GPS的话显然很不靠
-
本文向大家介绍基于jQuery实现仿百度首页换肤背景图片切换代码，包括了基于jQuery实现仿百度首页换肤背景图片切换代码的使用技巧和注意事项，需要的朋友参考一下 不多说了，先给大家展示效果图，本文支持源码下载哦，需要的朋友可以直接下载使用，代码很简单哦～ 在线预览 源码下载 html代码： css代码： 以上代码就是本文介绍基于jQuery实现仿百度首页换肤背景图片切换代码，希望大家喜欢。
-
本文向大家介绍python抓取百度首页的方法，包括了python抓取百度首页的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了python抓取百度首页的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的Python程序设计有所帮助。
-
本文向大家介绍Android仿外卖购物车功能，包括了Android仿外卖购物车功能的使用技巧和注意事项，需要的朋友参考一下 先看看效果图： 知识点分析 效果图来看不复杂内容并没多少，值得介绍一下的知识点也就下面几个吧 - 列表标题悬停 - 左右列表滑动时联动 - 添加商品时的抛物线动画 - 底部弹出购物车清单 - 数据的同步 另外就是实现效果的时候可能会遇到的几个坑。。。 布局很简单直接进入代码