当前位置: 移动技术网 > IT编程>移动开发>Android > Android开发之自定义View(视图)用法详解

Android开发之自定义View(视图)用法详解

2019年07月24日  | 移动技术网IT编程  | 我要评论

君王侧和亲罪妃,2013年7月思想汇报,放线菌阅读答案

本文实例讲述了android开发之自定义view(视图)用法。分享给大家供大家参考,具体如下:

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

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

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

package com.viewtest;
import android.content.context;
import android.graphics.canvas;
import android.graphics.color;
import android.graphics.paint;
import android.graphics.rect;
import android.graphics.paint.style;
import android.util.attributeset;
import android.view.view;
public class myview extends view {
  public myview(context context) {
    super(context);
    // todo auto-generated constructor stub
  }
  public myview(context context,attributeset attr) {
    super(context,attr);
  }
  private paint mypaint;
  private static final string mystring1 = "2006-2011上半年中国移动互联网行业各年度投资情况";
  private static final string mystring2 = "来源:清科研究中心 2011.08";
  @override
  protected void ondraw(canvas canvas) {
    // todo auto-generated method stub
    super.ondraw(canvas);
    mypaint = new paint();
    //绘制标题
    mypaint.setcolor(color.black); //设置画笔颜色
    mypaint.settextsize(18);//设置文字大小
    canvas.drawtext(mystring1, 20, 20, mypaint);
    //绘制坐标轴
    canvas.drawline(50, 100, 50, 500, mypaint);//纵坐标轴
    canvas.drawline(50, 500, 400, 500, mypaint);//横坐标轴
    int[] array1 = new int[]{0, 50, 100, 150, 200, 250, 300, 350};
    //绘制纵坐标刻度
    mypaint.settextsize(10);//设置文字大小
    canvas.drawtext("单位:百万美元", 20, 90, mypaint);
    for (int i = 0; i < array1.length; i++) {
      canvas.drawline(50, 500 - array1[i], 54, 500 - array1[i], mypaint);
      canvas.drawtext(array1[i] + "", 20, 500 - array1[i], mypaint);
    }
    //绘制横坐标文字
    string[] array2 = new string[]{"2008年", "2009年", "2010年", "2011上半年"};
    for (int i = 0; i < array2.length; i++) {
      canvas.drawtext(array2[i], array1[i] + 80, 520, mypaint);
    }
    //绘制条形图
    mypaint.setcolor(color.blue); //设置画笔颜色
    mypaint.setstyle(style.fill); //设置填充
    canvas.drawrect(new rect(90, 500 - 56, 110, 500), mypaint);//画一个矩形,前两个参数是矩形左上角坐标,后两个参数是右下角坐标
    canvas.drawrect(new rect(140, 500 - 98, 160, 500), mypaint);//第二个矩形
    canvas.drawrect(new rect(190, 500 - 207, 210, 500), mypaint);//第三个矩形
    canvas.drawrect(new rect(240, 500 - 318, 260, 500), mypaint);//第四个矩形
    mypaint.setcolor(color.black); //设置画笔颜色
    canvas.drawtext("56.32", 88, 500 - 58, mypaint);//第一个矩形的数字说明
    canvas.drawtext("98.00", 138, 500 - 100, mypaint);
    canvas.drawtext("207.65", 188, 500 - 209, mypaint);
    canvas.drawtext("318.30", 238, 500 - 320, mypaint);
    //绘制出处
    mypaint.setcolor(color.black); //设置画笔颜色
    mypaint.settextsize(16);//设置文字大小
    canvas.drawtext(mystring2, 20, 560, mypaint);
  }
}

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

<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="vertical" >
  <textview
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/hello" />
  <button
    android:layout_width="match_parent"
    android:layout_height="40dip"
    android:text="下一张图" />
  <com.viewtest.myview
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#ffffff"/>
</linearlayout>

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

更多关于android相关内容感兴趣的读者可查看本站专题:《android视图view技巧总结》、《android图形与图像处理技巧总结》、《android开发入门与进阶教程》、《android调试技巧与常见问题解决方法汇总》、《android多媒体操作技巧汇总(音频,视频,录音等)》、《android基本组件用法总结》、《android布局layout技巧总结》及《android控件用法总结

希望本文所述对大家android程序设计有所帮助。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网