13518219792
这篇文章将为大家详细讲解有关IOS如何仿微信实现右侧弹出视图，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
创新互联公司是专业的德安网站建设公司，德安接单;提供成都网站设计、网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行德安网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!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关于“IOS如何仿微信实现右侧弹出视图”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
