cell自定義方式一 高度一致時

2021-07-03 22:16:19 字數 3234 閱讀 4062

//——-----------------

當cell的高度一致時使用xib

步驟:

1.>

新建乙個

xib檔案描述乙個

view

的內部結構

(假設叫做

mjtgcell.xib)

2.>

新建乙個自定義的類

(自定義類需要繼承自系統自帶的

view,

繼承自哪個類

,  取決於

xib根物件的

class)

3.>

新建類的類名最好跟

xib的檔名保持一致

(比如類名就叫做

mjtgcell)

4.>

將xib

中的控制項

和自定義類的

.m檔案

進行連線

5.>

提供乙個類方法返回乙個建立好的自定義

view(

遮蔽從xib

載入的過程)

6.>

提供乙個模型屬性讓外界傳遞模型資料

7.>

重寫模型屬性的

setter方法,

在這裡將模型資料展示到對應的子控制項上面

//——---------------------————

———————模型檔案m

----------------------------------------

繼承於nsobject

.h#import @inte***ce mjtg : nsobject

/** * 標題

*/@property (nonatomic,copy)nsstring *title;

/** * **

*/@property (nonatomic,copy)nsstring *price;

/** *

*/@property (nonatomic,copy)nsstring *icon;

/** * 購買人數

*/@property (nonatomic,copy)nsstring *buycount;

+ (instancetype)tgwithdict:(nsdictionary *)dict;

- (instancetype)initwithdict:(nsdictionary *)dict;

@end

.m#import "mjtg.h"

@implementation mjtg

+ (instancetype)tgwithdict:(nsdictionary *)dict

- (instancetype)initwithdict:(nsdictionary *)dict

return self;

}@end

//——---------------------————

———————視**件v

----------------------------------------

繼承於uitableviewcell

.h#import @class mjtg;

@inte***ce mjtgcell : uitableviewcell

/** * 通過乙個tableview來建立乙個cell

*/+ (instancetype)cellwithtableview:(uitableview *)tableview;

/** * **模型

*/@property (nonatomic,strong)mjtg *tg;

@end

xib檔案,通過脫線獲得屬性,紅圈處可以設定cell的id標示

//這些屬性均從xib中做了連線

@property (weak,nonatomic)iboutlet uiimageview *iconview;

@property (weak,nonatomic)iboutlet uilabel *titleview;

@property (weak,nonatomic)iboutlet uilabel *priceview;

@property (weak,nonatomic)iboutlet uilabel *buycountview;

@end

@implementation mjtgcell

+ (instancetype)cellwithtableview:(uitableview *)tableview

return cell;

}- (void)settg:(mjtg *)tg

@end

//——---------------------————

———檢視控制器檔案c

----------------------------------------

繼承於uiviewcontroller

@property (nonatomic,strong)nsmutablearray *tgs;

/** * 資料的懶載入

*/- (nsmutablearray *)tgs

// 4.賦值

_tgs = tgarray;

}return _tgs;

}#pragma mark - 資料來源方法

/** * 一共有多少行資料

*/- (nsinteger)tableview:(uitableview *)tableview numberofrowsinsection:(nsinteger)section

/** * 每一行顯示怎樣的cell

*/- (uitableviewcell *)tableview:(uitableview *)tableview cellforrowatindexpath:(nsindexpath *)indexpath

三列高度一致布局例項

完成以下布局 1.三列布局,自適應整個螢幕 2.其中左右固定寬度,中列自適應其餘寬度 3.無論三列內容多少,三列高度等高 如下圖所示,請寫出 attach 100 attach 下面我跟大家一起來完成這道面試題 1.根據結構 表現和行為的順序,我們先來完成結構部分 html 如下 2.然後再完成表現...

div分組排列,並讓高度一致

1 新增模板顯示按高度排版 2var allw window width 3if allw 992 allw 1220 11 12 13for var j 0 j14 var group alldivheight.slice j 3,3 j 1 每3個為一組 15該組中最大的 16 設定該組中所有d...

自定義cell中放乙個textField

這個問題,我想應該是大家遇到的最悲劇的問題,同樣,我也遇到了 我想大家一定會找解決方法,我在網上看了許多的解決方法,但是乙個沒看懂,最後我採用了 的方法解決了,我發現 的方法解決的也是蠻簡單的,並不困難,那麼接下來,我就說說怎麼做 首頁還是在自定義cell,在cell上,你們看到了,最後有很長的乙個...