项目轮子:波浪背景

2024-04-28 16:48
文章标签 项目 背景 波浪 轮子

本文主要是介绍项目轮子:波浪背景,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

⚙️项目轮子:波浪背景

前言:使用自定义view+view函数的绘制相关知识,来建一个项目轮子,以供以后使用

💅对于自定义view比较熟悉的话就会很容易写出来,难的是view函数的绘制(实现波浪的效果)

1.基类

package com.example.android_wavebackground;
import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PaintFlagsDrawFilter;
import android.os.Build;
import android.util.AttributeSet;
import android.widget.RelativeLayout;import androidx.annotation.RequiresApi;public class BgRelativeLayout extends RelativeLayout {private PaintFlagsDrawFilter mDrawFilter;private Paint mWavePaint;//三角函数的初象private float mOffset1 = 0.0f;private float mOffset2 = 0.0f;private float mSpeed1 = 0.05f;private float mSpeed2 = 0.07f;@RequiresApi(api = Build.VERSION_CODES.M)public BgRelativeLayout(Context context) {this(context,null);}@RequiresApi(api = Build.VERSION_CODES.M)public BgRelativeLayout(Context context, AttributeSet attrs) {this(context, attrs,0);}@RequiresApi(api = Build.VERSION_CODES.M)public BgRelativeLayout(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);initView();}@RequiresApi(api = Build.VERSION_CODES.M)@SuppressLint("ResourceAsColor")private void initView() {// 初始绘制波纹的画笔mWavePaint = new Paint();// 去除画笔锯齿mWavePaint.setAntiAlias(true);// 设置风格为实线mWavePaint.setStyle(Paint.Style.FILL);// 设置画笔颜色mWavePaint.setColor(getResources().getColor(R.color.design_default_color_primary_dark,null));mDrawFilter = new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG | Paint.FILTER_BITMAP_FLAG);}@Overrideprotected void dispatchDraw(Canvas canvas) {initDrawBg(canvas);//放在super前是后景,相反是前景,前景会覆盖子布局super.dispatchDraw(canvas);}private void initDrawBg(Canvas canvas) {// 从canvas层面去除绘制时锯齿canvas.setDrawFilter(mDrawFilter);for (int i = 0; i < getWidth(); i++) {// y = A * sin( wx + b) + h ; A: 浪高; w:周期;b:初相;  h: y轴的偏移位置float endY = (float) (20 * Math.sin(2 * Math.PI / getWidth() * i + mOffset1) + 330);//h:是y轴方向的偏移量//startY: 0就是从最顶部开始//画第一条波浪canvas.drawLine(i, 0, i, endY, mWavePaint);//跟第一条线一样float endY2 = (float) (20 * Math.sin(2 * Math.PI / getWidth() * i + mOffset2) + 330);//画第二条波浪canvas.drawLine(i, 0, i, endY2, mWavePaint);}if (mOffset1 > Float.MAX_VALUE - 1) {//防止数值超过浮点型的最大值mOffset1 = 0;}mOffset1 += mSpeed1;if (mOffset2 > Float.MAX_VALUE - 1) {//防止数值超过浮点型的最大值mOffset2 = 0;}mOffset2 += mSpeed2;//刷新postInvalidate();}}

代码注释已经很详细了,在此不多做解释

2.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><com.example.android_wavebackground.BgRelativeLayoutandroid:layout_height="250dp"android:layout_width="match_parent"android:background="#1878FF"/><!--放子view--></LinearLayout>

转载自:https://www.jianshu.com/p/46e21e484fce

这篇关于项目轮子:波浪背景的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/943757

相关文章

一文教你如何将maven项目转成web项目

《一文教你如何将maven项目转成web项目》在软件开发过程中,有时我们需要将一个普通的Maven项目转换为Web项目,以便能够部署到Web容器中运行,本文将详细介绍如何通过简单的步骤完成这一转换过程... 目录准备工作步骤一:修改​​pom.XML​​1.1 添加​​packaging​​标签1.2 添加

tomcat多实例部署的项目实践

《tomcat多实例部署的项目实践》Tomcat多实例是指在一台设备上运行多个Tomcat服务,这些Tomcat相互独立,本文主要介绍了tomcat多实例部署的项目实践,具有一定的参考价值,感兴趣的可... 目录1.创建项目目录,测试文China编程件2js.创建实例的安装目录3.准备实例的配置文件4.编辑实例的

springboot集成Deepseek4j的项目实践

《springboot集成Deepseek4j的项目实践》本文主要介绍了springboot集成Deepseek4j的项目实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价... 目录Deepseek4j快速开始Maven 依js赖基础配置基础使用示例1. 流式返回示例2. 进阶

SpringBoot项目启动报错"找不到或无法加载主类"的解决方法

《SpringBoot项目启动报错找不到或无法加载主类的解决方法》在使用IntelliJIDEA开发基于SpringBoot框架的Java程序时,可能会出现找不到或无法加载主类com.example.... 目录一、问题描述二、排查过程三、解决方案一、问题描述在使用 IntelliJ IDEA 开发基于

SpringBoot项目使用MDC给日志增加唯一标识的实现步骤

《SpringBoot项目使用MDC给日志增加唯一标识的实现步骤》本文介绍了如何在SpringBoot项目中使用MDC(MappedDiagnosticContext)为日志增加唯一标识,以便于日... 目录【Java】SpringBoot项目使用MDC给日志增加唯一标识,方便日志追踪1.日志效果2.实现步

Ubuntu中Nginx虚拟主机设置的项目实践

《Ubuntu中Nginx虚拟主机设置的项目实践》通过配置虚拟主机,可以在同一台服务器上运行多个独立的网站,本文主要介绍了Ubuntu中Nginx虚拟主机设置的项目实践,具有一定的参考价值,感兴趣的可... 目录简介安装 Nginx创建虚拟主机1. 创建网站目录2. 创建默认索引文件3. 配置 Nginx4

SpringBoot项目启动错误:找不到或无法加载主类的几种解决方法

《SpringBoot项目启动错误:找不到或无法加载主类的几种解决方法》本文主要介绍了SpringBoot项目启动错误:找不到或无法加载主类的几种解决方法,具有一定的参考价值,感兴趣的可以了解一下... 目录方法1:更改IDE配置方法2:在Eclipse中清理项目方法3:使用Maven命令行在开发Sprin

Nginx实现高并发的项目实践

《Nginx实现高并发的项目实践》本文主要介绍了Nginx实现高并发的项目实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录使用最新稳定版本的Nginx合理配置工作进程(workers)配置工作进程连接数(worker_co

Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)

《Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)》文章介绍了如何使用dhtmlx-gantt组件来实现公司的甘特图需求,并提供了一个简单的Vue组件示例,文章还分享了一... 目录一、首先 npm 安装插件二、创建一个vue组件三、业务页面内 引用自定义组件:四、dhtmlx

SpringBoot项目注入 traceId 追踪整个请求的日志链路(过程详解)

《SpringBoot项目注入traceId追踪整个请求的日志链路(过程详解)》本文介绍了如何在单体SpringBoot项目中通过手动实现过滤器或拦截器来注入traceId,以追踪整个请求的日志链... SpringBoot项目注入 traceId 来追踪整个请求的日志链路,有了 traceId, 我们在排