IOS開發---菜鳥學習之路--(七)-自定義UITableViewCell


本篇將介紹如何自定義 UITableViewCell

首先選擇新建文件 可以直接使用快捷鍵 COMMAND+n打開新建頁面,然后選Objective-C class

然后選擇繼承之UITableViewCell 類 同時輸入 類名

 

完成這一步之后 我們還要繼續新建一個XIB 文件,具體步驟請參照圖片,這邊建議大家最好將XIB文件的名字命名和剛剛新建的類名一樣,這樣方便管理,同時一看就知道 該XIB文件是屬於該類的

之所以要新建一個XIB文件是因為 繼承之 UITableViewCell類的文件 是無法勾選 with xib for user interface的 

所以我們需要自己從新新建一個XIB文件。

完成XIB文件的創建之后 ,打開相應的XIB文件  在右下角選擇Table View Cell 控件,並將之拖拽到 改XIB文件內

然后我們需要選中UITableViewCell 並將Custom Calss改為一開始我們新建的類名

這樣的話他就會自動關聯到對應的類上面去

然后我在拖拽一個UIImageView 控件,一個UILabel控件 到UITableViewCell控件上面去

同時修改UITableViewCell的樣式 改成如下所示。(該類類名 我取成  TopBigImageCell)

接下來 再修改.H 文件和.m文件 

直接上代碼

#import <UIKit/UIKit.h>

@interface TopBigImageCell : UITableViewCell
{
    UIImageView *myimageview;
    UILabel *btlabel;
}
@property(nonatomic,retain) IBOutlet UIImageView *myimageView;
@property(nonatomic,retain) IBOutlet UILabel *btlabel;
@end

 

#import "TopBigImageCell.h"

@implementation TopBigImageCell
@synthesize myimageView;
@synthesize btlabel;
- (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

 

完成代碼后別忘了建立關聯 (如果忘記了如何建立關聯的話請查看前面幾張內容)

這樣的話我們就完成了 第一條記錄大圖片的CELL樣式了

然后我們需要用同樣的方法 創建一個普通的樣式 ,效果如下所示,具體的操作我就不再做重復講解了

(ps:大家還可以多建幾種樣式  例如沒有圖片 的樣式,或者多一個時間顯示等。發揮自己的想象能力,或者參照別人的樣式進行添加)

好了 本章的內容就先講到這里

總結一下,

本章我們主要講解了如果自定義一個UITableViewCell內容非常的簡單,但是只有熟練的掌握了此章的內容才能為將來制作各式各樣的效果打好基礎

另外請大家學會舉一反三,這邊只是講了如何構建新聞的樣式,大家要能想到 很多其他的樣式,這個才是我們真正要掌握 看到 學習到的東西。

廢話不多說了。睡覺了。。

下一章就會將本章的內容 和上一章的內容結合起來 完成一個完整的新聞界面。

其實上一章已經貼出代碼了 相信有能力的朋友已經可以自己完成效果了。

另外再次聲明,本人所寫內容純粹為本人個人學習經驗,完全是本人個人的領悟內容,如果有哪里不對的內容還請各位朋友及時指出,好讓本人加以改進 學習。

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM