這篇文章主要為大家展示了“iOS如何實現(xiàn)九宮格自動生成視圖”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“iOS如何實現(xiàn)九宮格自動生成視圖”這篇文章吧。

為長子等地區(qū)用戶提供了全套網(wǎng)頁設計制作服務，及長子網(wǎng)站建設行業(yè)解決方案。主營業(yè)務為成都網(wǎng)站設計、做網(wǎng)站、長子網(wǎng)站設計，以傳統(tǒng)方式定制建設網(wǎng)站，并提供域名空間備案等一條龍服務，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

首先肯定是用一個類來管理整個模塊的，所以創(chuàng)建一個UISodokuView類繼承于UIScrollView：——為什么是scollView？——因為當需要添加的控件數(shù)量較大時，顯然會超出手機屏幕范圍，只有用scrollView才能完全顯示，也就是說，只要用戶提供了單個控件的frame、控件數(shù)量以及每一行控件的個數(shù)，就能夠確定UIScrollView的contentSize大小，從而添加。

UISodokuView類

.h文件

@interface UISodokuView : UIScrollView//基礎控件的frame@property(nonatomic,assign)CGRect itemFrame;//要添加的控件數(shù)量@property(nonatomic,assign)NSInteger itemsNumber;//每一行控件數(shù)量@property(nonatomic,assign)NSInteger itemsNumberInOneLine;//存儲控件的array@property(nonatomic,strong)NSMutableArray *itemsArray;//scrollView寬度@property(nonatomic,assign)NSInteger scrollViewWidth;//scrollView高度@property(nonatomic,assign)NSInteger scrollViewHeight;//初始化，但并沒有添加控件-(instancetype)initWithItemFrame:(CGRect)frame andItemsNumber:(NSInteger)itemsNumber andItemsNumberInOneLine:(NSInteger)itemsInOneLine;

這里我添加到scrollView上面每一個控件是一個默認背景為白色的UIView對象，并存儲到itemsArray里面，用戶想讓每一個控件顯示什么可以通過獲取數(shù)組對象進行再添加。

.m文件

@implementation UISodokuView-(instancetype)initWithItemFrame:(CGRect)frame andItemsNumber:(NSInteger)itemsNumber andItemsNumberInOneLine:(NSInteger)itemsInOneLine{ self = [super init]; if (self) { //初始化 _itemsArray = [NSMutableArray array]; _itemFrame = frame; _itemsNumber = itemsNumber; _itemsNumberInOneLine = itemsInOneLine; self.frame = CGRectZero; } [self layoutModule]; return self;}-(void)layoutModule{ //獲取item寬高和橫向縱向間距 NSInteger itemWidthGap = _itemFrame.origin.x; NSInteger itemHeightGap = _itemFrame.origin.y; NSInteger width = _itemFrame.size.width; NSInteger height = _itemFrame.size.height; //容器寬度 _scrollViewWidth = itemWidthGap * (_itemsNumberInOneLine + 1) + width * _itemsNumberInOneLine; //總行數(shù) NSInteger numberOfLines = 0; if (_itemsNumber%_itemsNumberInOneLine == 0) { numberOfLines = _itemsNumber/_itemsNumberInOneLine; }else{ numberOfLines = _itemsNumber/_itemsNumberInOneLine + 1; } _scrollViewHeight = itemHeightGap*(numberOfLines + 1) + height*numberOfLines - 2; //確定scrollView的frame，默認y軸邊距200 self.frame = CGRectMake(0, 200, _scrollViewWidth,height + itemHeightGap*2); self.contentSize = CGSizeMake(_scrollViewWidth, _scrollViewHeight); self.scrollEnabled = YES; self.backgroundColor = [UIColor lightGrayColor]; //創(chuàng)建并添加控件 NSInteger line = 1; NSInteger row = 1; for (int i = 1;i <= _itemsNumber ; i++) { UIView *item = [[UIView alloc] initWithFrame:_itemFrame]; item.backgroundColor = [UIColor whiteColor]; [_itemsArray addObject:item]; [self addSubview:item]; //判斷處于第幾行 line = i/_itemsNumberInOneLine + 1; //判斷處于第幾列 row = i % _itemsNumberInOneLine; if (row == 0) {  row = _itemsNumberInOneLine;  line -= 1; } item.frame = CGRectMake(row*itemWidthGap + (row-1)*width, line*itemHeightGap + (line-1)*height, width, height); }}

這里有些數(shù)據(jù)是默認的：

——scrollView的可視范圍：寬度由控件frame確定，高度默認顯示一行控件，可滾動，——scrollView位置默認左邊距為0，上邊距為200；

這些都可由用戶根據(jù)自己情況作更改，所以相當方便。

一下是一個使用例子：

UISodokuView * sv = [[UISodokuView alloc] initWithItemFrame:CGRectMake(10, 10, 100, 120) andItemsNumber:10 andItemsNumberInOneLine:3]; [self.view addSubview:sv];

以上是“iOS如何實現(xiàn)九宮格自動生成視圖”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當前名稱：iOS如何實現(xiàn)九宮格自動生成視圖-創(chuàng)新互聯(lián)
分享路徑：http://www.rwnh.cn/article32/cojpsc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供電子商務、網(wǎng)站收錄、軟件開發(fā)、服務器托管、全網(wǎng)營銷推廣、營銷型網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)