
iOS学习之UI
翟乃玉
编程自学爱好者武术爱好者信仰骑士精神我相信我可以通过自己的努力奋斗出自己的未来
展开
-
猫猫学iOS 之广告轮播图,collectionView制作(源码)
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243 源码共享:https://github.com/znycat/NYCarouselView效果图源代码NYCarouselView.h//// NYCarouselView.h// 广告轮播CollectionView//// Created by原创 2015-12-26 14:05:09 · 2032 阅读 · 4 评论 -
猫猫学IOS(三十五)UI之Quartz2D仿真支付宝手势解锁_代理获得密码。
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents 源码:http://blog.youkuaiyun.com/u013357243/article/details/45533403效果:实现步骤其实这个实现起来不难第一步先放好主要的UI,一张背景图和一个View 第二部就是把9个bu原创 2015-05-06 22:11:31 · 1751 阅读 · 0 评论 -
(素材源码)猫猫学IOS(三十四)UI之Quartz2D画画板的实现
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents 源码:http://download.youkuaiyun.com/detail/u013357243/8666923效果:代码:NYViewNYView.h//// NYView.h// 画画板//// Created b原创 2015-05-06 11:07:04 · 2944 阅读 · 0 评论 -
猫猫学IOS(三十四)UI之Quartz2D画画板的实现
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents 源码:效果:实现过程:首先用storyboard搭建界面,没有什么好说的。 然后就是注意的功能了,这里用了触摸事件来搭配Quartz2D的路径来画画。 思路就是把路径放到数组中@property (nonatomic, s原创 2015-05-06 11:01:49 · 1835 阅读 · 0 评论 -
猫猫学IOS(三十二)UI之Quartz2D矩阵操作和图片剪切
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents矩阵操作矩阵操作:(旋转,缩放,平移) 通过矩阵操作,把画出来的东西进行形变旋转操作方法:CGContextRotateCTM(<#CGContextRef c#>, <#CGFloat angle#>)该接受两个参数(图形上下原创 2015-05-05 13:08:08 · 1929 阅读 · 0 评论 -
猫猫学IOS(三十三)UI之Quartz2D雪花飘落效果刷帧
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents效果:可以加入随机数实现真的飘落效果哦。代码:-(id)initWithCoder:(NSCoder *)aDecoder{ //请注意这里一定要先初始化父类的构造方法 if (self=[super initW原创 2015-05-05 13:35:22 · 2243 阅读 · 0 评论 -
猫猫学IOS(三十)UI之Quartz2D画图片画文字
回头看了看自己写的博客,猫猫决定以后更改风格 本意是想大家看效果直接拷贝代码能用,注释齐全也方便学习,但是发现这样对新手学习特别困难,以后素材源码不会上传了,有想要的可以去群里找。 以后风格基本是–>看标题–>看目录–>看图片–>看代码–>自己尝试。当然,如果有好的给力Demo猫猫还是会原来那样放上来的。猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://bl原创 2015-05-05 11:28:39 · 3059 阅读 · 1 评论 -
猫猫学IOS(二十三)UI之控制器管理
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents控制器以及view的多种创建方式控制器view的加载 通过storyboard创建1:先加载storyboard⽂件(Test是storyboard的⽂文件名) UIStoryboard *storyboard = [UISto原创 2015-04-19 14:07:15 · 3008 阅读 · 2 评论 -
猫猫学IOS(三十一)UI之Quartz2D图形上下文栈
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents首先,前面博客说过。qurza2d的上下文中有绘图信息和绘图的属性。 但是他是怎么绘制到上下午中的呢?我们画图时候一半会用这三个步骤: (1)获取上下文 (2)绘图 (3)渲染 这里引申出来一个问题,画两条线的时候,是怎原创 2015-05-05 12:28:18 · 2163 阅读 · 0 评论 -
猫猫学IOS(二十九)UI之Quartz2D自定义下载控件_画各种图形
猫猫分享,必须精品素材代码地址:http://download.youkuaiyun.com/detail/u013357243/8614731 原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents效果自定义控件过程主要过程在上一篇里有介绍了,这里主要介绍下代码实现先做好要放的view 然后实现呢主要就是四原创 2015-04-28 11:32:51 · 2353 阅读 · 2 评论 -
猫猫学IOS(二十八)UI之Quartz2D简单介绍
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243?viewmode=contentsiOS开发UI篇—Quartz2D简单介绍什么是Quartz2DQuartz 2D是⼀个二维绘图引擎,同时支持iOS和Mac系统Quartz 2D能完成的工作:绘制图形 : 线条\三角形\矩形\圆\弧等绘制文字绘制\生成图片(图像原创 2015-04-28 11:10:54 · 1813 阅读 · 0 评论 -
猫猫学IOS(三十六)UI之手势事件旋转_缩放_拖拽
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents 源码:效果完成一个图片的捏合缩放,拖拽,旋转动作。设计思路拖拽:首先是最简单的拖拽//拖拽-(void)panTest{ UIPanGestureRecognizer *pan = [[UIPanGesture原创 2015-05-07 13:57:53 · 2258 阅读 · 0 评论 -
猫猫学IOS(三十七)UI之CALayer
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents CALayer在iOS中,你能看得见摸得着的东西基本上都是UIView,比如一个按钮、一个文本标签、一个文本输入框、一个图标等等,这些都是UIView。其实UIView之所以能显示在屏幕上,完全是因为它内部的一个图层。在创建UI原创 2015-05-07 15:31:25 · 1609 阅读 · 1 评论 -
猫猫学iOS 之广告轮播图,collectionView制作
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243效果图不多说,好不好先看效果,之前做过一个scrollView的轮播图,但是很局限,很多多余代码,今天猫猫重新做了一个用collectionView的流水布局做的一个,可以拿去做广告轮播,也可以做系统新特性哦,来,看下效果吧。源码共享:https://github.原创 2015-12-26 14:00:19 · 1947 阅读 · 2 评论 -
iOS开发类似微信上传头像小操作Demo
效果图:代码:图片选择器前面的tablvew里的东西- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{ // 图片选择器 UIImagePickerController *imgPC = [[UIImagePickerController alloc]原创 2015-11-27 14:58:33 · 4589 阅读 · 1 评论 -
猫猫学iOS之iOS键盘隐藏,下一个textField,键盘控制第三方好用框架IQKeyboardManager
IQKeyboardManager 这个库的下载地址:https://github.com/hackiftekhar/IQKeyboardManager 猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243效果用法在用到键盘的时候,经常会遇到很多蛋疼的问题,比如键盘不隐藏,很多很多用法不方便,这里就给大家带来一个原创 2015-12-29 10:56:48 · 3252 阅读 · 0 评论 -
猫猫学iOS之UITextField全解
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243这里以代码形式共享给大家,参考 IOS-TextField知多少的博客,这里猫猫主要用markdown对目录结构进行优化,方便阅读初始化textfield并设置位置及大小 UITextField *text = [[UITextField alloc]initWi原创 2015-12-28 14:26:42 · 18799 阅读 · 3 评论 -
猫猫学iOS之UITextField右边设置图片,以及UITextField全解
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243 效果:封装好的方法:猫猫封装的一个小方法,简单共享出来,方便以后代码copy如果有更好的意见可以告诉我,面向对象是个大的工程,然而咱走在路上。/** * 给UITextField设置右侧的图片 * * @param textField UITextFie原创 2015-12-28 14:16:42 · 3547 阅读 · 1 评论 -
猫猫学IOS(一)UI之Hello World与加法计算器
IOS开发——HelloWorld 以及 加法计算器原创 2015-03-17 16:33:25 · 3523 阅读 · 0 评论 -
猫猫学IOS(三)UI之纯代码实现UI——图片查看器
猫猫分享,必须精品先看效果主要实现类似看新闻的一个界面,不用拖拽,纯代码手工写。 首先分析app可以很容易知道他这里有两个UILabel一个UIImageView还有两个UIButton定义UIView中的东西@property (nonatomic, strong) UILabel *noLabel;//数字标签@property (nonatomic, strong) UIImageView原创 2015-03-19 12:43:54 · 2842 阅读 · 0 评论 -
猫猫学IOS(五)UI之360等下载管理器九宫格UI
猫猫分享,必须精品先看效果 主要是完成了九宫格UI的搭建代码- (void)viewDidLoad { [super viewDidLoad];//九宫格中每个格子的宽#define kAppViewW 80//九宫格中每个格子的高#define kAppViewH 90////九宫格中有多少个格子#define kColCount 3//九宫格中第一行距离屏幕最上边距离原创 2015-03-20 08:28:08 · 2551 阅读 · 2 评论 -
猫猫学IOS(四)UI之半小时搞定Tom猫
话不多说 先上效果 项目源码素材下载地址: Tom猫游戏代码iOS 素材http://blog.youkuaiyun.com/u013357243/article/details/44457357效果图曾经风靡一时的tom猫其实制作起来那是叫一个相当的easy啊 功能全部实现,(关键是素材,没有素材的可以加我微信) 新手也可以很快的完成tom这个很拉轰的ios应用哦原创 2015-03-19 13:36:10 · 3158 阅读 · 2 评论 -
猫猫学iOS 之控制器view显示中view的父子关系及controller的父子关系_解决屏幕旋转不能传递事件问题
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243一:效果二:项目代码这个Demo用的几个控制器分别画了不通的xib,随便拖拽了几个空间,主要是几个按钮的切换,主要代码展示下://// NYViewController.m// 控制器的view的显示//// Created by apple on 14原创 2015-09-13 08:20:44 · 1652 阅读 · 2 评论 -
猫猫学iOS(四十二)UI之核心动画CAAnimationGroup以及其他
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents 效果:代码:很简单,不多说,就是把一堆动画放一起,看代码。- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{原创 2015-05-09 07:27:09 · 2935 阅读 · 5 评论 -
猫猫学IOS(二十五)UI之触摸事件
猫猫分享,必须精品 原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243?viewmode=contentsiOS中的事件在用户使用app过程中,会产生各种各样的事件;iOS中的事件可以分为3大类型: 响应者对象–UIResponder在iOS中不是任何对象都能处理事件,只有继承了UIResponder的对象才能原创 2015-04-26 20:35:34 · 1710 阅读 · 0 评论 -
猫猫学IOS(三十九)UI之核心动画之CABasicAnimation(基础动画)
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents一、CABasicAnimation简介CAPropertyAnimation的子类 属性解析: fromValue:keyPath相应属性的初始值 toValue:keyPath相应属性的结束值 随着动画的进行,在长度为原创 2015-05-08 16:22:20 · 1938 阅读 · 0 评论 -
猫猫学IOS(十八)UI之QQ聊天布局_键盘通知实现自动弹出隐藏_自动回复
猫猫分享,必须精品素材代码地址: 原文地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents先看图片第一步完成tableView和Cell的架子的图 完善图片 键盘弹出设置后图片:自动回复图:粗狂的架子tableView和Cell的创建首相tableView为了学习方便就直接用stroyBoard拖拽了原创 2015-04-12 10:19:42 · 2242 阅读 · 2 评论 -
猫猫学IOS(二十二)UI之UIApplicationDelegate和UIWindow
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents UIApplicationDelegate每次新建完项目,都有个带有“AppDelegate”字眼的类,它就是UIApplication的代理NYAppDelegate默认已经遵守了UIApplicationDelegate协议,原创 2015-04-18 09:49:44 · 2738 阅读 · 1 评论 -
猫猫学IOS(十七)UI之纯代码自定义Cell实现新浪微博UI
猫猫分享,必须精品素材代码地址: 原文地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents先看效果图编程思路代码创建Cell的步骤1> 创建自定义Cell,继承自UITableViewCell 2> 根据需求,确定控件,并定义属性 3> 用getter方法完成控件的实例化,只创建并添加到contentView,不处理位置 4> 定义一原创 2015-04-10 10:35:52 · 1914 阅读 · 0 评论 -
猫猫学IOS(八)UI之热门_喜马拉雅UI实现-UIScrollView的使用
猫猫分享,必须精品 素材代码地址: http://blog.youkuaiyun.com/u013357243/article/details/44588251 原文地址:http://blog.youkuaiyun.com/u013357243/article/details/44588159先看效果 storyBoard用到的控件 代码实现/*新建iOS交流学习群:304570962ps:猫猫的原创 2015-03-24 10:27:21 · 1902 阅读 · 0 评论 -
猫猫学IOS(七)UI之UITextField代理事件_类似QQ登陆窗口的简单实现
猫猫分享,必须精品 素材代码地址: 原文地址:先看效果图:学习代码//// NYViewController.m// 05-UITextField事件_UIKit复习//// Created by apple on 15-3-23.// Copyright (c) 2015年 znycat. All rights reserved.//#import "NYViewCon原创 2015-03-23 22:57:44 · 2201 阅读 · 0 评论 -
猫猫学IOS(十五)UI之曾经大热的打砖块小游戏
猫猫分享,必须精品素材代码地址:http://blog.youkuaiyun.com/u013357243/article/details/44814523 原文地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents!素材代码里面有我写的全部代码,注释齐全,方便学习先看效果图代码//ps:新建iOS交流学习群:304570962 可以加猫猫QQ:176454原创 2015-04-01 21:58:19 · 1352 阅读 · 0 评论 -
猫猫学IOS(十四)UI之UITableView扩充_表格的修改_(增删移动)
猫猫分享,必须精品 素材代码地址:http://download.youkuaiyun.com/detail/u013357243/8544315 原文地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents先看效果图 代码//ps:新建iOS交流学习群:304570962 可以加猫猫QQ:1764541256 或则微信znycat 让我们一起努力学习吧。原创 2015-03-29 16:25:08 · 1301 阅读 · 1 评论 -
猫猫学IOS(十二)UI之UITableView学习(上)LOL英雄联盟练习
猫猫分享,必须精品素材代码地址: 原文地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents先看效果图 源代码NYViewController的代码//ps:新建iOS交流学习群:304570962 可以加猫猫QQ:1764541256 或则微信znycat 让我们一起努力学习吧。 原文:http://blog.youkuaiyun.com/u01原创 2015-03-28 21:34:32 · 1821 阅读 · 1 评论 -
猫猫学IOS(十三)UI之UITableView学习(下)汽车名牌带右侧索引
猫猫分享,必须精品素材代码地址:http://blog.youkuaiyun.com/u013357243/article/details/44727225 原文地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents先看效果图 代码 ViewController//ps:新建iOS交流学习群:304570962 可以加猫猫QQ:1764541256原创 2015-03-29 15:11:28 · 2885 阅读 · 1 评论 -
猫猫学IOS(十一)UI之图片自动轮播
猫猫分享,必须精品素材代码地址: 原文地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents先看效果代码//ps:新建iOS交流学习群:304570962 可以加猫猫QQ:1764541256 或则微信znycat 让我们一起努力学习吧。 原文:http://blog.youkuaiyun.com/u013357243?viewmode=contents原创 2015-03-26 10:47:26 · 1630 阅读 · 2 评论 -
猫猫学IOS(十)UI之_NSTimer_ios计时器
猫猫分享,必须精品素材代码地址: 原文地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents先看效果 代码原文地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents//// NYViewController.m// 05 - 倒计时//// Created by apple原创 2015-03-25 21:13:54 · 1469 阅读 · 0 评论 -
猫猫学IOS(二十四)UI之注册案例
猫猫分享,必须精品素材代码地址: 原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents先看效果制作思路猫猫在做这个的时候,首先用stroyboard画出来界面UI,这个很简单,不多说了,然后下一步就是自定义xib做键盘上面的那一栏了,需要自己做xib还有view,详细代码下面会有,当我们点击的时候原创 2015-04-21 08:23:25 · 1862 阅读 · 2 评论 -
猫猫学IOS(六)UI之iOS热门游戏_超级猜图
猫猫分享,必须精品 素材地址: 原文地址:先看效果图 思路需求分析1,搭建界面 1》上半部分,固定的,用Storyboard直接连线(OK) 2》下半部分,根据题目的变化,不断变化和调整,用代码方式实现比较合适(OK) *备选按钮区域(OK) *答案按钮区域(OK)2,编写代码 1》大图,小图的切换(OK) 2》下一题(OK) 3》备选按钮的点击,让文字进入答案原创 2015-03-22 17:09:12 · 3163 阅读 · 1 评论 -
猫猫学IOS(四十一)UI之核心动画 两行代码搞定3D转场(做android的哭死)
猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.youkuaiyun.com/u013357243?viewmode=contents 源码素材地址:效果:代码:其实代码很少,苹果都给封装好了// 1.创建核心动画 CATransition *ca = [CATransition animation]; // 1.1动画过渡类型 ca.原创 2015-05-08 18:04:58 · 2928 阅读 · 0 评论