
IOS开发UI篇
文章平均质量分 80
yixiangboy
爱岗敬业的中国好码农
展开
-
IOS开发UI篇--IOS动画(Core Animation)总结
一、简介IOS 动画主要是指Core Animation框架。官方使用文档地址为:Core Animation Guide。Core Animation是IOS和OS X平台上负责图形渲染与动画的基础框架。Core Animation可以作用与动画视图或者其他可视元素,为你完成了动画所需的大部分绘帧工作。你只需要配置少量的动画参数(如开始点的位置和结束点的位置)即可使用Core Animation的原创 2015-07-23 09:17:59 · 24458 阅读 · 17 评论 -
IOS开发UI篇--使用CAShapeLayer实现一个音量大小动态改变的控件
一、案例演示对于实时显示语音音量大小的需求,发现很多人的实现方式通过预放置多张图进行切换进行完成的。这样的处理,不但会浪费App的资源存储空间,而且效率也不高。对于符合某一定规律动态改变的图形,我们也可以考虑通过代码的方式来实现。 二、实现机制 外部轮廓View主要控制显示大小和显示的圆角效果。内部的Layer主要控制动态显示的高度,虽然他是矩形的。但是当把该Layer加入到View中,而该Vi原创 2016-01-11 13:20:34 · 5123 阅读 · 2 评论 -
IOS开发UI篇--使用CAShapeLayer实现复杂的View的遮罩效果
一、案例演示最近在整理一个聊天的项目的时候,发送图片的时候,会有一个三角的指向效果,指向这张图片的发送者。服务端返回给我们的图片只是一张矩形的图片,我们如何把一张矩形的图片或者View,加上一层自定义遮罩效果,就是本文要讲的内容。效果演示如下:第一张是一个View的遮罩效果,第二张是UIImageView的遮罩效果。 二、实现机制在每一View的layer层中有一个mask属性,他就是专门来设置该原创 2016-01-08 21:01:44 · 9158 阅读 · 5 评论 -
IOS开发UI篇--YXFilmSelectView(一个酷炫的电影选票View)
一、项目简介该项目利用UIScrollView的各种滚动事件的监听,仿造时光网选择电影票的UI而开发的一个自定义View。使用简单,可扩展性很强。具备点击每个Item进行选票功能,选票居中功能,滑动时自动选择距离中间最近的View处于选中状态,而且对于滑动时松开手的时候是否有初始速度进行了区分处理。案例演示如下:二、项目讲解三、项目使用四、Demo下载地址Demo下载地址如果原创 2016-01-05 13:07:36 · 3981 阅读 · 1 评论 -
IOS开发UI篇--使用UICollectionView实现一个倾斜列表效果
一、案例演示本案例演示的是每个cell都有一点倾斜角度的效果,如下图所示: 二、知识储备2.1、如何让CELL倾斜其实 layoutAttributes 已经为我们提供了 transform 属性,我们可以使用这个属性来实现旋转。 关键代码示例:- (NSArray *)layoutAttributesForElementsInRect:(CGRect)rect{ NSArray *at原创 2015-11-12 10:36:32 · 3168 阅读 · 0 评论 -
IOS开发UI篇--仿射变换(CGAffineTransform)使用小结
一、理论基础请参考CGAffineTransform简单分析二、效果演示三、实现代码3.1:位移变换-(void)positionAnimation{ _demoView.transform = CGAffineTransformIdentity; [UIView animateWithDuration:1.0f animations:^{ _demoView.tra原创 2015-09-22 12:51:54 · 8711 阅读 · 0 评论 -
IOS开发UI篇--使用UICollectionView实现一个列表头部拉伸效果的案例
一、案例演示本案例Demo演示的是列表头部具有拉伸的效果,具有良好的用户体验。 当列表的offsetY小于0的时候,顶部的图片会跟随手势的下拉将头部的宽高进行相应地缩放。如下图所示: 二、知识储备2.1、自定义UICollectionViewFlowLayout自定义UICollectionViewFlowLayout就是UICollectionView功能强大的精髓所在,它负责了将各个Cell原创 2015-11-08 14:02:14 · 5143 阅读 · 0 评论 -
IOS开发UI篇--使用UICollectionView实现一个无限轮播的案例
一、案例演示本案例Demo演示的是一个首页轮播的案例,支持手动轮播和自动轮播。知识点主要集中在UICollectionView和NSTimer的使用。 二、知识储备2.1、UICollectionView横向布局只需要设置UICollectionViewFlowLayout的scrollDirection为UICollectionViewScrollDirectionHorizontal即可。2.原创 2015-11-07 21:59:07 · 10521 阅读 · 1 评论 -
IOS开发UI篇--UICollectionView初步入门
UICollectionView学习总结和Demo示例原创 2015-11-06 15:09:17 · 3885 阅读 · 1 评论 -
IOS开发UI篇--一个可扩展性极强的树形控件
一、简介树形控件在多列列表、多级菜单中使用比较常见,比如:国家-省份-城市 多级选择、学校-专业-班级 多级选择等等。然而IOS自带控件中并不存在树形控件,我们要在IOS开发中使用树形控件,通常需要自己扩展UITableView列表控件。现在在这里开源一个自己写的高扩展性,高复用性的IOS树形结构控件。支持无限极树形结构。使用的是非递归方式。代码简单易懂,扩展方便。图片演示如下: 二、使用原创 2015-07-05 14:07:40 · 12797 阅读 · 10 评论 -
IOS开发UI篇--一个侧滑菜单SlidingMenu
一、简介侧滑菜单已经成为app一个极常用的设计,不管是事务类,效率类还是生活类app。侧滑菜单因Path 2.0和Facebook为开发者熟知,国内目前也有很多流行app用到了侧滑菜单,比如QQ、网易邮箱、知乎等等。IOS官方并没有提供类似于侧滑栏之类的组件,所以我们需要自己写一个侧滑栏控件,为了不要重复造轮子,我在github上找到了一个使用简单方便,新手容易入手的侧滑菜单控件,地址:https:原创 2015-07-14 20:47:46 · 12901 阅读 · 2 评论 -
IOS开发UI篇--一个支持图文混排的ActionSheet
一、简介UIActionSheet是IOS提供给我们开发者的底部弹出菜单控件,一般用于菜单选择、操作确认、删除确认等功能。IOS官方提供的以下方式对UIActionView进行实例化:- (instancetype)initWithTitle:(NSString *)title delegate:(id<UIActionSheetDelegate>)delegate cancelButtonTitl原创 2015-07-06 19:52:00 · 3589 阅读 · 2 评论 -
IOS开发基础篇--CAShapeLayer的strokeStart和strokeEnd属性
在不知道有CAShapeLayer的strokeStart和strokeEnd属性的时候,我采取的方法就是实时的 移除旧的CAShapeLayer 然后重绘这个圆形的CAShapeLayer。显然这种方式的效率是不高的。后来在一次看别人Demo的时候,发现别人使用了CAShapeLayer的strokeStart和strokeEnd属性,实现这一个效果十分的简单方便。下面就和大家来讲一讲这两个属性的使用。原创 2016-02-14 13:22:59 · 15885 阅读 · 0 评论