Android学习记录（二十二）

最新推荐文章于 2024-04-19 13:16:10 发布
最新推荐文章于 2024-04-19 13:16:10 发布
阅读量2.1k 收藏
点赞数 1
分类专栏： Android学习 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46705517/article/details/113552896
版权

文章目录

自定义视图

1.基本方法

自定义查看的最基本的三个方法分别是：onMeasure（），onLayout（），onDraw（）; 查看在活动中显示出来，要经历测量，布局和绘制三个步骤，分别对应三个动作：测量，布局和平局。

测量：onMeasure（）决定查看的大小;

布局：onLayout（）决定查看在一个ViewGroup中的位置;

绘制：的onDraw（）决定绘制这个视图。

2.自定义控件分类

自定义查看：只需要重写onMeasure（）和onDraw（）

自定义ViewGroup：则只需要重写onMeasure（）和onLayout（）

3.案例演示

3.1 创建安卓应用【DrawCircle】

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.2 创建自定义视图

在这里插入图片描述

package net.nell.drawcircle;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.View;

public class CustomView extends View {
    private Paint paint; // 画笔

    /**
     * 构造方法 - 初始化画笔
     *
     * @param context
     */
    public CustomView(Context context) {
        super(context);
        // 创建画笔对象
        paint = new Paint();
        // 设置画笔为红色
        paint.setColor(Color.RED);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 绘制一个圆
        canvas.drawCircle(500, 500, 450, paint);
    }
}

3.3 MainActivity

在这里插入图片描述

package net.nell.drawcircle;

import android.os.Bundle;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    private CustomView mCustomView; // 声明自定义视图

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 实例化自定义视图
        mCustomView = new CustomView(this);
        // 将自定义视图设置为用户界面
        setContentView(mCustomView);
    }
}

3.4 运行样式

在这里插入图片描述
在此基础上可进行画笔样式的设计
在这里插入图片描述
在这里插入图片描述
设置画笔的粗细
在这里插入图片描述

4.与绘制相关的类

Canvas（画布类）、Paint（画笔类）、Drawable（可绘制类），Color（颜色类）

（一）设置画笔属性
1、设置画笔颜色
paint.setColor(Color.BLACK);
2、设置笔划宽度
paint.setStrokeWidth(2);
3、防止锯齿形
paint.setAntiAlias(true);
4、设置笔划样式
paint.setStyle(Style.STROKE);
5、设置填充样式
paint.setStyle(Style.FILL);
（二）画布类绘制方法
1、绘制直线 - drawLine
语法格式：drawLine(startX, startY, stopX, stopY, paint);
参数说明
参数1：起点横坐标
参数2：起点纵坐标
参数3：终点横坐标
参数4：终点纵坐标
参数5：画笔对象
2、绘制矩形 - drawRect
语法格式：drawRect(rect, paint);

参数说明
参数1：矩形对象
参数2：画笔对象

需要创建一个矩形对象：new Rect(left, top, right, bottom);

(left, top) —— 矩形左上角坐标

(right, bottom) —— 矩形右下角坐标

3、绘制圆 - drawCircle
语法格式：drawCircle(cx, cy, radius, paint);
参数说明
参数1：圆心横坐标
参数2：圆心纵坐标
参数3：圆半径
参数4：画笔对象
4、绘制路径 - drawPath
语法格式：drawPath(path, paint);

参数说明
参数1：路径对象
参数2：画笔对象

关键是创建路径，首先实例化，然后会调用三个方法：path.moveTo(x, y)、path.lineTo(x, y)、如何要让路径闭合，那么调用path.close()方法。

5、绘制圆弧 - drawArc
语法格式：canvas.drawArc(oval, startAngle, sweepAngle, useCenter, paint);
参数说明
参数1：矩形对象
参数2：起始角度
参数3：扫过角度
参数4：是否使用中心
参数5：画笔对象
6、绘制图像 - drawBitmap
语法格式：drawBitmap(bitmap, left, top, paint);
参数说明
参数1：位图对象
参数2：横坐标
参数3：纵坐标
参数4：画笔对象
7、绘制文本 - drawText
语法格式：drawText(text, x, y, paint);
参数说明
参数1：文本
参数2：横坐标
参数3：纵坐标
参数4：画笔对象

4.1 案例演示

4.1.1 创建安卓应用【DrawTextGraphImage】

在这里插入图片描述
在这里插入图片描述

4.1.2 创建自定义视图

在这里插入图片描述

package net.nell.drawtextgraphimage;

import android.content.Context;
import android.graphics.Canvas;
import android.view.View;

public class CustomView extends View {
    /**
     * 构造方法
     *
     * @param context
     */
    public CustomView(Context context){
        super(context);
    }

    /**
     * 绘制方法
     * 
     * @param canvas
     */
    @Override
    protected void onDraw(Canvas canvas){
        super.onDraw(canvas);
    }
}
4.1.3 主界面类

在这里插入图片描述

package net.nell.drawtextgraphimage;

import android.os.Bundle;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    private CustomView mCustomView; // 声明自定义视图

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 实例化自定义视图
        mCustomView = new CustomView(this);
        // 将自定义视图设置为用户界面
        setContentView(mCustomView);
    }
}
4.1.4 修改自定义视图 - CustomView
（1）声明变量

在这里插入图片描述

（2）在构造方法里初始化画笔，获取屏幕尺寸

在这里插入图片描述

（3）在绘制方法里设置画布底色

在这里插入图片描述

（4）启动应用，查看效果

在这里插入图片描述

（5）绘制横向、纵向和倾斜的直线

在这里插入图片描述
查看运行效果
在这里插入图片描述

（6）绘制空心多边形（三角形）

在这里插入图片描述
运行效果
在这里插入图片描述

（7）绘制实心多边形

在这里插入图片描述
运行效果

在这里插入图片描述

（8）绘制实心圆和空心圆

在这里插入图片描述
在这里插入图片描述

（9）绘制实心矩形

在这里插入图片描述
在这里插入图片描述

（10）绘制空心椭圆

在这里插入图片描述
在这里插入图片描述

（11）绘制笑脸

在这里插入图片描述
在这里插入图片描述

（12）绘制图像

首先，在项目中添加一张图片
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
有时候，图片的大小会影响程序的运行，所以需要我们进行适当的调整

4.1.5 CustomView完整代码
package net.nell.drawtextgraphimage;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.drawable.Drawable;
import android.view.View;

public class CustomView extends View {
    private Paint paint;//画笔
    private int screenWidth;//屏幕宽度
    private int screenHeight;//屏幕高度
    /**
     * 构造方法
     *
     * @param context
     */
    public CustomView(Context context){
        super(context);
        //实例化画笔
        paint = new Paint();
        //设置画笔防锯齿形
        paint.setAntiAlias(true);
        //获取屏幕宽度
        screenWidth = ((Activity) context).getWindowManager().getDefaultDisplay().getWidth();
        //获取屏幕高度
        screenHeight = ((Activity) context).getWindowManager().getDefaultDisplay().getHeight();
    }

    /**
     * 绘制方法
     *
     * @param canvas
     */
    @Override
    protected void onDraw(Canvas canvas){
        super.onDraw(canvas);
        /*任务1：设置画布底色*/
        //设置画笔颜色
        paint.setColor(Color.rgb(200,200,240));
        //绘制实心矩形填充整个手机屏幕
        canvas.drawRect(0,0,screenWidth,screenHeight,paint);

        /*任务2 绘制直线*/
        //设置画笔颜色
        paint.setColor(Color.RED);
        //绘制横向、纵向、倾斜的直线
        canvas.drawLine(50,50,1000,50,paint);
        canvas.drawLine(50,200,1000,200,paint);
        canvas.drawLine(100,0,100,250,paint);
        canvas.drawLine(950,0,950,250,paint);
        canvas.drawLine(100,50,950,200,paint);
        canvas.drawLine(100,200,950,50,paint);
        //绘制说明文本
        paint.setColor(Color.BLACK);
        paint.setTextSize(30);
        canvas.drawText("直线",480,35,paint);

        /*任务三 绘制空心多边形*/
        //设置画笔颜色为蓝色
        paint.setColor(Color.BLUE);
        //绘制多条线段，首尾相连
        canvas.drawLine(50,350,370,320,paint);
        canvas.drawLine(370,320,550,500,paint);
        canvas.drawLine(550,500,50,350,paint);
        //绘制说明文本
        paint.setColor(Color.BLACK);
        paint.setTextSize(30);
        canvas.drawText("空心三角形",250,400,paint);

        /*任务四，绘制实心多边形*/
        //设置画笔颜色
        paint.setColor(Color.YELLOW);
        //定义路径
        Path path = new Path();
        path.moveTo(600,300);//路径的起点
        path.lineTo(750,250);
        path.lineTo(950,400);
        path.lineTo(600,600);
        path.lineTo(600,370);
        path.close();//封闭路径
        canvas.drawPath(path,paint);
        paint.setColor(Color.BLACK);
        paint.setTextSize(30);
        canvas.drawText("实心多边形",650,400,paint);

        /* 任务5、绘制实心圆与空心圆 */
        paint.setColor(Color.RED);
        canvas.drawCircle(300, 600, 100, paint);
        paint.setStyle(Paint.Style.STROKE);
        canvas.drawCircle(300, 800, 100, paint);
        // 绘制说明文本
        paint.setColor(Color.BLACK);
        paint.setTextSize(30);
        canvas.drawText("实心圆", 100, 610, paint);
        canvas.drawText("空心圆", 100, 810, paint);

        /* 任务6、绘制实心矩形 */
        paint.setColor(Color.GREEN);
        paint.setStyle(Paint.Style.FILL);
        canvas.drawRect(new Rect(460, 650, 960, 860), paint);
        // 绘制说明文本
        paint.setColor(Color.BLACK);
        paint.setTextSize(30);
        canvas.drawText("实心矩形", 650, 750, paint);

        /* 任务7、绘制空心椭圆 */
        paint.setColor(Color.BLUE);
        paint.setStyle(Paint.Style.STROKE);
        canvas.drawArc(new RectF(50, 920, 500, 1050), 0, 360, true, paint);
        // 绘制说明文本
        paint.setColor(Color.BLACK);
        paint.setTextSize(30);
        canvas.drawText("空心椭圆", 240, 1000, paint);


        /* 任务8、绘制笑脸 */
        paint.setColor(Color.RED);
        paint.setStyle(Paint.Style.FILL);
        canvas.drawArc(new RectF(550, 920, 650, 1020), 30, 300, true, paint);
        paint.setColor(Color.BLUE);
        canvas.drawArc(new RectF(700, 920, 800, 1020), 210, 300, true, paint);
        // 绘制说明文本
        paint.setColor(Color.BLACK);
        paint.setTextSize(30);
        canvas.drawText("笑脸相迎", 820, 970, paint);

        /* 任务10、绘制图像 */
        // 方法一、绘制位图
        @SuppressLint("ResourceType") Bitmap bitmap = BitmapFactory.decodeStream(getResources()
                .openRawResource(R.drawable.cat));
        canvas.drawBitmap(bitmap, 50, 1100, paint);
        // 方法二、利用可绘制对象
        Drawable drawable = getResources().getDrawable(R.drawable.cat);
        drawable.setBounds(new Rect(870, 1200, 1160, 1400));
        drawable.draw(canvas);

    }
}

5.View动画案例

5.1 新建项目

在这里插入图片描述
在这里插入图片描述

5.2 将月亮图片拷贝至项目

在这里插入图片描述

5.3 新建项目

在这里插入图片描述

package net.nell.twinklingstars;

import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.drawable.Drawable;
import android.view.View;


public class CustomView extends View {

    private Paint paint; // 画笔
    private int screenWidth; // 屏幕宽度
    private int screenHeight; // 屏幕高度
    private int count; // 刷屏次数

    /**
     * 构造方法
     *
     * @param context
     */
    public CustomView(Context context) {
        super(context);
        // 实例化画笔
        paint = new Paint();
        // 获取屏幕宽度
        screenWidth = ((Activity) context).getWindowManager().getDefaultDisplay().getWidth();
        // 获取屏幕高度
        screenHeight = ((Activity) context).getWindowManager().getDefaultDisplay().getHeight();
    }

    /**
     * 绘制方法
     *
     * @param canvas
     */
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        /* 将画布底色设置为黑色 —— 夜空 */
        paint.setColor(Color.BLACK);
        canvas.drawRect(0,0, screenWidth, screenHeight, paint);

        // 确保count只能取0、1、2
        count = ++count % 3;

        // 根据刷屏次数来设置画笔颜色
        switch (count) {
            case 0:
                paint.setColor(Color.GREEN); // 设置为绿色画笔
                break;
            case 1:
                paint.setColor(Color.WHITE); // 设置为白色画笔
                break;
            case 2:
                paint.setColor(Color.YELLOW); // 设置为黄色画笔
                break;
        }

        // 绘制月亮位图
        Drawable drawable = getResources().getDrawable(R.drawable.moon);
        drawable.setBounds(220, 90, 380, 250);
        drawable.draw(canvas);

        // 绘制星星
        paint.setTextSize(20);
        for (int i = 0; i < 100; i++) {
            canvas.drawText("★", (int)(Math.random() * screenWidth),
                    (int) (Math.random() * screenHeight), paint);
        }
    }
}

5.4 主界面类

在这里插入图片描述

package net.nell.twinklingstars;

import android.os.Bundle;

import androidx.appcompat.app.AppCompatActivity;

import java.util.Timer;
import java.util.TimerTask;

public class MainActivity extends AppCompatActivity {

    private CustomView mCustomView; // 自定义视图
    private Timer timer; // 定时器
    private TimerTask task; // 定时器任务

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 实例化自定义视图
        mCustomView = new CustomView(this);
        // 将自定义视图设置为用户界面
        setContentView(mCustomView);

        // 创建定时器
        timer = new Timer();
        // 创建定时器任务
        task = new TimerTask() {
            @Override
            public void run() {
                // 刷新自定义视图
                mCustomView.postInvalidate();
            }
        };
        // 对定时器任务进行调度
        timer.schedule(task, 0, 100);
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        // 取消定时器任务
        timer.cancel();
    }
}

5.5 运行效果

在这里插入图片描述

NELL_TURBO
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Android Studio-学习笔记网格布局09
HTML778的博客
11-13 1483
网格布局
Android学习笔记（十）——实现新闻列表
01-03
Android学习笔记（二）android studio基本控件及布局（实现图片查看器） Android学习笔记（三）android studio中CheckBox自定义样式（更换复选框左侧的勾选图像） Android学习笔记（四）Android 中Activity页面的...
Android学习笔记
qq_47112287的博客
04-30 997
Android
Android学习笔记之清单文件
cool-wangtongzhou
05-02 2886
一、清单文件 引入 如果创建多个Activity，那如果保证MainActivity是第一个运行的呢？ 这就需要用到清单文件了 正文 以下是在清单文件AndroidManifest.xml中编译器自动生成的代码 <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN"
《Android入门到精通》第二十章学习笔记总结
抚首
03-12 2297
📒 博客首页：✎﹏ℳ๓敬坤的博客 🎈 😊 我只是一个代码的搬运工 🎃 🎉 欢迎来访的读者关注、点赞和收藏 🤞 😉有问题可以私信交流 😆 📃 文章标题：《Android入门到精通》第二十章学习笔记总结 🖍 《Android入门到精通》第二十章学习笔记总结 HTTP访问网络JSON数据 HTTP访问网络 HttpURLConnection常用的方法 方法 描述 int getResponseCode() 获取服务器的响应代码 String getResponseMessage() 获.
Android开发学习笔记
hjjshua的博客
03-10 2194
android学习第二天
Android学习路线指南
热门推荐
singwhatiwanna
11-01 24万+
前言 看到一篇文章中提到“最近几年国内的初级Android程序员已经很多了，但是中高级的Android技术人才仍然稀缺“，这的确不假，从我在百度所进行的一些面试来看，找一个适合的高级Android工程师的确不容易，一般需要进行大量的面试才能挑选出一个比较满意的。为什么中高级Android程序员不多呢？这是一个问题，我不好回答，但是我想写一篇文章来描述下Android的学习路线，期望可以帮助更多的...
Android 开发学习笔记
hjjshua的博客
03-25 3357
Android 开发学习笔记 **Lesson1 (2.28)** android之父： Andy Rubin(安迪 鲁宾） **Lesson2 (3.3)** android 的优点： 开放、网络接入自由、丰富的硬件接入、方便开发、Google应用 android 的缺点： 恶意程序多、版本多、升级快、用户体验不一致、费电、 android 发展趋势
Android学习笔记 - 常用的布局
HaveFun_Wine的博客
03-21 3282
Android中有六种的布局方式，分别是：LinearLayout(线性布局)、RelativeLayout(相对布局)、TableLayout(表格布局)、FrameLayout(帧布局)、AbsoluteLayout(绝对布局)、GridLayout(网格布局)。在开发中，我们用的最多的就是线性布局和相对布局。AbsoluteLayout是直接通过X,Y坐标来 控制组件在Activity中的位置的！另外这个但单位是dp!
什么是Android逆向？如何学习安卓逆向？Android逆向自学笔记入门到实战
最新发布
2401_84149875的博客
04-19 1369
*其实上面说了这么多，钱是永远赚不完的，在这个知识付费的时代，知识技能提升才是是根本！我作为一名8年的高级工程师，知识技能已经学习的差不多。**在看这篇文章的可能有刚刚入门，刚刚开始工作，或者大佬级人物。像刚刚开始学Android开发小白想要快速提升自己，最快捷的方式，就是有人可以带着你一起分析，这样学习起来最为高效，所以这里分享一套高手学习的源码和框架视频等精品Android架构师教程，保证你学了以后保证薪资上升一个台阶。这么重要的事情说三遍啦！
Android Studio学习笔记1
dahuajuanzi的博客
03-25 2550
RelativeLayout padding background
Android学习笔记（二）App工程文件分析
01-20
这篇学习笔记将深入剖析一个最简单的Android App工程文件的组成，以便更好地理解和构建自己的应用程序。 首先，当我们创建一个Android应用时，会得到一个基本的工程结构。其中，`src`文件夹包含了应用的所有源代码...
Android学习笔记.pdf
05-20
包括环境搭建教程、创建模拟器、新建helloworld程序、电话拨号器、软件部署到模拟器、短信发送器、线性布局、相对布局、日志、activity、Android进程线程及优先级、Android UI线程阻塞及优化、广播接受者、Service...
android学习笔记.zip
04-12
《Android学习笔记》 在移动应用开发领域，Android操作系统占据着重要的地位，为开发者提供了丰富的API和工具，使得创建各种应用程序变得可能。本压缩包文件包含了一位学习者从第一天到第五天，以及一个特定项目...
Android学习记录（一）
weixin_46705517的博客
01-08 4316
Android学习记录（1） 本次文章记录了我第一次开始学习安卓所做出的一些界面，由于是第一次做得到十分美观的结果，但是也获得了一些有效的成果。 Android的相关介绍 在进行新的学习内容之前，我们需要了解该门课程的一些相关内容 Android是什么 Android是一种基于Linux的开源的操作系统。 主要用于智能设备，如智能手机、平板电脑和智能电视等。 由Google公司领头开发并推广，2008年推出第一个版本。 此系统最初由“安卓之父”Andy Rubin(安迪-鲁宾)开发(2003年)。 使用工具
Android学习笔记（八）
weixin_46705517的博客
01-15 2862
文章目录案例演示--注册界面实现步骤1.创建新项目2.添加背景图片3.基于模板创建登录窗口4.编写activity_registration.xml文件5.编写activity_main.xml文件6.编写项目清单文件7.字符串文件strings.xml8.注册窗口9.主界面文件10.运行程序，查看结果输入信息时输入完成后 案例演示–注册界面 为更好地完善昨天的学习内容，我将昨天所编写的代码进行了修改，完成了注册界面的Activity事件。 实现步骤 1.创建新项目 2.添加背景图片 3.基于模板创建
Android学习目录（三）
weixin_46705517的博客
01-09 2425
文章目录Android学习目录（三）（一）应用程序组件（二）附件组件（三）三个基本控件1.标签控件2.编辑框控件3.按钮控件（四）案例演示1.为案例界面插入背景2.创建登录窗口代码展示 Android学习目录（三） 在进行几次安卓入门的界面界面编写后，我打算开始进行一系列比较系统的学习。所以今天的学习就从比较简单的东西入手。 （一）应用程序组件 组件 描述 Activities 描述UI，并且处理用户与机器屏幕的交互。 Services 处理与应用程序关联的后台操作。 Broadca
Android学习记录（二十一）
weixin_46705517的博客
01-31 2356
文章目录TelephonyManager(电话管理器)1.如何获得TelephonyManager的服务对象2.案例演示2.1 调用拨号器拨打电话号码2.2 获取Sim卡信息与网络信息（1）新建项目（2）activity_main.xml(3)MainActivity.java(4)AndroidManifest.xml2.3 获取手机信号强度主要代码2.4 监听手机的所有来电运行效果2.5 黑名单来电自动挂断 TelephonyManager(电话管理器) 获得其他app的Context,而这个Conte
Android学习记录（十）
weixin_46705517的博客
01-17 2164
文章目录OrmLite数据库1.简介2.使用步骤2.1 设置依赖关系2.1.1 下载core 包 和 Android包2.1.2 定义数据库与表的关系新建Person类在MainActivity文件中体现2.1.3 数据库相关操作实现增删改数据库的基本操作查询结果3.任务三的完成3.1添加Phone类3.2 NewActivity文件3.3 MainActivity文件3.4 修改项目清单文件 OrmLite数据库 1.简介 Ormlite 框架是第三方对数据库操作的封装的一个框架，为了提高开发效率，尤其是
Android学习笔记：面向对象基础与三大特性详解
"Android宝典（学习笔记）"是一份实用且系统的Android学习资料，适合那些希望通过深入理解和实践来提升Android技能的学习者。无论是初次接触Android的开发者，还是希望巩固已有知识的进阶者，都能从中获益良多。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值