关闭

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

标签: androidlayoutencoding中国移动游戏string
1299人阅读 评论(0) 收藏 举报
分类:

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

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

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

  1. package com.viewTest;  
  2. import android.content.Context;   
  3. import android.graphics.Canvas;   
  4. import android.graphics.Color;   
  5. import android.graphics.Paint;   
  6. import android.graphics.Rect;  
  7. import android.graphics.Paint.Style;   
  8. import android.util.AttributeSet;   
  9. import android.view.View;   
  10. public class MyView extends View {   
  11.     public MyView(Context context) {  
  12.         super(context);  
  13.         // TODO Auto-generated constructor stub   
  14.     }  
  15.     public MyView(Context context,AttributeSet attr) {   
  16.         super(context,attr);   
  17.     }   
  18.     private Paint myPaint;   
  19.     private static final String myString1 = "2006-2011上半年中国移动互联网行业各年度投资情况";   
  20.     private static final String myString2 = "来源:清科研究中心 2011.08";   
  21.     @Override   
  22.     protected void onDraw(Canvas canvas) {   
  23.         // TODO Auto-generated method stub    
  24.         super.onDraw(canvas);  
  25.         myPaint = new Paint();    
  26.         //绘制标题   
  27.         myPaint.setColor(Color.BLACK); //设置画笔颜色   
  28.         myPaint.setTextSize(18);//设置文字大小   
  29.         canvas.drawText(myString1, 2020, myPaint);   
  30.         //绘制坐标轴   
  31.         canvas.drawLine(5010050500, myPaint);//纵坐标轴          
  32.         canvas.drawLine(50500400500, myPaint);//横坐标轴   
  33.         int[] array1 = new int[]{050100150200250300350};  
  34.         //绘制纵坐标刻度   
  35.         myPaint.setTextSize(10);//设置文字大小   
  36.         canvas.drawText("单位:百万美元"2090, myPaint);   
  37.         for (int i = 0; i < array1.length; i++) {  
  38.             canvas.drawLine(50500 - array1[i], 54500 - array1[i], myPaint);  
  39.             canvas.drawText(array1[i] + ""20500 - array1[i], myPaint);  
  40.         }  
  41.         //绘制横坐标文字   
  42.         String[] array2 = new String[]{"2008年""2009年""2010年""2011上半年"};  
  43.         for (int i = 0; i < array2.length; i++) {  
  44.             canvas.drawText(array2[i], array1[i] + 80520, myPaint);  
  45.         }  
  46.         //绘制条形图   
  47.         myPaint.setColor(Color.BLUE); //设置画笔颜色    
  48.         myPaint.setStyle(Style.FILL); //设置填充    
  49.         canvas.drawRect(new Rect(90500 - 56110500), myPaint);//画一个矩形,前两个参数是矩形左上角坐标,后两个参数是右下角坐标           
  50.         canvas.drawRect(new Rect(140500 - 98160500), myPaint);//第二个矩形        
  51.         canvas.drawRect(new Rect(190500 - 207210500), myPaint);//第三个矩形       
  52.         canvas.drawRect(new Rect(240500 - 318260500), myPaint);//第四个矩形  
  53.         myPaint.setColor(Color.BLACK); //设置画笔颜色   
  54.         canvas.drawText("56.32"88500 - 58, myPaint);//第一个矩形的数字说明   
  55.         canvas.drawText("98.00"138500 - 100, myPaint);  
  56.         canvas.drawText("207.65"188500 - 209, myPaint);  
  57.         canvas.drawText("318.30"238500 - 320, myPaint);  
  58.         //绘制出处   
  59.         myPaint.setColor(Color.BLACK); //设置画笔颜色   
  60.         myPaint.setTextSize(16);//设置文字大小   
  61.         canvas.drawText(myString2, 20560, myPaint);   
  62.     }   
  63. }   



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

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns: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文件并不需要修改。最后的效果如下图所示:



2
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:270033次
    • 积分:4820
    • 等级:
    • 排名:第5961名
    • 原创:201篇
    • 转载:19篇
    • 译文:2篇
    • 评论:33条
    文章分类
    最新评论