하위 클래스 UIView
의 핵심 아이디어가 누락되었습니다.
GridView.h
#import <UIKit/UIKit.h>
IB_DESIGNABLE @interface GridView : UIView
@end
GridView.m 그런
#import "GridView.h"
enum GRID_BOX_TYPE
{
GRID_BOX_BLANK = 0,
GRID_BOX_RED,
GRID_BOX_BLUE
};
#define NUMBER_OF_ROWS 5
#define NUMBER_OF_COLS 4
#define GRID_LINE_WIDTH 2
@implementation GridView
{
enum GRID_BOX_TYPE twoDGrid[NUMBER_OF_ROWS][NUMBER_OF_COLS];
CGSize gridSizeRatio;
}
#pragma mark init methods
-(id)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if(self){
//do initialization here
[self commonInitializer];
}
return self;
}
-(id)initWithCoder:(NSCoder *)aDecoder
{
self = [super initWithCoder:aDecoder];
if(self){
//do initialization here
[self commonInitializer];
}
return self;
}
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {
CGContextRef context = UIGraphicsGetCurrentContext();
// CGContextClearRect(context, rect);
//global settings
CGContextSetFillColorWithColor(context, [UIColor whiteColor].CGColor);
for(int i=0;i<NUMBER_OF_ROWS;i++)
{
for(int j=0;j<NUMBER_OF_COLS;j++)
{
enum GRID_BOX_TYPE blockType = twoDGrid[i][j];
switch (blockType) {
case GRID_BOX_BLANK :
{
//draw white box
CGContextSetStrokeColorWithColor(context, [UIColor whiteColor].CGColor);
CGContextStrokeRectWithWidth(context, CGRectMake(j * rect.size.width * gridSizeRatio.width,
i * rect.size.height * gridSizeRatio.height,
rect.size.width * gridSizeRatio.width - GRID_LINE_WIDTH,
rect.size.height * gridSizeRatio.height - GRID_LINE_WIDTH), GRID_LINE_WIDTH);
CGContextDrawPath(context, kCGPathFill);
}
break;
case GRID_BOX_RED:
{
//draw red box
CGContextSetStrokeColorWithColor(context, [UIColor redColor].CGColor);
CGContextStrokeRectWithWidth(context, CGRectMake(j * rect.size.width * gridSizeRatio.width,
i * rect.size.height * gridSizeRatio.height,
rect.size.width * gridSizeRatio.width - GRID_LINE_WIDTH,
rect.size.height * gridSizeRatio.height - GRID_LINE_WIDTH), GRID_LINE_WIDTH);
CGContextDrawPath(context, kCGPathFill);
}
break;
case GRID_BOX_BLUE:
{
//draw blue box
CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
CGContextStrokeRectWithWidth(context, CGRectMake(j * rect.size.width * gridSizeRatio.width,
i * rect.size.height * gridSizeRatio.height,
rect.size.width * gridSizeRatio.width - GRID_LINE_WIDTH,
rect.size.height * gridSizeRatio.height - GRID_LINE_WIDTH), GRID_LINE_WIDTH);
CGContextDrawPath(context, kCGPathFill);
}
break;
default:
break;
}
}
}
}
#pragma mark private initializer
-(void)commonInitializer
{
twoDGrid[0][0]= GRID_BOX_RED;
twoDGrid[0][1]= GRID_BOX_RED;
twoDGrid[0][2]= GRID_BOX_RED;
twoDGrid[0][3]= GRID_BOX_RED;
twoDGrid[1][0]= GRID_BOX_RED;
twoDGrid[1][1]= GRID_BOX_BLANK;
twoDGrid[1][2]= GRID_BOX_BLANK;
twoDGrid[1][3]= GRID_BOX_RED;
twoDGrid[2][0]= GRID_BOX_RED;
twoDGrid[2][1]= GRID_BOX_BLUE;
twoDGrid[2][2]= GRID_BOX_BLUE;
twoDGrid[2][3]= GRID_BOX_RED;
twoDGrid[3][0]= GRID_BOX_RED;
twoDGrid[3][1]= GRID_BOX_BLANK;
twoDGrid[3][2]= GRID_BOX_BLANK;
twoDGrid[3][3]= GRID_BOX_RED;
twoDGrid[4][0]= GRID_BOX_RED;
twoDGrid[4][1]= GRID_BOX_RED;
twoDGrid[4][2]= GRID_BOX_RED;
twoDGrid[4][3]= GRID_BOX_RED;
gridSizeRatio = CGSizeMake(1.0/NUMBER_OF_COLS, 1.0/NUMBER_OF_ROWS);
}
@end
스토리 보드 드래그에서 UIView
라는 두 개의 추가 파일을 추가하고 그것을 만드는 대신 위의 코드
, 유형은 GridView
입니다. 다음은 storyboard/nib의 UIView
에 대한 맞춤 클래스를 설정하는 방법입니다. 여기에 클래스 입력란에 GridView
을 입력하십시오.
미리보기