`
bcyy
  • 浏览: 1809606 次
文章分类
社区版块
存档分类
最新评论

Android开发之自定义View(视图)

 
阅读更多

View类是Android的一个超类,这个类几乎包含了所有的屏幕类型。每一个View都有一个用于绘图的画布,这个画布可以进行任意扩展。在游戏开发中往往需要自定义视图(View),这个画布的功能更能满足我们在游戏开发中的需要。在Android中,任何一个View类都只需重写onDraw 方法来实现界面显示,自定义的视图可以是复杂的3D实现,也可以是非常简单的文本形式等。

为了实现自定义View,需要创建一个新的类,然后重写onDraw方法,在此需要注意,新创建的类MyView要继承View基类,同时还要加入有参数的两个构造方法MyView(Context context)和MyView(Contextcontext,AttributeSet attr),否则编译运行无法通过。

在onDraw方法中,初始化了一个画笔对象myPaint,设置画笔颜色,还有文字大小,填充等属性。再利用本方法传入的参数canvas画布完成一幅条形统计图的绘制。具体代码如下:

  1. packagecom.viewTest;
  2. importandroid.content.Context;
  3. importandroid.graphics.Canvas;
  4. importandroid.graphics.Color;
  5. importandroid.graphics.Paint;
  6. importandroid.graphics.Rect;
  7. importandroid.graphics.Paint.Style;
  8. importandroid.util.AttributeSet;
  9. importandroid.view.View;
  10. publicclassMyViewextendsView{
  11. publicMyView(Contextcontext){
  12. super(context);
  13. //TODOAuto-generatedconstructorstub
  14. }
  15. publicMyView(Contextcontext,AttributeSetattr){
  16. super(context,attr);
  17. }
  18. privatePaintmyPaint;
  19. privatestaticfinalStringmyString1="2006-2011上半年中国移动互联网行业各年度投资情况";
  20. privatestaticfinalStringmyString2="来源:清科研究中心2011.08";
  21. @Override
  22. protectedvoidonDraw(Canvascanvas){
  23. //TODOAuto-generatedmethodstub
  24. super.onDraw(canvas);
  25. myPaint=newPaint();
  26. //绘制标题
  27. myPaint.setColor(Color.BLACK);//设置画笔颜色
  28. myPaint.setTextSize(18);//设置文字大小
  29. canvas.drawText(myString1,20,20,myPaint);
  30. //绘制坐标轴
  31. canvas.drawLine(50,100,50,500,myPaint);//纵坐标轴
  32. canvas.drawLine(50,500,400,500,myPaint);//横坐标轴
  33. int[]array1=newint[]{0,50,100,150,200,250,300,350};
  34. //绘制纵坐标刻度
  35. myPaint.setTextSize(10);//设置文字大小
  36. canvas.drawText("单位:百万美元",20,90,myPaint);
  37. for(inti=0;i<array1.length;i++){
  38. canvas.drawLine(50,500-array1[i],54,500-array1[i],myPaint);
  39. canvas.drawText(array1[i]+"",20,500-array1[i],myPaint);
  40. }
  41. //绘制横坐标文字
  42. String[]array2=newString[]{"2008年","2009年","2010年","2011上半年"};
  43. for(inti=0;i<array2.length;i++){
  44. canvas.drawText(array2[i],array1[i]+80,520,myPaint);
  45. }
  46. //绘制条形图
  47. myPaint.setColor(Color.BLUE);//设置画笔颜色
  48. myPaint.setStyle(Style.FILL);//设置填充
  49. canvas.drawRect(newRect(90,500-56,110,500),myPaint);//画一个矩形,前两个参数是矩形左上角坐标,后两个参数是右下角坐标
  50. canvas.drawRect(newRect(140,500-98,160,500),myPaint);//第二个矩形
  51. canvas.drawRect(newRect(190,500-207,210,500),myPaint);//第三个矩形
  52. canvas.drawRect(newRect(240,500-318,260,500),myPaint);//第四个矩形
  53. myPaint.setColor(Color.BLACK);//设置画笔颜色
  54. canvas.drawText("56.32",88,500-58,myPaint);//第一个矩形的数字说明
  55. canvas.drawText("98.00",138,500-100,myPaint);
  56. canvas.drawText("207.65",188,500-209,myPaint);
  57. canvas.drawText("318.30",238,500-320,myPaint);
  58. //绘制出处
  59. myPaint.setColor(Color.BLACK);//设置画笔颜色
  60. myPaint.setTextSize(16);//设置文字大小
  61. canvas.drawText(myString2,20,560,myPaint);
  62. }
  63. }



然后将我们自定义的View 加入到main.xml 布局文件中, 在这里设置View的背景色为白色,是为了更好地展现其中的内容。代码如下:

  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="fill_parent"
  4. android:layout_height="fill_parent"
  5. android:orientation="vertical">
  6. <TextView
  7. android:layout_width="fill_parent"
  8. android:layout_height="wrap_content"
  9. android:text="@string/hello"/>
  10. <Button
  11. android:layout_width="match_parent"
  12. android:layout_height="40dip"
  13. android:text="下一张图"/>
  14. <com.viewTest.MyView
  15. android:layout_width="fill_parent"
  16. android:layout_height="wrap_content"
  17. android:background="#FFFFFF"/>
  18. </LinearLayout>

初始的activity.java文件并不需要修改。最后的效果如下图所示:



分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics