文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2022-06-06 07:15

关注

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:4种Android获取View宽高的方式Android获取屏幕或View宽度和高度的方法Android ImageView 固定宽高比例的实现方法Android 获得View宽高的几种方式总结Android中RecyclerView的item宽高问题详解Android App中自定义View视图的实例教程Android视图控件架构分析之View、ViewGroupAndroid视图的绘制流程(上) View的测量Android开发中获取View视图宽与高的常用方法小结


阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯