9宫格如何搭建 ios

2019-05-12 21:46:51 ZLMrche 阅读数 462

背景:近期工作发生变动,开发环境由windows转向了mac,此前对mac了解甚少,在此记录下配置开发环境的过程,并分享一些高效的工具。

一. 配置Java环境

虽说Android Studio自带了JDK但是OpenJDK还是和JDK有些差异的 为了以后不出现莫名其妙的错误,建议更新使用JDK(Oracle公司开发的)

1.首先下载安装JDK

下载地址http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html,选择MacOS版本 并且安装,傻瓜式下一步)安装完成之后打开 终端Terminal,执行命令:java -version 即可查看到我们所安装的jdk版本

2.配置JDK环境

  • 1.在Terminal中 执行命令
/usr/libexec/java_home -v

就可以查看到真实的jdk路径
一般为 /Library/Java/JavaVirtualMachines/jdk版本.jdk/Contents/Home/

例如我这边是(稍后都会采用这个地址,若不一致,需要更换成你自己的版本):
/Library/Java/JavaVirtualMachines/jdk1.8.0_144.jdk/Contents/Home/

  • 2.使用vi编辑配置文件:sudo vi /etc/profile
    输入i 进入编辑界面,然后把光标移动到最下面 添加以下配置
#JAVA环境变量的配置 
JAVA_HOME="/Library/Java/JavaVirtualMachines/jdk1.8.0_144.jdk/Contents/Home"
CLASS_PATH="$JAVA_HOME/lib"
#把java环境添加到环境变量PATH中
PATH=".;$PATH:$JAVA_HOME/bin"

然后 按下esc退出编辑模式,输入 :wq! 保存并且退出

  • 3.再使用命令 source /etc/profile 更新文件,使之生效。此时可以使用 echo JAVA_HOME 查看配置的路径 ; echoPATH查看环境变量

3.在AndroidStudio中设置使用JDK

在AndroidStudio 的Welcome to Android Studio界面(项目选择界面)
点击右下角configure->project default->project structure

  • 去掉 Use embedded JDK (recommended) 的勾选
    这时就选上我们设置的Java_home
  • 若此时提示没有JDK也不要紧 可以手动指定
  • 这时只要将jdk得路径拷贝进去就可以 例如
/Library/Java/JavaVirtualMachines/jdk1.8.0_144.jdk/Contents/Home

然后点击Apply 在点击确定就完成了Android Studio JDK的配置


二.配置adb变量

这个是为了方便在Studio中直接执行adb的命令,例如连接无线的测试设备(不使用adb的童鞋可以跳过这段)

  • 1.在命令行下进入用户目录
cd $HOME
  • 2.找到 .bash_profile文件

输入下行命令获取当前文件列表:

ls -al

查看文件列表,
如果有.bash_profile文件,请跳过 2. 直接看 3.
如果没有看看到 .bash_profile文件 ,执行以下命令新建:

touch .bash.profile
  • 3 . 打开 .bash.profile
open -e .bash.profile

打开文件后,添加sdk的安装路径,如果你是安装的Android Studio而且没有手动去变换路径的话,直接复制下面两行命令后将用户名改为自己电脑的即可。如果自己修改了路径,则找到/Android/sdk/platform-tools和/Android/sdk/tools的路径,替换即可。

export PATH=${PATH}:/Users/用户名/Library/Android/sdk/platform-tools
export PATH=${PATH}:/Users/用户名/Library/Android/sdk/tools
  • 4.更新.bash.profile文件
source .bash.profile

  • 5 . 执行adb version查看结果
    显示adb版本号即为设置成功 如下
Android Debug Bridge version 1.0.36
Revision 8f855a3d9b35-android

附录常用的adb命令

//连接一台台同局域网下设备ip为192.168.0.123,端口号为5555的设备
adb connect 192.168.0.123:5555 

// 获取设备列表及设备状态
adb devices 

// 获取设备的连接状态
adb get-state

//开启adb服务和关闭adb服务
adb kill-server 
adb start-server

//安装一个apk
adb install xxx.apk //xxx.apk 需要为绝对路径,实际操作中直接将apk拖到终端中即可。

//重新安装此apk,但是保留原有的数据和缓存文件
adb install -r xxx.apk

//卸载apk(-k表示保留数据和缓存文件)
adb uninstall (-k)

//强制停止应用
adb shell am force-stop

//清除应用数据和缓存
adb shell pm clear

//获取序列号
adb get-serialno 

//查看设备型号
adb shell getprop ro.product.model 

//查看Android系统版本
adb shell getprop ro.build.version.release 

//查看屏幕密度
adb shell wm density 

//查看屏幕分辨率
adb shell wm size 

//adb pull 拷出文件
adb pull sdcard/simple.txt e:\
adb pull sdcard/simple.txt e:\rename.txt 重命名文件名

//adb push 拷入文件
adb push d:\nice.txt sdcard/ 拷贝本地文件到手机sd卡


高效开发工具推荐
 

随时记下闪现的灵感

人的一天中大脑会产生大约6万个想法, 其中有不少优秀的 idea. 如果我们能学会捕捉哪怕是部分灵感, 也将会收获巨大. 因此工作中需要及时地记下闪现的灵感, 以方便闲暇时温故而知新. 这里推荐两个笔记应用: ① EvernoteOneNote . (注: Evernote速记快捷键Control+Command+N)

 

Markdown编辑器

目前可供选择的markdown编辑器非常之多,至少以下有六种:

  1. Typora, 简洁轻便免费, 独有的所见即所得, 可在预览状态下编辑, 快捷键丰富, 脚本高亮功能出彩, 导出为pdf后, 排版同样正常, 这点非常难得, 笔者使用的就是该款.
  2. Ulysses, 功能强大, 快捷键丰富, 支持目录导入, 支持多终端同步.
  3. MWeb Lite, MWeb的微型版, 不收费, 支持目录导入.
  4. macdown, 基于mou开发, 轻量, 不支持目录导入.
  5. mou 历史悠久, 据说有少量的bug, 具体请参考 Mac 下两款 Markdown 编辑器 Mou/MacDown 大 PK - 简书 .
  6. markeditor, 注重视觉感受, 界面不错, 但运行较慢.

以上, 推荐开发使用 Typora, 产品等使用 Ulysses.

 

Mac重度依赖者

开发工具

  • Charles 网络抓包应用, mac必备.
  • aText 输入增强应用, 比 TextExpander 要人性化许多,并且对中文和第三方输入法的支持都要更好.
  • Dash mac上api集合应用, 几乎包含各种语言的api文档.
  • SnippetsLab 优秀的代码片段管理工具, 轻量, 可基于菜单栏操作.
  • CodeExpander 专为开发者开发的一个集输入增强、代码片段管理(支持 Markdown)为一体跨平台云同步的开发工具。

效率提升

  • Alfred 3 神奇的魔法帽, 支持 ① 快速打开application; ② 支持Finder, Calculator, Contacts, Clipboard, iTunes, System, Terminal 等原生应用的各种便捷功能; ③ 支持workflow(工作流)(需要升级为收费版的Powerpack).
  • iterm2 增强版的终端应用, 功能强大, 支持分屏, 历史记录, 选中即复制等.
  • Sip 全屏取色应用, 支持快捷键调出(前端福音, 寻找多年, 终于发掘出来了).
  • Keka 压缩或解压缩应用, 开源免费, 压缩比高, 操作便捷, 支持rar等解压, 压缩中文目录后, 在windows下打开不会存在乱码等现象.
  • ezip 专为macOS而设计的压缩软件, 功能强大, 预览、提取功能特别好用, 永久免费.
  • Scroll Reverser mac滚动方向自定义应用, 可分别设置鼠标和触摸板的上下左右的滚动效果.
  • Size up 分屏应用, 类似Moon的一款应用, 支持上下左右居中、4个角落快速分屏及多屏幕切换.
  • Divvy 另一款分屏应用, 可将屏幕分成多宫格的形式, 然后为每个格子定义快捷键, 遗憾的是不支持多屏幕切换.
  • Graphviz 贝尔实验室开发的有向图/无向图自动布局应用, 支持dot脚本绘制结构图, 流程图等. 可参考教程 利用Graphviz 画结构图使用graphviz绘制流程图 .
  • XMind 思维导图应用, 适合业务及思路梳理.
  • iThoughtsX 另一款思维导图应用, 更加简洁和轻量.
  • Pomodoro One 番茄工作法的一款应用.
  • Recess规范时间的软件

博主必备

  • ScreenFlow 这或许是mac上最好用的屏幕录制应用.
  • Snipaste或许是最好的截图软件
  • Annotate 屏幕截图批注应用, 令人惊喜的是, 支持划区域gif制作, 教程以及动图制作者必备.
  • Licecap mac上超强大的且极简的gif录制应用, 使用免费, 支持FPS帧率调整且无录制时间限制(笔者用它录制了很多gif动图).
  • KeyCastr 将mac按键显示在屏幕上,分享演示、录制视频或动图时超赞.

Mac定制化

  • Bartender 3 菜单栏管理应用, 支持隐藏所有菜单栏图标, 还您一个干净的菜单栏.
  • Dozer 隐藏菜单栏项目,功能类似Bartender但是开源免费
  • CDock 任务栏定制应用, 可设置Dock全透明, 还您一个清爽的任务栏.
  • TextBar 自定义菜单栏输出, 支持script运行, 支持H5渲染.
  • Growl 自定义通知样式, 支持多种主题以及颜色, 大小, 渐隐时间等各项参数的自定义.
  • Karabiner 键盘映射修改神器.
  • Magnet窗口管理工具,提升工作效率
  • Keyboard Maestro 键盘大师, mac下功能最为丰富的键盘增强应用.
  • BetterTouchTool mac触摸板增强神器.
  • Übersicht 华丽的桌面自定义应用, 类似于windows的 rainmeter. 支持H5.
  • Today Scripts 个性化通知栏插件, 支持bash脚本.
  • Mountain Tweaks mac隐藏功能开启应用.

折腾党玩转Mac

  • TripMode 移动热点流量管家, 出差达人的福音.
  • Caffeine 点亮mac, 避免长时间演示ppt而进入到休眠状态.
  • Tickeys 键盘打字风格模拟应用, 支持 Cherry轴等多种风格.
  • keycue 快捷键辅助应用, 帮助记忆快捷键.
  • AirServer IOS连接mac必备.
  • Beyond Compare 文件比较应用, 支持文件, 目录, FTP远程地址比较等.
  • Debookee 网络抓包及数据分析应用.
  • EasyFind 小而强大的文件搜索应用, 媲美windows下的Everything.
  • FileZilla 免费开源的FTP应用.
  • OmniDiskSweeper 硬盘空间扫描应用, 帮助mac减肥.
  • Kaleidoscope 文件和图像比较应用, 支持图片比较, 能与 git, svn 等版本控制工具完美结合.
  • AppCleaner mac应用卸载工具, 结合 AppCleaner 的workflow, 使用效果更佳.
  • TeamViewer 远程开发或协助必备应用.
  • Script Debugger 强大的AppleScript编辑器.
  • Reeder 界面优美的RSS订阅应用.
  • HyperSwitch 带有预览图的快速切换, 作用同Command+Tab.
  • Fruit Juice 电池管理应用, 帮助延迟电池的使用时间.

 

终端命令

  • ohmyzsh shell有很多种, 常用的bash就是之一. 而zsh是shell中目前最强大的, 没有之一. ohmyzsh屏蔽了zsh复杂的配置, 真正达到了一键上手zsh的目的.

    # Mac下自动安装&设置
    wget https://github.com/robbyrussell/oh-my-zsh/raw/master/tools/install.sh -O - | sh
    # 设置 shell 默认使用 zsh
    chsh -s /bin/zsh
    #在 dock 栏右键退出终端, 然后重启终端~安装完成
  • autojump 支持快速跳转到曾经打开过的目录下,安装方法: brew install autojump .

  • tmux 终端复用工具, 支持在终端中创建不依赖于终端的窗口, 安装方法: brew install tmux. 使用请参考:Tmux使用手册.

 

Chrome Extension篇

自制

  • Iheader 监听和修改http/https请求/响应头,可用于渗透测试(笔者修改请求头用于跨域调试,特别好用)。
  • Qrcode URL生成二维码,如果网页中包含选中文本,则生成选中文本的二维码。

前端有关

  • whistle node实现的抓包工具,配合chrome扩展,可基于chrome完成抓包,代理,甚至可基于js生成mock数据,完全可替代charles。
  • YSlow 雅虎性能分析工具.
  • FE助手 百度推出的前端助手, 具有很多便捷的小功能.
  • Postman 接口调试工具, 几乎支持所有类型的http(s)请求.
  • EditThisCookie cookie编辑工具, 可用于获取或设置http only等cookie的值.
  • JSONView json预览工具, 接口调试必备.
  • Page Ruler 页面尺子, 页面重构或者严格按照设计图开发页面时, 将会非常有用.
  • Alexa Traffic Rank 网站Alexa排名查看工具.
  • React Developer Tools React开发者工具.
  • Redux DevTools Redux开发者工具.

工作效率有关

  • OneTab 快速关闭并存储浏览器当前窗口所有Tab页, 可用于下次一键全部恢复.
  • Merge Windows 合并所有浏览器窗口为同一个窗口.
  • Vimium 键盘党必备, 使用vim命令管理页面.
  • Vysor mac上直接操作 Android 手机, 且可远程共享手机操作界面.

网站有关

  • Octotree Github重度依赖者必备, 提供左侧边栏, 快速浏览仓库内容.
  • AdBlock 超强去广告工具, 最受欢迎的Chrome扩展, 拥有超过4000万用户.
  • 阅读模式 快速开启阅读模式, 进入沉浸式阅读, 并非支持所有网页.
  • Blipshot 全网页截图工具, 支持自动垂直滚动, 截取网页的所有内容为一张图片.

有其他问题或者技术困惑的伙伴,可以加群交流(备注技术交流)

 

2015-10-17 19:16:36 u010899746 阅读数 1879

做类似应用程序管理这样的app时,需要在界面上展示多个相同大小的视图,一般以九宫格的形式排列,在 用代码动态创建这些视图的时候,需要用到九宫格算法,来调整各个创建出来的小视图 位置,以便形成九宫格的效果;
例子代码:

- (void)viewDidLoad {
    [super viewDidLoad];
    //搭建界面,九宫格
#define kAppViewW 80  //小视图的宽度
#define kAppViewH 90  //小视图的高度
#define kColCount 3  //列数
#define kStartY   20  //偏移量,用于兼容ios6之前,y轴0点和ios6之后的版本不同的情况
    //每个小视图之间的空余空间
    CGFloat marginX = (self.view.bounds.size.width - kColCount * kAppViewW) / (kColCount + 1);
    CGFloat marginY = 20;//一般高度都写死

    for (int i = 0; i < 12; i++)
    {
        //行数列数
        int row = i / kColCount;
        int col = i % kColCount;
    //计算每个视图出现的位置
        CGFloat x = marginX + col * (marginX + kAppViewW);
        CGFloat y = marginY + row * (marginY + kAppViewH) + kStartY;
    //按照指定的位置创建视图
        UIView* view = [[UIView alloc]initWithFrame:CGRectMake(x, y, kAppViewW, kAppViewH)];
        view.backgroundColor = [UIColor redColor];
        [self.view addSubview:view];
    }
}
2013-09-26 22:30:28 u010944926 阅读数 1175

文章来源:http://blog.csdn.net/cocoarannie/article/details/11584905

根据需求九宫格的效果可以有很多种。九宫格效果应用比较广泛,实现也多种多样,比如选项抽屉效果。

这里写了一个在UITableView上显示九宫格效果的Demo。


思路:在Cell上初始化自定义按钮,根据预设的每行按钮个数来决定他们在Cell上的位置。然后响应点击事件即可。整体实现不是很难,细节上注意一下即可。


搭建界面




数据,图片来自于天猫客户端的一些资源图片,然后还是以属性字典的方式读取提前设定的数据。




程序读取数据


  1. - (void)loadData  
  2. {  
  3.     static NSString * const TitleKey = @"title";  
  4.     static NSString * const ImageNameKey = @"imagename";  
  5.     static NSString * const FlagKey = @"flag";  
  6.       
  7.     NSString *path = [[NSBundle mainBundle] pathForResource:@"Products" ofType:@"plist"];  
  8.     NSArray *array = [NSArray arrayWithContentsOfFile:path];  
  9.       
  10.     if (!array)  
  11.     {  
  12.         MyLog(@"文件加载失败");  
  13.     }  
  14.     _productList = [NSMutableArray arrayWithCapacity:array.count];  
  15.     [array enumerateObjectsUsingBlock:^(NSDictionary *dict, NSUInteger idx, BOOL *stop) {  
  16.         Product *product = [[Product alloc] init];  
  17.         product.title = dict[TitleKey];  
  18.         product.imageName = dict[ImageNameKey];  
  19.         product.flag = [dict[FlagKey] integerValue];  
  20.         [_productList addObject:product];  
  21.     }];  
  22. }  

Product是一个模型类,有三个属性,其中Flag是为了区分每个商品分类设定的。

于是要进行一些准备工作,为了达到按钮是这种效果,我们需要自定义一个按钮。


  1. - (id)initWithFrame:(CGRect)frame  
  2. {  
  3.     self = [super initWithFrame:frame];  
  4.     if (self) {  
  5.         self.imageView.contentMode = UIViewContentModeScaleAspectFit;  
  6.         self.titleLabel.font = [UIFont systemFontOfSize:15.0f];  
  7.         self.titleLabel.textAlignment = NSTextAlignmentCenter;  
  8.         [self setTitleColor:[UIColor purpleColor] forState:UIControlStateNormal];  
  9.     }  
  10.     return self;  
  11. }  
  12.   
  13. - (CGRect)imageRectForContentRect:(CGRect)contentRect  
  14. {  
  15.     CGFloat imageX = 0;  
  16.     CGFloat imageY = 0;  
  17.     CGFloat imageW = contentRect.size.width;  
  18.     CGFloat imageH = contentRect.size.height * RImageHeightPercent;  
  19.       
  20.     return CGRectMake(imageX, imageY, imageW, imageH);  
  21. }  
  22.   
  23. - (CGRect)titleRectForContentRect:(CGRect)contentRect  
  24. {  
  25.     CGFloat x = 0;  
  26.     CGFloat y = contentRect.size.height * RImageHeightPercent;  
  27.     CGFloat width = contentRect.size.width;  
  28.     CGFloat height = contentRect.size.height * (1 - RImageHeightPercent);  
  29.       
  30.     return CGRectMake(x, y, width, height);  
  31. }  

其中宏为#define RImageHeightPercent 0.7 也就是上面百分之70显示图片,下面30显示标题


然后在自定义cell上初始化按钮

  1. NSInteger width = RCellWidth/RColCount;  
  2. for (NSInteger i = 0; i < RColCount; i++)  
  3. {  
  4.     ProductButton *btn = [[ProductButton alloc] init];  
  5.     btn.frame = CGRectMake(i*width + RMarginX, RMarginY, width - 2*RMarginX, RCellHeight - 2*RMarginY);  
  6.     btn.tag = RStartTag + i;  
  7.     [self.contentView addSubview:btn];  
  8. }  

设置tag是为了一会在绑定数据的时候能够定位到每一个button

  1. - (void)bindProducts:(NSArray *)productList  
  2. {  
  3.     for (NSInteger i = 0; i < RColCount; i++)  
  4.     {  
  5.         ProductButton *btn = (ProductButton *)[self.contentView viewWithTag:RStartTag + i];  
  6.         Product *product = productList[i];  
  7.         btn.tag = product.flag;  
  8.         [btn setImage:[UIImage imageNamed:product.imageName] forState:UIControlStateNormal];  
  9.         [btn setTitle:product.title forState:UIControlStateNormal];  
  10.         [btn addTarget:self action:@selector(buttonTapped:) forControlEvents:UIControlEventTouchUpInside];  
  11.     }  
  12. }  

在Cell设置的时候传过来一个参数productList来让cell获取到要绑定的若干个Product数据模型。

并且监听事件,将具体哪个按钮被点击的事件通过设置代理的方式传递给视图控制器。

协议

  1. @class ProductCell;  
  2. @protocol ProductCellDelegate <NSObject>  
  3. @optional  
  4. - (void)productCell:(ProductCell *)cell actionWithFlag:(NSInteger)flag;  
  5. @end  

监听方法

  1. - (void)buttonTapped:(ProductButton *)sender  
  2. {  
  3.     //MyLog(@"%d", sender.tag);  
  4.     [_cellDelegate productCell:self actionWithFlag:sender.tag];  
  5. }  

视图控制器实现则根据不同情况进行不同操作即可

再看下配置单元格的方法

  1. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath  
  2. {  
  3.     ProductCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];  
  4.       
  5.     NSInteger index = indexPath.row;  
  6.     NSMutableArray *list = [NSMutableArray arrayWithCapacity:RColCount];  
  7.     for (NSInteger i = 0; i < RColCount; i++)  
  8.     {  
  9.         [list addObject:_productList[index*RColCount + i]];  
  10.     }  
  11.       
  12.     cell.cellDelegate = self;  
  13.     [cell bindProducts:list];  
  14.     return cell;  
  15. }  



到这里,主要的实现方法已经完成。具体的代码可以下载Demo:

Demo源码


最后来看下效果图





以上就是本篇博客全部内容,欢迎指正和交流 转载注明出处~


2015-10-31 16:24:00 weixin_30911809 阅读数 15

 

根据上图,由于我是一个Java程序员,前面两个阶段还是学的比较快的,但是由于电脑配置不行,光是开启虚拟机登陆OS系统就卡的不要不要的了,在那里面写代码简直是煎熬= =,后面的UI学习又要启动ios模拟器,根本无法进行。

于是下定决心,入手一台Macbook pro,告别我用了四年的联想~今天本本到货啦,哈哈^_^,可以愉快的继续了 

2015/10/14

Day 15

为了便于开发者打造各式各样的优秀app,UIKit框架提供了非常多功能强大又易用的UI控件

 

2015/10/16

Day 16

第一个IOS程序

利用storyboard,拖控件上去,设置属性和监听方法,运行模拟器

UIButton,UILabel,UITextField,UIImageView等常用控件的熟悉,它们都是UIView的子类

UIButton是个比较强大且常用的控件,它可以显示两张图片,显示文字,还有各种事件的监听

连线设置属性或者监听方法

添加动画效果

 

多个控件可以连线到一个监听方法中,利用tag区分控件,不过一般不建议这么做

注意点:

1.IBAction:

1> 能保证方法可以连线

2> 相当于void

2.IBOutlet:

1> 能保证属性可以连线

3.常见错误

setValue:forUndefinedKey:]: this class is not key value coding

错误原因是:连线出问题了

4.Xcode5开始的一些建议

把用于连线的一些方法和属性声明在.m文件的类扩展中

5.frame\center\bounds

1> frame:能修改位置和尺寸

2> center:能修改位置

3> bounds:能修改尺寸(x\y一般都是0)

 

2015/10/17

Day 17

transform的使用

它可以平移/缩放/旋转

CGAffineTransformScale : 缩放

CGAffineTransformRotate : 旋转

CGAffineTransformTranslate : 平移

小结:

  1. 上面的平移,如果该控件之前旋转过,平移的方向也会跟着变化
  2. plist文件的使用,类似于Java中的property文件
  3. 方法的封装

 

2015/10/18

Day 18

序列帧动画的播放

其实是利用图片数组,遍历显示

设置好图片,动画播放时间以及重复次数,就可以播放,动画放完清除内存

遇到的问题:代码正确,动画未能播放

原因:如果资源文件是拖进去的,可能没有真正加入Bundle中

解决方法:在设置的build phase下的copy bundle resources下面的+号里添加自己的数据

@property参数的使用

copy:NSString

strong:一般对象

weak:UI控件

assign:基本数据类型

 

2015/10/19

Day 19

利用代码创建控件

for循环创建N宫格

页面是利用像素坐标,左上为原点

作为一名Java程序员,对于前端网页是非常头疼的,而且各种浏览器的兼容也是一大问题,但是IOS中完全不是问题啊~真是太轻松了

 

字典转模型(Model

字典:通过key取值,容易写错,而且写错了编译器不会报错的

模型:所谓模型,其实就是数据模型,专门用来存放数据的对象,用它来表示数据会更加专业

模型设置数据和取出数据都是通过它的属性,属性名如果写错了,编译器会马上报错,因此,保证了数据的正确性

使用模型访问属性时,编译器会提供一系列的提示,提高编码效率

 

注意点:

  1. 模型中提供两个构造方法,一个对象方法,一个类方法,返回值类型用instancetype,不要用id,因为这样类型不匹配编译器不会报错的
  2. 可以利用KVC简化代码,如下

- (instancetype)initWithDic:(NSDictionary *)dic {

    if (self = [super init]) {

//        self.icon = dic[@"icon"];

//        self.title = dic[@"title"];

//        self.price = dic[@"price"];

//        self.buyCount = dic[@"buyCount"];

        [self setValuesForKeysWithDictionary:dic];//由于字典里的key与模型的属性名一致,kvc一句搞定

    }

    return self;

}

 

+ (instancetype)tgWithDic:(NSDictionary *)dic {

    return [[self alloc] initWithDic:dic];

}

 

xib:可以描述软件界面,轻量级,一般用来描述局部界面

  • Xib文件的加载
  • 方法1

NSArray *objs = [[NSBundle mainBundle] loadNibNamed:@"MJAppView" owner:nil options:nil];

这个方法会创建xib中的所有对象,并且将对象按顺序放到objs数组中

(如果xib如右图所示,那么objs数组中依次会有3个对象:1个UIView、1个UIButton、1个UISwitch

 

  • 方法2

bundle参数可以为nil,默认就是main bundle

UINib *nib = [UINib nibWithNibName:@"MJAppView" bundle:[NSBundle mainBundle]];

NSArray *objs = [nib instantiateWithOwner:nil options:nil];

 

在开发阶段,面向开发者的是xib文件; 当把应用装到手机上时,xib文件就会转为nib文件

 

storyboard:描述软件界面,重量级,一般用来描述软件的所有界面,并且能展示多个界面之间的跳转关系

 

view的封装

如果一个view内部的子控件比较多,一般会考虑自定义一个view,把它内部子控件的创建屏蔽起来,不让外界关心

外界可以传入对应的模型数据给view,view拿到模型数据后给内部的子控件设置对应的数据

使用xib封装一个自定义view的步骤

1> 新建一个继承UIView的自定义view,假设类名叫做(AppView)

2> 新建一个AppView.xib文件来描述AppView内部的结构

3> 修改UIView的类型为AppView真是类型

4> 将内部的子控件跟AppView进行属性连线

5> AppView提供一个模型属性

6> 重写模型属性的set方法,因为在set方法中可以拿到外界传递的模型数据

7> 把模型数据拆开,分别设置数据到对应的子控件中

8> 补充:提供一个创建AppView的类方法,将读取xib文件的代码屏蔽起来

 

某个控件不出来时

1.frame的尺寸和位置对不对

2.hidden是否为YES

3.有没有添加到父控件

4.alpha是否 < 0.01

5.被其他控件挡住了

6.父控件的前面五个情况

 

2015/10/20

Day 20

开始做一个综合的小案例

 

按钮的多功能使用

 

@2x的含义,用于Retina屏幕,所谓Retain屏幕,就是高清视网膜屏幕,分辨率宽高是标准屏幕分辨率的2倍

 

应用程序图标、启动图片的添加

状态栏默认情况下归控制器管理,比如状态栏的样式、状态栏的是否可见

控制器通过重写以下方法来控制状态栏

设置状态栏的样式

(UIStatusBarStyle)preferredStatusBarStyle;

其中UIStatusBarStyleLightContent是白色样式

 

设置状态栏的可见性

- (BOOL)prefersStatusBarHidden;

 

UIButton有很多种状态,它提供了一些便捷属性,可以直接获取当前状态下的文字、文字颜色、图片等

@property(nonatomic,readonly,retain) NSString *currentTitle; 

@property(nonatomic,readonly,retain) UIColor  *currentTitleColor;        

@property(nonatomic,readonly,retain) UIImage  *currentImage;             

@property(nonatomic,readonly,retain) UIImage  *currentBackgroundImage;

 

2015/10/21

Day 21

1.添加图片资源

 2.搭建UI界面

* 文本标签

* 4个按钮

* 中间的图片

 3.设置状态栏样式

 4.监听下一题按钮的点击

 5.延迟加载数据

* 加载plist

* 字典转模型

* KVC的引入

 6.切换下一题的序号、图片、标题,下一题按钮的可用性

 7.默认显示第1条题目

 8.显示大图

* 监听中间图片点击

* 添加遮盖

* 移动图片(注意头像图片的层级顺序)

* 监听“大图按钮

 9.展示答案的个数

 10.展示待选答案

 11.答案处理

 12.提示功能

刚开始感觉无从下手,但是按照这个步骤一步步来,还是能搞定的

 

2015/10/22

Day 22

UIScrollView

什么是UIScrollView

移动设备的屏幕大小是极其有限的,因此直接展示在用户眼前的内容也相当有限

当展示的内容较多,超出一个屏幕时,用户可通过滚动手势来查看屏幕以外的内容

普通的UIView不具备滚动功能,不能显示过多的内容

UIScrollView是一个能够滚动的视图控件,可以用来展示大量的内容,并且可以通过滚动查看所有的内容

 

UIScrollView的用法

将需要展示的内容添加到UIScrollView

设置UIScrollView的contentSize属性,告诉UIScrollView所有内容的尺寸,也就是告诉它滚动的范围(能滚多远,滚到哪里是尽头)

 

如果UIScrollView无法滚动,可能是以下原因:

  1. 没有设置contentSize
  2. scrollEnabled = NO
  3. 没有接收到触摸事件:userInteractionEnabled = NO
  4. 没有取消autolayout功能(要想scrollView滚动,必须取消autolayout

UIScrollView的代理(delegate

 

很多时候,我们想在UIScrollView正在滚动 滚动到某个位置 或者 停止滚动 时做一些特定的操作

 

要想完成上述功能,前提条件就是能够监听到UIScrollView的整个滚动过程

 

UIScrollView发生一系列的滚动操作时, 会自动通知它的代理(delegate)对象,给它的代理发送相应的消息,让代理得知它的滚动情况

 

也就是说,要想监听UIScrollView的滚动过程,就必须先给UIScrollView设置一个代理对象,然后通过代理得知UIScrollView的滚动过程

 

可以看出,要想成为UIScrollView的delegate,是有条件的,必须实现对应的方法才能监听UIScrollView的滚动过程

 

UIScrollView将delegate需要实现的方法都定义在了UIScrollViewDelegate协议中,因此要想成为UIScrollView的delegate,必须遵守UIScrollViewDelegate协议,然后实现协议中相应的方法,就可以监听UIScrollView的滚动过程了

 

一般情况下,就设置UIScrollView所在的控制器 为 UIScrollView的delegate

设置控制器为UIScrollView的delegate有2种方法:

  • 通过代码(self就是控制器)

self.scrollView.delegate = self;

  • 通过storyboard拖线(右击UIScrollView

 

然后,控制器应该遵守UIScrollViewDelegate协议

最后,实现协议中定义的相关方法

UIScrollView的常见属性

  • @property(nonatomic) CGPoint contentOffset; 这个属性用来表示UIScrollView滚动的位置
  • @property(nonatomic) CGSize contentSize; 这个属性用来表示UIScrollView内容的尺寸,滚动范围(能滚多远)
  • @property(nonatomic) UIEdgeInsets contentInset; 这个属性能够在UIScrollView的4周增加额外的滚动区域

其他属性

  • @property(nonatomic) BOOL bounces;设置UIScrollView是否需要弹簧效果
  • @property(nonatomic,getter=isScrollEnabled) BOOL scrollEnabled; 设置UIScrollView是否能滚动
  • @property(nonatomic) BOOL showsHorizontalScrollIndicator;是否显示水平滚动条
  • @property(nonatomic) BOOL showsVerticalScrollIndicator;是否显示垂直滚动条

 

UIScrollView不仅能滚动显示大量内容,还能对其内容进行缩放处理

当用户在UIScrollView身上使用捏合手势时,UIScrollView会调用代理的viewForZoomingInScrollView:方法,这个方法返回的控件就是需要进行缩放的控件

实现缩放的步骤

  1. 设置UIScrollView的id<UISCrollViewDelegate> delegate代理对象
  2. 设置minimumZoomScale :缩小的最小比例
  3. 设置maximumZoomScale :放大的最大比例
  4. 让代理对象实现下面的方法,返回需要缩放的视图控件

- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;

 

跟缩放相关的其他代理方法

  • 缩放完毕的时候调用 - (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view

 

  • 正在缩放的时候调用- (void)scrollViewDidZoom:(UIScrollView *)scrollView

分页

只要将UIScrollView的pageEnabled属性设置为YES,UIScrollView会被分割成多个独立页面,里面的内容就能进行分页展示

一般会配合UIPageControl增强分页效果,UIPageControl常用属性如下 

一共有多少页

@property(nonatomic) NSInteger numberOfPages;

 

当前显示的页码

@property(nonatomic) NSInteger currentPage; 

 

只有一页时,是否需要隐藏页码指示器

@property(nonatomic) BOOL hidesForSinglePage; 

 

其他页码指示器的颜色

@property(nonatomic,retain) UIColor *pageIndicatorTintColor;

 

当前页码指示器的颜色

@property(nonatomic,retain) UIColor *currentPageIndicatorTintColor;

 

NSTimer

NSTimer叫做“定时器”,它的作用如下

在指定的时间执行指定的任务

每隔一段时间执行指定的任务

 

调用下面的方法就会开启一个定时任务

+ (NSTimer *)scheduledTimerWithTimeInterval:(NSTimeInterval)time target:(id)aTarget 

selector:(SEL)aSelector 

userInfo:(id)userInfo 

repeats:(BOOL)yesOrNo;

每隔time秒,调用一次aTarget的aSelector方法,yesOrNo决定了是否重复执行这个任务

 

通过invalidate方法可以停止定时器的工作,一旦定时器被停止了,就不能再次执行任务。只能再创建一个新的定时器才能执行新的任务

- (void)invalidate;

 

利用它可以做UIScrollView的自动翻页,就像常见的广告页面

转载于:https://www.cnblogs.com/yu3-/p/4925718.html

2015-08-28 10:35:04 qiuxuewei2012 阅读数 3044

搭建九宫格的步骤:

明确每一块用的是什么view

明确每个view之间的父子关系

先尝试逐个逐个添加格子,最后考虑使用for循环

加载app数据,根据数据长度创建对应个数的格子

添加格子内部的子控件

给格子内部的子控件装配数据

效果图:
这里写图片描述

代码:

- (void)viewDidLoad
{
    [super viewDidLoad];
    //搭建界面-九宫格!!
#define kAppViewH 80 //每个小视图高80
#define kAppViewW 80 //每个小视图宽80
#define kColCount 3 //每行视图数量一定,都是三个
#define kStart 20   //适配屏幕,起点20
    CGFloat marginX = (self.view.bounds.size.width - kColCount * kAppViewW) / (kColCount + 1);//每一列的x值一定
    CGFloat marginY = 10;//每一行的Y值一定由行号决定
    for (int i=0; i<12; i++) {
        //行号
        int row = i/kColCount;

        //列号
        int col = i%kColCount;

        //x - 由列号决定
        CGFloat x = marginX + col * (kAppViewW + marginX);

        //y - 由行号决定
        CGFloat y = kStart + marginY + row * (kAppViewH + marginY);

        //CGFloat
        UIView *appView = [[UIView alloc]initWithFrame:CGRectMake(x, y, kAppViewW, kAppViewH)];
        appView.backgroundColor = [UIColor redColor];
        [self.view addSubview:appView];
    }

}

运行结果:
这里写图片描述