zoukankan      html  css  js  c++  java
  • IOS7学习之路一(新UI之自定义UITableViewCell)

    ios7 新升级之后界面有了很大的变化,xcode模拟器去掉了手机边框和home键,如果想回到主页面,可以按住shift+comment+r键。废话少说先展示一下新UI下UItableView设置为Group后的效果:



    整体界面显得更加简洁,而且UITableViewCell的宽度默认为满屛,也取消了圆角。

    下面说下自定义UITableView的过程:

    首先在storyboard中给cell拖过来一个UIimageView和两个label 



    然后新建一个MyCell类继承自UITableViewCell。

    MyCell代码:

    //  MyCell.h
    //  XcodeTest
    //
    //  Created by wildcat on 13-11-7.
    //  Copyright (c) 2013年 wildcat. All rights reserved.
    //
    
    #import <UIKit/UIKit.h>
    
    @interface MyCell : UITableViewCell
    @property (weak, nonatomic) IBOutlet UIImageView *myImageView;
    @property (weak, nonatomic) IBOutlet UILabel *nameLabel;
    @property (weak, nonatomic) IBOutlet UILabel *timeLabel;
    
    @end

    //  MyCell.m
    //  XcodeTest
    //
    //  Created by wildcat on 13-11-7.
    //  Copyright (c) 2013年 wildcat. All rights reserved.
    //
    
    #import "MyCell.h"
    
    @implementation MyCell
    
    - (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
    }
    #pragma mark 设置Cell的边框宽度
    - (void)setFrame:(CGRect)frame {
        frame.origin.x += 10;
        frame.size.width -= 2 * 10;
        [super setFrame:frame];
    }
    
    @end


    使用:

    在UITableViewController中使用,代码如下:


    //
    //  RootViewController.m
    //  XcodeTest
    //
    //  Created by wildcat on 13-11-7.
    //  Copyright (c) 2013年 wildcat. All rights reserved.
    //
    
    #import "RootViewController.h"
    #import "MyCell.h"
    @interface RootViewController ()
    
    @end
    
    @implementation RootViewController
    
    - (id)initWithStyle:(UITableViewStyle)style
    {
        self = [super initWithStyle:style];
        if (self) {
            // Custom initialization
        }
        return self;
    }
    
    - (void)viewDidLoad
    {
        [super viewDidLoad];
        
    
    }
    
    - (void)didReceiveMemoryWarning
    {
        [super didReceiveMemoryWarning];
        // Dispose of any resources that can be recreated.
    }
    
    #pragma mark - Table view data source
    
    - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
    {
        return 2;
    }
    
    - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
    {
        return 3;
    }
    
    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
    {
        static NSString *CellIdentifier = @"Cell";
        MyCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier forIndexPath:indexPath];
        
        if (cell==nil) {
            cell=[[MyCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
        }
        
        cell.nameLabel.text=@"WildCat";
        cell.timeLabel.text=@"2013-11-7";
        return cell;
    }
    
    -(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
    
        return  75.f;
    }
    
    
    @end
    

    修改后的效果:


    当然如果你喜欢cell满屏的效果,你完全可以不设cell的宽度。。。

    转载请注明:版权所有http://1.wildcat.sinaapp.com/






  • 相关阅读:
    Java RunTime Environment (JRE) or Java Development Kit (JDK) must be available in order to run Eclipse. ......
    UVA 1597 Searching the Web
    UVA 1596 Bug Hunt
    UVA 230 Borrowers
    UVA 221 Urban Elevations
    UVA 814 The Letter Carrier's Rounds
    UVA 207 PGA Tour Prize Money
    UVA 1592 Database
    UVA 540 Team Queue
    UVA 12096 The SetStack Computer
  • 原文地址:https://www.cnblogs.com/lixingle/p/3707716.html
Copyright © 2011-2022 走看看