IOS开发---菜鸟学习之路--（十七）-利用UITableView实现个人信息界面

首先来看下我们要实现的效果

需要实现这样的效果

然后我们开始动手吧。

首先选择添加一个新的ViewController

然后打开XIB文件，添加一UITableView 并将样式设置为分组

同时将按住CONTROL 链接dataSource与delegate

接着修改.H文件，具体代码如下

 #import <UIKit/UIKit.h>

 @interface GRXXViewController : UIViewController<UITableViewDataSource,UITableViewDelegate>
 {
     NSString *name;
     NSString *uid;
     NSString *sex;
     NSString *address;
     NSString *gxqm;
 }
 @property(nonatomic,retain) NSString *name;
 @property(nonatomic,retain) NSString *uid;
 @property(nonatomic,retain) NSString *sex;
 @property(nonatomic,retain) NSString *address;
 @property(nonatomic,retain) NSString *gxqm;
 @end

GRXXViewController.h

然后我们还需要自定义一个CELL来显示相关的样式

具体样式如下

并修改.h文件和.m文件 ，同时将两个label 与代码进行绑定

 #import <UIKit/UIKit.h>

 @interface infoCell : UITableViewCell
 {
     UILabel *contentlabel;
     UILabel *titilelabel;
 }
 @property(nonatomic,retain) IBOutlet UILabel *contentlabel;
 @property(nonatomic,retain) IBOutlet    UILabel *titilelabel;
 @end

infoCell.h

 #import "infoCell.h"

 @implementation infoCell
 @synthesize contentlabel;
 @synthesize titilelabel;
 - (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
 {
     self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
     if (self) {
         // Initialization code
     }
     return self;
 }

 - (void)setSelected:(BOOL)selected animated:(BOOL)animated
 {
     [super setSelected:selected animated:animated];

     // Configure the view for the selected state
 }

 @end

infoCell.m

然后 选择GRXXViewController.m 文件

完成

//定义分组数

-(NSInteger) numberOfSectionsInTableView:(UITableView *)tableView

//定义分组行数

-(NSInteger) tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

//设置分组行头

-(NSString *) tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section

-(UITableViewCell*) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

这几个方法

直接上代码

 #import "GRXXViewController.h"
 #import "infoCell.h"
 @interface GRXXViewController ()

 @end

 @implementation GRXXViewController
 @synthesize name;
 @synthesize gxqm;
 @synthesize sex;
 @synthesize uid;
 @synthesize address;
 - (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
 {
     self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
     if (self) {
         // Custom initialization
     }
     return self;
 }

 - (void)viewDidLoad
 {
     name=@"请输入中文名";
     uid=@"myzhanghao";
     sex=@"男";
     address=@"浙江温州";
     gxqm=@"IOS开发中";
     [super viewDidLoad];
     // Do any additional setup after loading the view from its nib.
 }

 - (void)didReceiveMemoryWarning
 {
     [super didReceiveMemoryWarning];
     // Dispose of any resources that can be recreated.
 }
 #pragma mark -
 #pragma mark Table View Data Source Methods
 //定义分组数
 -(NSInteger) numberOfSectionsInTableView:(UITableView *)tableView{
     return ;
 }
 //定义分组行数
 -(NSInteger) tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
     if(section==)
         return ;
     else if(section==)
         return ;
     else
         return ;
 }
 //设置分组行头
 -(NSString *) tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{
 //    if(section==0)
 //        return @"基本信息";
 //    else if(section==1)
 //        return @"总计";
 //    else if(section==2)
 //        return @"与互";
 //    else if(section==3)
 //        return @"查询";
 //    else
         return @"";
 }
 -(UITableViewCell*) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
 {
     if([indexPath section]==)
     {
         if([indexPath row]==)
         {
             static NSString *modifyinfoTableIdentifier=@"LookInfoModelCell";
             infoCell *cell= (infoCell *)[tableView dequeueReusableCellWithIdentifier:modifyinfoTableIdentifier];
             if(cell==nil){
                 NSArray *nib = [[NSBundle mainBundle] loadNibNamed:@"infoCell" owner:self options:nil];
                 cell = [nib objectAtIndex:];
             }
             cell.contentlabel.text=name;
             cell.titilelabel.text=@"名字:";
             return cell;
         }
         else
         {
             static NSString *modifyinfoTableIdentifier=@"LookInfoModelCell";
             infoCell *cell= (infoCell *)[tableView dequeueReusableCellWithIdentifier:modifyinfoTableIdentifier];
             if(cell==nil){
                 NSArray *nib = [[NSBundle mainBundle] loadNibNamed:@"infoCell" owner:self options:nil];
                 cell = [nib objectAtIndex:];
             }
             cell.contentlabel.text=uid;
             cell.titilelabel.text=@"我的账号:";
             return cell;
         }
      }
     else if([indexPath section]==)
     {
         if([indexPath row]==)
         {
             static NSString *modifyinfoTableIdentifier=@"LookInfoModelCell";
             infoCell *cell= (infoCell *)[tableView dequeueReusableCellWithIdentifier:modifyinfoTableIdentifier];
             if(cell==nil){
                 NSArray *nib = [[NSBundle mainBundle] loadNibNamed:@"infoCell" owner:self options:nil];
                 cell = [nib objectAtIndex:];
             }
             cell.contentlabel.text=sex;
             cell.titilelabel.text=@"性别:";
             return cell;
         }
         else if([indexPath row]==)
         {
             static NSString *modifyinfoTableIdentifier=@"LookInfoModelCell";
             infoCell *cell= (infoCell *)[tableView dequeueReusableCellWithIdentifier:modifyinfoTableIdentifier];
             if(cell==nil){
                 NSArray *nib = [[NSBundle mainBundle] loadNibNamed:@"infoCell" owner:self options:nil];
                 cell = [nib objectAtIndex:];
             }
             cell.contentlabel.text=address;
             cell.titilelabel.text=@"地区:";
             return cell;
         }
         else
         {
             static NSString *modifyinfoTableIdentifier=@"LookInfoModelCell";
             infoCell *cell= (infoCell *)[tableView dequeueReusableCellWithIdentifier:modifyinfoTableIdentifier];
             if(cell==nil){
                 NSArray *nib = [[NSBundle mainBundle] loadNibNamed:@"infoCell" owner:self options:nil];
                 cell = [nib objectAtIndex:];
             }
             cell.contentlabel.text=gxqm;
             cell.titilelabel.text=@"个性签名:";
             return cell;
         }

     }
     else
     {
         static NSString *modifyinfoTableIdentifier=@"LookInfoModelCell";
         infoCell *cell= (infoCell *)[tableView dequeueReusableCellWithIdentifier:modifyinfoTableIdentifier];
         if(cell==nil){
             NSArray *nib = [[NSBundle mainBundle] loadNibNamed:@"infoCell" owner:self options:nil];
             cell = [nib objectAtIndex:];
         }
         cell.contentlabel.text=@"展示";
         cell.titilelabel.text=@"腾讯微博:";
         return cell;

     }

 }@end

GRXXViewController.m

最后就完成拉

如果还想实现其他效果的 话 就自定义相关的CELL样式 同时在不同条件下使用不同样式就可以了，具体的请参照如何实心新闻页面那一章