iPhone与Android自绘自定义控件比较

iPhone中自绘实现步骤
1. 继承@interface MyView : UIView {
2. 实现- (void)drawRect:(CGRect)rect
3. 调用addSubView把新生成的view加入进来显示
addSubView[window addSubview:viewController.view];
4.示例代码
- (void)drawRect:(CGRect)rect {
// create the bitmap context
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
CGContextRef context = CGBitmapContextCreate(nil,100,100,8,400, colorSpace,kCGImageAlphaPremultipliedLast);
CFRelease(colorSpace);

// create an arrow image
// set the fill color
CGColorRef fillColor = [[UIColor blackColor] CGColor];
CGContextSetFillColor(context, CGColorGetComponents(fillColor));

CGContextBeginPath(context);
CGContextMoveToPoint(context, 8.0f, 13.0f);
CGContextAddLineToPoint(context, 24.0f, 4.0f);
CGContextAddLineToPoint(context, 24.0f, 22.0f);
CGContextClosePath(context);
CGContextFillPath(context);
CGContextSelectFont ( context, "Arial", 10.f, kCGEncodingMacRoman );
CGContextSetRGBFillColor ( context, 0.0f, 0.0f, 0.f, 1.f );
CGContextSetShouldAntialias ( context, 0 );
CGContextShowText(context, "hh", 2);

// convert the context into a CGImageRef
CGImageRef image = CGBitmapContextCreateImage(context);
CGContextRelease(context);

UIImage* image2 = [UIImage imageWithCGImage:image];
[image2 drawInRect:CGRectMake(0, 0, 120, 160)];

NSString* myStr = @"中文";
UIFont* font = [UIFont systemFontOfSize:12.0];
[myStr drawInRect: CGRectMake(160, 240, 100, 130) withFont:font lineBreakMode:UILineBreakModeWordWrap alignment:UITextAlignmentCenter];

}

Android自绘实现步骤
1. 继承public class MyView extends View
2. 实现protected void onDraw(Canvas canvas){
3. 把生成的MyView加入到layout中
LinearLayout rootLayout = (LinearLayout)findViewById(R.id.LinearLayout01);

MyView myView=new MyView(this);
rootLayout.addView(myView, 240, 320);
4. onDraw实现示例（注：代码是我从网上copy的）
protected void onDraw(Canvas canvas){
super.onDraw(canvas);//重写onDraw方法

int data[]={265481,335842,125466,256856,352151,254611,356584};

int data1[]={324225,144578,352415,458125,268451,351545,252145};

canvas.drawColor(Color.WHITE);//设置背景颜色
Paint paint= new Paint();
paint.setStyle(Paint.Style.STROKE);
paint.setAntiAlias(true);//去锯齿
paint.setColor(Color.BLUE);//颜色

Paint paint1=new Paint();
paint1.setStyle(Paint.Style.STROKE);
paint1.setAntiAlias(true);//去锯齿
paint1.setColor(Color.DKGRAY);

//数据线
int n=1,m=0,x=0;
int nn=1,mm=0,xx=0;
int[] y=new int[100];
y[0]=120;

for(int x1=0;x1<data.length;x1++){
y[n]=120-data[m]*20/100000;
x=x+30;
int x2=x+30;
canvas.drawLine(x, y[x1], x2, y[n], paint);
canvas.drawCircle(x2, y[n], 2, paint);
n=n+1;
m=m+1;
}

for(int x1=0;x1<data1.length;x1++){
y[nn]=120-data1[mm]*20/100000;
xx=xx+30;
int x2=xx+30;
canvas.drawLine(xx, y[x1], x2, y[nn], paint1);
canvas.drawCircle(x2, y[nn], 2, paint1);
nn=nn+1;
mm=mm+1;
}

//设置Y轴
canvas.drawLine(30, 10, 30, 120, paint);
canvas.drawLine(30, 20, 35, 20, paint);
canvas.drawLine(30, 40, 35, 40, paint);
canvas.drawLine(30, 60, 35, 60, paint);
canvas.drawLine(30, 80, 35, 80, paint);
canvas.drawLine(30, 100, 35, 100, paint);

//设置X轴
canvas.drawLine(30,120,300,120,paint);
canvas.drawLine(60, 120, 60, 115, paint);
canvas.drawLine(90, 120, 90, 115, paint);
canvas.drawLine(120, 120, 120, 115, paint);
canvas.drawLine(150, 120, 150, 115, paint);
canvas.drawLine(180, 120, 180, 115, paint);
canvas.drawLine(210, 120, 210, 115, paint);
canvas.drawLine(240, 120, 240, 115, paint);
canvas.drawLine(270, 120, 270, 115, paint);
//设置Y轴文字
paint.setTextSize(7);
canvas.drawText(getResources().getString(R.string.str_text1), 5, 100, paint);
}

更多相关文章

随机推荐