iOS的10个实用小技巧,mark-阿里云开发者社区

开发者社区> 管振纬> 正文

iOS的10个实用小技巧,mark

简介: http://xfenglin.com/a/12008988750.html 1、控件的局部圆角问题 你是不是也遇到过这样的问题,一个button或者label,只要右边的两个角圆角,或者只要一个圆角。
+关注继续查看

http://xfenglin.com/a/12008988750.html

1、控件的局部圆角问题

你是不是也遇到过这样的问题,一个button或者label,只要右边的两个角圆角,或者只要一个圆角。该怎么办呢。这就需要图层蒙版来帮助我们了

CGRect rect = CGRectMake(0, 0, 100, 50); 
 
    CGSize radio = CGSizeMake(5, 5);//圆角尺寸 
 
    UIRectCorner corner = UIRectCornerTopLeft|UIRectCornerTopRight;//这只圆角位置 
 
    UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:rect byRoundingCorners:corner cornerRadii:radio]; 
 
    CAShapeLayer *masklayer = [[CAShapeLayer alloc]init];//创建shapelayer 
 
    masklayer.frame = button.bounds; 
 
    masklayer.path = path.CGPath;//设置路径 
 
    button.layer.mask = masklayer;  

举例为button,其它继承自UIView的控件都可以

2、navigationBar的透明问题

如果仅仅把navigationBar的alpha设为0的话,那就相当于把navigationBar给隐藏了,大家都知道,父视图的alpha设置为0的话,那么子视图全都会透明的。那么相应的navigationBar的标题和左右两个按钮都会消失。这样显然达不到我们要求的效果。

(1)如果仅仅是想要navigationBar透明,按钮和标题都在可以使用以下方法:

[self.navigationController.navigationBar setBackgroundImage:[UIImage new] 
 
forBarMetrics:UIBarMetricsDefault];//给navigationBar设置一个空的背景图片即可实现透明,而且标题按钮都在  

细心的你会发现上面有一条线如下图:

这就需要我们做进一步处理,把线去掉,如下方法即可:

self.navigationController.navigationBar.shadowImage = [UIImage new]; 
 
//其实这个线也是image控制的。设为空即可  

(2)如果你想在透明的基础上实现根据下拉距离,由透明变得不透明的效果,那么上面那个就显得力不从心了,这就需要我们采用另外一种方法了

//navigationBar是一个复合视图,它是有许多个控件组成的,那么我们就可以从他的内部入手 
 
[[self.navigationController.navigationBar subviews] objectAtIndex:0].alpha = 0;//这里可以根据scrollView的偏移量来设置alpha就实现了渐变透明的效果  

3、全局设置navigationBar标题的样式和barItem的标题样式

//UIColorWithHexRGB( )这个方法是自己定义的,这里只需要给个颜色就好了 
 
[[UINavigationBar appearance] setBarTintColor:UIColorWithHexRGB(0xfefefe)]; 
 
 
    [[UINavigationBar appearance] setTitleTextAttributes:@{NSFontAttributeName:[UIFontboldSystemFontOfSize:18],NSForegroundColorAttributeName:UIColorWithHexRGB(0xfe6d27)}];  
  
 
    [[UITabBarItem appearance] setTitleTextAttributes:@{NSFontAttributeName : [UIFontboldSystemFontOfSize:10],NSForegroundColorAttributeName : UIColorWithHexRGB(0x666666)}forState:UIControlStateNormal]; 
 
  
 [[UITabBarItem appearance] setTitleTextAttributes:@{NSFontAttributeName : [UIFont boldSystemFontOfSiz 

4、navigationBar隐藏显示的过度

相信在使用中肯定遇到过,一个页面隐藏navigationBar,另一个不隐藏。两个页面进行push和pop的时候,尤其是有侧滑手势返回的时候,不做处理就会造成滑动返回时,navigationBar位置是空的,直接显示一个黑色或者显示下面一层视图,很难看。这就需要我们加入过度动画来隐藏或显示navigationBar:

在返回后将要出现的页面实现viewWillAppear方法,需要隐藏就设为YES,需要显示就设为NO

- (void)viewWillAppear:(BOOL)animated{ 
 
    [super viewWillAppear:animated]; 
 
    [self.navigationController setNavigationBarHidden:NO animated:YES]; 
 
}  

5、侧滑手势返回

iOS的侧滑返回手势有着很好的操作体验,不支持侧滑返回的应用绝对不是好应用。但是在开发过程中在自定义了返回按钮,或者某些webView,tableView等页面,侧滑返回手势失效,这时候就需要我们来进行设置一下了,可以在基类里面协商如下代码:

if ([self.navigationController respondsToSelector:@selector(interactivePopGestureRecognizer)]) { 
 
//需要遵循一下手势的代理        self.navigationController.interactivePopGestureRecognizer.delegate = self; 
 
        self.navigationController.interactivePopGestureRecognizer.enabled = YES; 
 
    }  

问题:当返回navigationController的最顶层的Controller的时候。再次侧滑,这个时候你在点击一个push页面的操作,你会发现卡那了,半天才会有反应。

这是由于,在最顶层Controller手势依然有效,但是滑动后,并找不到返回的页面。造成软件卡顿,假死所以就要在rootViewController中让此手势失效。把下面的设为NO

self.navigationController.interactivePopGestureRecognizer.enabled = YES;

当然你也可以使用一个第三方库,写的相当棒。他对系统的侧滑返回手势进行拓展,不用从边缘滑动,只要右滑即可返回。最重要的是,他只需要加入项目中即可,不需要一行代码即可实现。附上github 网址

https://github.com/forkingdog/FDFullscreenPopGesture

6、给webView添加头视图

webView是一个复合视图,里面包含有一个scrollView,scrollView里面是一个UIWebBrowserView(负责显示WebView的内容)

UIView *webBrowserView = self.webView.scrollView.subviews[0];//拿到webView的webBrowserView 
 
    self.backHeadImageView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, kScreenWidth,kScreenWidth*2/3.0)]; 
 
    [_backHeadImageView sd_setImageWithURL:[NSURL URLWithString:self.imageUrl] placeholderImage:[UIImageimageNamed:@"placeholderImage"]]; 
 
    [self.webView insertSubview:_backHeadImageView belowSubview:self.webView.scrollView]; 
 
    //把backHeadImageView插入到webView的scrollView下面 
 
    CGRect frame = self.webBrowserView.frame; 
 
    frame.origin.y = CGRectGetMaxY(_backHeadImageView.frame); 
 
    self.webBrowserView.frame = frame; 
 
    //更改webBrowserView的frame向下移backHeadImageView的高度,使其可见  

7、模态跳转的动画设置

设置模态跳转的动画,系统提供了四种可供选择

DetailViewController *detailVC = [[DetailViewController alloc]init]; 
 
    //UIModalTransitionStyleFlipHorizontal 翻转 
 
    //UIModalTransitionStyleCoverVertical 底部滑出 
 
    //UIModalTransitionStyleCrossDissolve 渐显 
 
    //UIModalTransitionStylePartialCurl 翻页 
 
    detailVC.modalTransitionStyle = UIModalTransitionStylePartialCurl; 
 
    [self presentViewController:detailVC animated:YES completion:nil];  

8、图片处理只拿到图片的一部分

UIImage *image = [UIImage imageNamed:filename]; 
 
CGImageRef imageRef = image.CGImage; 
 
CGRect rect = CGRectMake(origin.x, origin.y ,size.width, size.height); 
 
//这里的宽高是相对于图片的真实大小 
 
//比如你的图片是400x400的那么(0,0,400,400)就是图片的全尺寸,想取哪一部分就设置相应坐标即可 
 
CGImageRef imageRefRect = CGImageCreateWithImageInRect(imageRef, rect); 
 
UIImage *imageRect = [[UIImage alloc] initWithCGImage:imageRefRect];  

9、给UIView设置图片

UIImage *image = [UIImage imageNamed:@"playing"]; 
 
    _layerView.layer.contents = (__bridge id)image.CGImage; 
 
_layerView.layer.contentsCenter = CGRectMake(0.25, 0.25, 0.5, 0.5); 
 
//同样可以设置显示的图片范围 
 
//不过此处略有不同,这里的四个值均为0-1之间;对应的依然是写x,y,widt,height  

10、给TableView或者CollectionView的cell添加简单动画

只要在willDisplayCell方法中对将要显示的cell做动画即可:

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath*)indexPath{ 
 
    NSArray *array =  tableView.indexPathsForVisibleRows; 
 
    NSIndexPath *firstIndexPath = array[0]; 
 
  
 
    //设置anchorPoint 
 
    cell.layer.anchorPoint = CGPointMake(0, 0.5); 
 
    //为了防止cell视图移动,重新把cell放回原来的位置 
 
    cell.layer.position = CGPointMake(0, cell.layer.position.y); 
 
  
 
    //设置cell 按照z轴旋转90度,注意是弧度 
 
    if (firstIndexPath.row < indexPath.row) { 
 
            cell.layer.transform = CATransform3DMakeRotation(M_PI_2, 0, 0, 1.0); 
 
    }else{ 
 
        cell.layer.transform = CATransform3DMakeRotation(- M_PI_2, 0, 0, 1.0); 
 
    } 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
9997 0
maven系列小技巧之Top3 MVQ(most valuable question)
首先声明,文章系个人原创 ,欢迎转载,转载请注明出处。       对于maven,有大神曾说过:如果你爱他,就请让他用Maven,因为那里是天堂,如果你恨他,就请让他用Maven,因为那里是地狱。
1353 0
阿里云服务器ECS远程登录用户名密码查询方法
阿里云服务器ECS远程连接登录输入用户名和密码,阿里云没有默认密码,如果购买时没设置需要先重置实例密码,Windows用户名是administrator,Linux账号是root,阿小云来详细说下阿里云服务器远程登录连接用户名和密码查询方法
11583 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
10880 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13792 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
11877 0
如何设置阿里云服务器安全组?阿里云安全组规则详细解说
阿里云安全组设置详细图文教程(收藏起来) 阿里云服务器安全组设置规则分享,阿里云服务器安全组如何放行端口设置教程。阿里云会要求客户设置安全组,如果不设置,阿里云会指定默认的安全组。那么,这个安全组是什么呢?顾名思义,就是为了服务器安全设置的。安全组其实就是一个虚拟的防火墙,可以让用户从端口、IP的维度来筛选对应服务器的访问者,从而形成一个云上的安全域。
7455 0
阿里云服务器ECS登录用户名是什么?系统不同默认账号也不同
阿里云服务器Windows系统默认用户名administrator,Linux镜像服务器用户名root
4467 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
7326 0
+关注
管振纬
资深移动开发者
300
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载