IOS:最简单一个使用自定义的TableViewCell例子
2015-03-05 23:31
302 查看
一直在忙,也没空搞别的,之前写的都弄丢了,觉得还是做个笔记比较好;
既然是最简单的,那么直接计重点;
1,在界面里拖入一个 TabVlew;
2 ViewControler .h 的代码要实现两个协议;
cellForRowAtIndexPath 这个文件好比是Android的getView. 先拿到一个Cell,
就像是Android根据layoutId获取到View一样,
这里根据simpleTableIndentifier获取到Cell;
安卓的布局文件是个xml文件,那么IOS呢,IOS也是他自己的文件类型, .xib;
IOS是MVC模式的,所以这个xib只是个界面,那么怎么就需要和Control和Mode建立关系;
5.IOS xib界面和 控制逻辑和模型文件建立联系;
1,新建一个xib文件,界面随意设计,比如添加一个 ImageView;
2,新建一个模型文件这个文件包含界面中的所有元素 比如 UIImageView * imageView;
3,.m文件将模型和xib界面文件进行关联,
在xib界面中点击整个界面边界区域,
在Custom Class中添加要控制他的.m文件名,
在界面上点击鼠标右键就会看到这个类文件里的变量,
拖动变量后面的加号到界面的指定的元素上;
这样MVC就架设完毕了
![](http://img.blog.csdn.net/20150305232737911?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaW50YmlyZA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
总体文件结构
既然是最简单的,那么直接计重点;
1,在界面里拖入一个 TabVlew;
2 ViewControler .h 的代码要实现两个协议;
// // ViewController.h // intbird // // Created by intbird on 15/3/5. // Copyright (c) 2015年 intbird. All rights reserved. // #import <UIKit/UIKit.h> @interface ViewController : UIViewController <UITableViewDelegate,UITableViewDataSource> @end3,ViewControl.m中的代码
// // ViewController.m // intbird // // Created by intbird on 15/3/5. // Copyright (c) 2015年 intbird. All rights reserved. // #import "ViewController.h" #import "SimpleTableCell.h" @interface ViewController () @end @implementation ViewController NSMutableArray * array=nil; -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{ return 20;//看名字就知道,这个是共多少条数据; } -(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{ return 100;//每行的高度,这个不像Android可以自适应,需要指定高度,Android中最好跟布局是一个独立的LiearLayout,方便隐藏显示ITem; } -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{ NSString * simpleTableIndentifier = @"SimpleTableCell";//指示,和xib界面指定的Identity一致; SimpleTableCell * cell = [tableView dequeueReusableCellWithIdentifier:simpleTableIndentifier];//SimpleTableCell为自定义的类名,头部导入 SimpleTableCell.h 文件, if(nil==cell){//复用同一个Cell,好比android的convertView = null cell = [[SimpleTableCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:simpleTableIndentifier]; } cell.thumbnailImageView.image = [UIImage imageNamed:@"image_default.png"];//这个布局只有一个image... return cell; } @end4,大致操作,截图比较费时,描述原理也就还好了;
cellForRowAtIndexPath 这个文件好比是Android的getView. 先拿到一个Cell,
就像是Android根据layoutId获取到View一样,
这里根据simpleTableIndentifier获取到Cell;
安卓的布局文件是个xml文件,那么IOS呢,IOS也是他自己的文件类型, .xib;
IOS是MVC模式的,所以这个xib只是个界面,那么怎么就需要和Control和Mode建立关系;
5.IOS xib界面和 控制逻辑和模型文件建立联系;
1,新建一个xib文件,界面随意设计,比如添加一个 ImageView;
2,新建一个模型文件这个文件包含界面中的所有元素 比如 UIImageView * imageView;
3,.m文件将模型和xib界面文件进行关联,
在xib界面中点击整个界面边界区域,
在Custom Class中添加要控制他的.m文件名,
在界面上点击鼠标右键就会看到这个类文件里的变量,
拖动变量后面的加号到界面的指定的元素上;
这样MVC就架设完毕了
总体文件结构
相关文章推荐
- iOS开发UI基础—24使用纯代码自定义UItableviewcell实现一个简单的微博界面布局
- ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局
- ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局
- ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局
- ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局
- iOS 使用纯代码自定义UITableViewCell实现一个简单的微博界面布局
- ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局
- ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局
- ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局
- ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局
- ios开发UI基础—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局
- iOS开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局
- ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局
- Canlendar类使用的一个简单例子
- 一是最简单的例子让你学会如何使用XML来做一个页面
- .net创建一个ActiveX控件并使用的简单例子
- 在MFC下使用OpenGL的一个简单的例子(基于单文档程序)
- Flex中如何使用WebService类调用一个简单web service的例子
- 一个OpenGL ES 的简单使用例子代码
- 通过编码方式使用性能计数器来进行性能计数的一个简单例子 - ZT