iOS实现微信朋友圈与摇一摇功能

 更新时间:2016年08月08日 10:24:44   投稿:lijiao  
这篇文章主要为大家详细介绍了iOS实现微信朋友圈与摇一摇功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本Demo为练手小项目,主要是熟悉目前主流APP的架构模式.此项目中采用MVC设计模式,纯代码和少许XIB方式实现.主要实现了朋友圈功能和摇一摇功能.

预览效果:


主要重点

1.整体架构

利用UITabBarController和UINavigationController配合实现.其中要注意定义基类,方便整体上的管理,例如对UINavigationController头部的颜色,字体和渲染颜色等设置.以及对UITabBarController的底部的渲染等.

[self.navigationBarsetBackgroundImage:[UIImageimageNamed:@"Dimensional-_Code_Bg"]forBarMetrics:UIBarMetricsDefault];   
 
[self.navigationBarsetTitleTextAttributes:@{
                       NSForegroundColorAttributeName:[UIColor whiteColor]
                      }];
 
[self.navigationBarsetTintColor:[UIColor whiteColor]];

2.发现界面和我的界面

利用UITableViewController和Plist文件实现界面的展示.实现过程中有采用数据模型或直接利用字典等方式.这里的实现比较简单,就不多说啦.

- (instancetype)initWithDict:(NSDictionary *)dict{
 
if (self = [super init]) {
  [selfsetValuesForKeysWithDictionary:dict];
}
return self;
}
 
+ (instancetype)pictureWithDict:(NSDictionary *)dict{
 
return [[self alloc]initWithDict:dict];
}

3.朋友圈功能的实现

这里面主要的难点在于朋友圈首页的下拉刷新效果的实现,和选择照片页的状态重用问题,以及照片的传递和代理的实现等.

朋友圈首页的下拉刷新效果:主要利用transform属性和scrollview的多种滚动状态.

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
 self.dragging = YES;
}
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
 
if (self.num == 0) {
  self.num ++;
  return;
}
 
CGFloat offsetY = scrollView.contentOffset.y;
 
CGFloat angle = -offsetY* M_PI / 30;
 
if (self.dragging == YES) {
 
  if (offsetY <= 110) {
    self.containerView.y = 10 + offsetY;
 
  }
 
}else {
 
  if (self.currentY < 120) {
    self.containerView.y = 10 + offsetY;
  }
 
}
self.activityView.transform = CGAffineTransformMakeRotation(angle);
 
}
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollViewwillDecelerate:(BOOL)decelerate{
 
self.dragging = NO;
 
CGFloat currentY = self.containerView.y;
self.currentY = currentY;
 
}
 
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
 
[UIViewanimateWithDuration:0.25animations:^{
 
  self.containerView.frame = CGRectMake(15, 120, 30, 30);
  self.activityView.transform = CGAffineTransformMakeRotation(2 * M_PI);
}];
 
}

其中照片的展示是采用UICollectionViewController来实现的.没有直接调用系统的相册,因此加大了难度.自定义了cell,并采用了代理方式来实现类与类之间的通信.

@protocol YYPictureCellDelegate 
@optional
- (void)pictureCell:(YYPictureCell *)cellwithDidClickBtn:(UIButton *)btn;
 
@end
 
- (IBAction)clickSureBtn:(UIButton *)sender {
 
if ([self.delegaterespondsToSelector:@selector(pictureCell:withDidClickBtn:)]) {
 
  [self.delegatepictureCell:selfwithDidClickBtn:sender];
}
}
 
- (void)pictureCell:(YYPictureCell *)cellwithDidClickBtn:(UIButton *)btn{
 
if ((self.selectedBtn.count == 9) && (!btn.isSelected)) {
 
  UIAlertView *alert = [[UIAlertView alloc]initWithTitle:nilmessage:@"最多选取9张照片哦,亲!"delegate:nilcancelButtonTitle:@"确定"otherButtonTitles: nil];
  [alertshow];
 
  return;
}
 
btn.selected = !btn.isSelected;
 
NSIndexPath *indexPath = [self.collectionViewindexPathForCell:cell];
 
YYPictureModel *model = self.dataArray[indexPath.row];
 
if (btn.isSelected) {
 
  model.clickedBtn = YES;
 
  [self.selectedBtnaddObject:btn];
  [self.selImageArrayaddObject:model];
 
} else{
 
  model.clickedBtn = NO;
  [self.selectedBtnremoveObject:btn];
  [self.selImageArrayremoveObject:model];
}
 
if (self.selectedBtn.count > 0) {
 
  self.doneBtn.enabled = YES;
  self.doneBtn.selected = YES;
  self.previewBtn.enabled = YES;
  self.previewBtn.selected = YES;
}else {
 
  self.doneBtn.enabled = NO;
  self.doneBtn.selected = NO;
  self.previewBtn.enabled = NO;
  self.previewBtn.selected = NO;
} 
}

4.摇一摇功能的实现

摇一摇功能的本身实现十分简单,就是调用系统的两个方法即可.难点在于动画效果.其实这里的动画效果也不是很难.主要是计算有点复杂.可能是我在网上搜索到的素材有点不合适.导致要考虑各个控件的frame问题…

//实现摇一摇功能
- (void)motionBegan:(UIEventSubtype)motionwithEvent:(UIEvent *)event{
 
self.upLine.hidden = NO;
self.downLine.hidden = NO;
[UIViewanimateWithDuration:0.6animations:^{
 
  self.upImageView.y -= 60;
  self.upLine.y -= 60;
 
  self.downImageView.y += 60;
  self.downLine.y += 60;
 
}completion:^(BOOL finished) {
 
  [UIViewanimateWithDuration:0.6animations:^{
 
    self.upImageView.y += 60;
    self.upLine.y += 60;
 
    self.downImageView.y -= 60;
    self.downLine.y -= 60;
 
  }completion:^(BOOL finished) {
 
    self.upLine.hidden = YES;
    self.downLine.hidden = YES;
 
    //弹出搜索框
    [self showSearchView];
    [self.searchViewperformSelector:@selector(removeFromSuperview)withObject:nilafterDelay:2.4];
  }];
 
}];
}
//摇一摇结束后
- (void)motionEnded:(UIEventSubtype)motionwithEvent:(UIEvent *)event{
 
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • iOS之基于FreeStreamer的简单音乐播放器示例

    iOS之基于FreeStreamer的简单音乐播放器示例

    这篇文章主要介绍了iOS之基于FreeStreamer的简单音乐播放器示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • iOS中tableview实现编辑、全选及删除等功能的方法示例

    iOS中tableview实现编辑、全选及删除等功能的方法示例

    这篇文章主要给大家介绍了关于iOS中tableview实现编辑、全选及删除等功能的相关资料,文中通过示例代码介绍的非常详细,不仅是介绍实现的方法,将实现过程中遇到的问题也都分享出来了,需要的朋友们下面来一起看看吧。
    2017-07-07
  • iOS12新特性之推送通知详解

    iOS12新特性之推送通知详解

    这篇文章主要给大家介绍了关于iOS12新特性之推送通知的相关资料文中通过图文以及示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-06-06
  • Objective-C学习之ARC的实现方法

    Objective-C学习之ARC的实现方法

    自动引用计数(Automatic Reference Counting, ARC)把压在程序员们肩头的管理内存的重担卸除了不少,更不用说让跟踪内存泄漏那样的烦心事也少了很多。下面这篇文章主要给大家介绍了关于Objective-C学习之ARC的实现方法,需要的朋友可以参考借鉴下。
    2017-12-12
  • 通过源码分析iOS中的深拷贝与浅拷贝

    通过源码分析iOS中的深拷贝与浅拷贝

    这篇文章主要给大家介绍了如何通过源码分析iOS中的深拷贝与浅拷贝的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-09-09
  • iOS瀑布流的简单实现(Swift)

    iOS瀑布流的简单实现(Swift)

    这篇文章主要介绍了iOS瀑布流的简单实现,说到瀑布流, 或许大家都不陌生, 瀑布流的实现也有很多种! 本文使用两种方法介绍,有兴趣的可以了解一下。
    2016-11-11
  • 简单谈谈Core Animation 动画效果

    简单谈谈Core Animation 动画效果

    下面小编就为大家带来一篇简单谈谈Core Animation 动画效果。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • iOS中类似微信红点显示功能

    iOS中类似微信红点显示功能

    ios中类似微信红点显示功能,设计思路非常简单,给UIView增加一个分类 所有的视图都可以根据需要来进行红点显示。下面通过实例代码看下实现方法吧
    2016-12-12
  • iOS开发之WKWebViewJavascriptBridge Xcode9中导致crash的解决

    iOS开发之WKWebViewJavascriptBridge Xcode9中导致crash的解决

    大家都知道WebViewJavascriptBridge它主要帮助我们优雅的实现OC与JS的交互,下面这篇文章主要给大家介绍了关于iOS开发之WKWebViewJavascriptBridge Xcode9中导致crash的解决方法,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-10-10
  • iOS webview捕获H5按钮方法示例代码

    iOS webview捕获H5按钮方法示例代码

    这篇文章主要给大家介绍了关于iOS webview捕获H5按钮方法的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-01-01

最新评论