IOS开发仿微信右侧弹出视图实现

 更新时间:2017年10月17日 11:05:14   作者:苦练内功  
这篇文章主要介绍了IOS开发仿微信右侧弹出视图实现的相关资料,希望通过本文能帮助到大家,让大家实现这样类似的功能,需要的朋友可以参考下

IOS开发仿微信右侧弹出视图实现

微信首页的+号,点击之后会弹出一个更多的视图,这个视图如何实现呢?

实现该效果可能需要以下技术要点:

1.图片拉伸,通过拉伸图片的中间的较小区域来保持图片的边上的形状

2.仿射变换,用到仿射变换的缩放,平移和合并,视图动画

3.navigationBar的样式设置

实现效果,如下:

本Demo图片来源微信安装包解压得到的图片

实现代码:

// 
// ViewController.m 
// appXX-微信更多工具栏 
// 
// Created by MRBean on 15/7/27. 
// Copyright (c) 2015年 yangbin. All rights reserved. 
// 
 
#import "ViewController.h" 
#define kScreenWidth self.view.bounds.size.width 
@interface ViewController () 
@property(strong,nonatomic)UIImageView *imageView; 
@end 


@implementation ViewController

- (void)viewDidLoad {
  [super viewDidLoad];
  
//初始化ImageView 
  UIImage *image = [UIImage imageNamed:@"More"]; 
  NSLog(@"%f ,%f",image.size.width,image.size.height); 
  UIImage *stretchImage = [image resizableImageWithCapInsets:UIEdgeInsetsMake(31, 36, 30, 33)];//拉伸图片 
  _imageView = [[UIImageView alloc]init]; 
  _imageView.frame = CGRectMake(kScreenWidth-100, 64, 100, 150); 
  _imageView.image = stretchImage; 
//仿射变换,矩阵变换 
 CGAffineTransform smaller = CGAffineTransformMakeScale(0.01, 0.01);//比例缩放 
 CGAffineTransform rightUpMove = CGAffineTransformMakeTranslation(_imageView.frame.size.width/2, -_imageView.frame.size.height/2);//平移 
 CGAffineTransform cat = CGAffineTransformConcat(smaller, rightUpMove);//合并两个矩阵变换 
 _imageView.transform = cat;//设置_imageView的仿射变换 
_imageView.alpha = 0;//透明度 
[self.view addSubview:_imageView]; 
_imageView.hidden = YES; 
self.navigationController.navigationBar.barStyle = UIBarStyleBlack;//设置navigationBar的样式 
self.navigationController.navigationBar.tintColor = [UIColor whiteColor];//设置navigationBar字体或者镂空图的颜色 

}
//点击右侧的按钮
- (IBAction)tapAdd:(UIBarButtonItem *)sender 
{ 
  if (_imageView.hidden) 
  { 
    CGAffineTransform larger = CGAffineTransformMakeScale(1, 1);//放大 
    _imageView.hidden = NO;//显示视图 
    [UIView animateWithDuration:0.2 animations:^{ 
      _imageView.transform = larger; 
      _imageView.alpha = 1; 
       
    }]; 
  } 
  else 
  { 
    CGAffineTransform smaller = CGAffineTransformMakeScale(0.01, 0.01);//缩小 
    CGAffineTransform rightUpMove = CGAffineTransformMakeTranslation(_imageView.frame.size.width/2, -_imageView.frame.size.height/2);//移动 
    CGAffineTransform cat = CGAffineTransformConcat(smaller, rightUpMove);//合并transform 
    [UIView animateWithDuration:0.2 animations:^{ 
      _imageView.transform = cat; 
      } completion:^(BOOL finished) { 
      _imageView.hidden = YES; 
      _imageView.alpha = 0; 
       
    }]; 
  } 
 } 

- (void)didReceiveMemoryWarning { 
  [super didReceiveMemoryWarning]; 
  // Dispose of any resources that can be recreated. 
} 
@end

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • 使用ARM汇编破解iOS程序基础知识分享

    使用ARM汇编破解iOS程序基础知识分享

    最近对iOS逆向工程很感兴趣。但查到的资料中都涉及到有ARM汇编,但都只是很泛地用到,并没有对iOS上的ARM汇编进行比较详细的讲解。因此,经过一系列的学习对iOS下的ARM有了一定的理解。在此打算用几篇文字记录下来, 限于本人水平有限,如有错误请不吝赐教。
    2015-11-11
  • iOS实现带遮罩的弹出选项卡

    iOS实现带遮罩的弹出选项卡

    这篇文章主要为大家详细介绍了iOS实现弹出选项卡,并附带遮罩,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • iOS实现多个弹框按顺序依次弹出效果

    iOS实现多个弹框按顺序依次弹出效果

    这篇文章主要为大家详细介绍了iOS实现多个弹框按顺序依次弹出效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • iOS开发技巧之WeakSelf宏的进化详解

    iOS开发技巧之WeakSelf宏的进化详解

    在程序中我们经常用到Block,但写weak self 时会比较繁琐,下面这篇文章主要给大家介绍了关于iOS开发技巧之WeakSelf宏的进化的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们一起来看看吧
    2018-05-05
  • iOS关联对象示例详解

    iOS关联对象示例详解

    这篇文章主要给大家介绍了关于iOS关联对象的相关资料,文中通过示例代码结束的非常详细,对大家学习或者使用iOS具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-12-12
  • iOS-Mac配置Tomcat教程 Mac环境配置Tomcat教程

    iOS-Mac配置Tomcat教程 Mac环境配置Tomcat教程

    这篇文章主要介绍了iOS-Mac配置Tomcat教程,Mac环境配置Tomcat,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • iOS 下的图片处理与性能优化详解

    iOS 下的图片处理与性能优化详解

    这篇文章主要介绍了iOS 下的图片处理与性能优化详解,帮助大家更好的理解和学习使用ios开发,感兴趣的朋友可以了解下
    2021-04-04
  • iOS手势识别的详细使用方法(拖动,缩放,旋转,点击,手势依赖,自定义手势)

    iOS手势识别的详细使用方法(拖动,缩放,旋转,点击,手势依赖,自定义手势)

    这篇文章主要介绍了iOS手势识别的详细使用方法(拖动,缩放,旋转,点击,手势依赖,自定义手势),具有一定的参考价值,有需要的可以参考一下。
    2016-11-11
  • iOS 键盘输入限制(只能输入字母,数字,禁止输入特殊符号)

    iOS 键盘输入限制(只能输入字母,数字,禁止输入特殊符号)

    本文主要介绍了iOS中键盘输入限制(只能输入字母,数字,禁止输入特殊符号)的方法。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • iOS DropDown下拉按钮效果代码分享

    iOS DropDown下拉按钮效果代码分享

    这篇文章主要为大家详细介绍了iOS DropDown下拉按钮效果的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04

最新评论