Android视频播放暂停动效的按钮

2024-06-15 11:12
文章标签 视频 android 播放 按钮 暂停 动效

本文主要是介绍Android视频播放暂停动效的按钮，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

上来直接给大家搂代码

 

class PlayButton @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0) :View(context, attrs, defStyleAttr) {companion object {/** 播放状态 */const val STATE_PLAY: Int = 0/** 暂停状态 */const val STATE_PAUSE: Int = 1}/** 当前状态 */private var currentState: Int = STATE_PAUSE/** 动画时间 */private var animDuration: Intprivate val paint: Paintprivate var viewWidth: Int = 0private var viewHeight: Int = 0private var centerX: Int = 0private var centerY: Int = 0private var circleRadius: Int = 0private var rectF: RectF? = nullprivate var bgRectF: RectF? = nullprivate var fraction: Float = 1fprivate val path: Pathprivate val dstPath: Pathprivate val pathMeasure: PathMeasureprivate var pathLength: Float = 0finit {val typedArray: TypedArray = context.obtainStyledAttributes(attrs, R.styleable.PlayButton)val lineColor: Int = typedArray.getColor(R.styleable.PlayButton_pb_lineColor, Color.WHITE)val lineSize: Int = typedArray.getInteger(R.styleable.PlayButton_pb_lineSize,resources.getDimension(R.dimen.dp_4).toInt())animDuration = typedArray.getInteger(R.styleable.PlayButton_pb_animDuration, 200)typedArray.recycle()// 关闭硬件加速setLayerType(LAYER_TYPE_SOFTWARE, null)paint = Paint(Paint.ANTI_ALIAS_FLAG)paint.style = Paint.Style.STROKEpaint.strokeCap = Paint.Cap.ROUNDpaint.color = lineColorpaint.strokeWidth = lineSize.toFloat()paint.pathEffect = CornerPathEffect(1f)path = Path()dstPath = Path()pathMeasure = PathMeasure()}override fun onSizeChanged(width: Int, height: Int, oldWidth: Int, oldHeight: Int) {super.onSizeChanged(width, height, oldWidth, oldHeight)viewWidth = width * 9 / 10viewHeight = height * 9 / 10circleRadius = width / resources.getDimension(R.dimen.dp_4).toInt()centerX = width / 2centerY = height / 2rectF = RectF((centerX - circleRadius).toFloat(), centerY + 0.6f * circleRadius,(centerX + circleRadius).toFloat(), centerY + 2.6f * circleRadius)bgRectF = RectF(centerX - viewWidth / 2f, centerY - viewHeight / 2f,centerX + viewWidth / 2f, centerY + viewHeight / 2f)path.moveTo((centerX - circleRadius).toFloat(), centerY + 1.8f * circleRadius)path.lineTo((centerX - circleRadius).toFloat(), centerY - 1.8f * circleRadius)path.lineTo((centerX + circleRadius).toFloat(), centerY.toFloat())path.close()pathMeasure.setPath(path, false)pathLength = pathMeasure.length}override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {var finalWidthMeasureSpec: Int = widthMeasureSpecvar finalHeightMeasureSpec: Int = heightMeasureSpecwhen (MeasureSpec.getMode(finalWidthMeasureSpec)) {MeasureSpec.AT_MOST, MeasureSpec.UNSPECIFIED ->finalWidthMeasureSpec = MeasureSpec.makeMeasureSpec(resources.getDimension(R.dimen.dp_60).toInt(), MeasureSpec.EXACTLY)MeasureSpec.EXACTLY -> {}}when (MeasureSpec.getMode(finalHeightMeasureSpec)) {MeasureSpec.AT_MOST, MeasureSpec.UNSPECIFIED ->finalHeightMeasureSpec = MeasureSpec.makeMeasureSpec(resources.getDimension(R.dimen.dp_60).toInt(), MeasureSpec.EXACTLY)MeasureSpec.EXACTLY -> {}}setMeasuredDimension(finalWidthMeasureSpec, finalHeightMeasureSpec)}override fun onDraw(canvas: Canvas) {super.onDraw(canvas)canvas.drawCircle(centerX.toFloat(), centerY.toFloat(), viewWidth / 2f, paint)when {fraction < 0 -> {// 弹性部分canvas.drawLine((centerX + circleRadius).toFloat(),centerY - 1.6f * circleRadius + 10 * circleRadius * fraction, (centerX + circleRadius).toFloat(),centerY + (1.6f * circleRadius) + (10 * circleRadius * fraction), paint)canvas.drawLine((centerX - circleRadius).toFloat(), centerY - 1.6f * circleRadius, (centerX - circleRadius).toFloat(), centerY + 1.6f * circleRadius, paint)canvas.drawArc(bgRectF!!, -105f, 360f, false, paint)}fraction <= 0.3 -> {// 右侧直线和下方曲线canvas.drawLine((centerX + circleRadius).toFloat(),centerY - 1.6f * circleRadius + circleRadius * 3.2f / 0.3f * fraction, (centerX + circleRadius).toFloat(),centerY + 1.6f * circleRadius, paint)canvas.drawLine((centerX - circleRadius).toFloat(), centerY - 1.6f * circleRadius, (centerX - circleRadius).toFloat(), centerY + 1.6f * circleRadius, paint)if (fraction != 0f) {canvas.drawArc(rectF!!, 0f, 180f / 0.3f * fraction, false, paint)}canvas.drawArc(bgRectF!!, -105 + 360 * fraction, 360 * (1 - fraction), false, paint)}fraction <= 0.6 -> {// 下方曲线和三角形canvas.drawArc(rectF!!, 180f / 0.3f * (fraction - 0.3f),180 - 180f / 0.3f * (fraction - 0.3f), false, paint)dstPath.reset()pathMeasure.getSegment(0.02f * pathLength,0.38f * pathLength + 0.42f * pathLength / 0.3f * (fraction - 0.3f),dstPath, true)canvas.drawPath(dstPath, paint)canvas.drawArc(bgRectF!!, -105 + 360 * fraction, 360 * (1 - fraction), false, paint)}fraction <= 0.8 -> {// 三角形dstPath.reset()pathMeasure.getSegment(0.02f * pathLength + 0.2f * pathLength / 0.2f * (fraction - 0.6f),0.8f * pathLength + 0.2f * pathLength / 0.2f * (fraction - 0.6f), dstPath, true)canvas.drawPath(dstPath, paint)canvas.drawArc(bgRectF!!, -105 + 360 * fraction, 360 * (1 - fraction), false, paint)}else -> {// 弹性部分dstPath.reset()pathMeasure.getSegment(10 * circleRadius * (fraction - 1), pathLength, dstPath, true)canvas.drawPath(dstPath, paint)}}}/*** 播放状态*/fun play() {if (currentState == STATE_PLAY) {return}currentState = STATE_PLAYval valueAnimator: ValueAnimator = ValueAnimator.ofFloat(1f, 100f)valueAnimator.duration = animDuration.toLong()valueAnimator.interpolator = AnticipateInterpolator()valueAnimator.addUpdateListener { animation: ValueAnimator ->fraction = 1 - animation.animatedFractioninvalidate()}valueAnimator.start()}/*** 暂停状态*/fun pause() {if (currentState == STATE_PAUSE) {return}currentState = STATE_PAUSEval valueAnimator: ValueAnimator = ValueAnimator.ofFloat(1f, 100f)valueAnimator.duration = animDuration.toLong()valueAnimator.interpolator = AnticipateInterpolator()valueAnimator.addUpdateListener { animation: ValueAnimator ->fraction = animation.animatedFractioninvalidate()}valueAnimator.start()}/*** 获取当前状态*/fun getCurrentState(): Int {return currentState}/*** 设置动画时间*/fun setAnimDuration(duration: Int) {animDuration = duration}/*** 设置线条颜色*/fun setLineColor(color: Int) {paint.color = colorinvalidate()}/*** 设置线条大小*/fun setLineSize(size: Int) {paint.strokeWidth = size.toFloat()invalidate()}
}

xml给大家也展示下，图片的话暂不上传了，自己替换

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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"android:background="@color/black"android:orientation="vertical"><VideoViewandroid:id="@+id/vv_player_view_video"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_gravity="center"android:keepScreenOn="true" /><FrameLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:fitsSystemWindows="true"android:orientation="vertical"><com.hjq.shape.layout.ShapeFrameLayoutandroid:id="@+id/ll_player_view_top"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="top"android:orientation="horizontal"android:visibility="invisible"app:shape="rectangle"app:shape_angle="270"app:shape_centerColor="@color/black20"app:shape_endColor="@color/transparent"app:shape_startColor="#AA000000"tools:visibility="visible"><androidx.appcompat.widget.AppCompatImageViewandroid:id="@+id/iv_player_view_left"android:layout_width="@dimen/dp_50"android:layout_height="@dimen/dp_50"android:layout_gravity="center_vertical"android:padding="@dimen/dp_10"android:visibility="invisible"app:srcCompat="@drawable/arrows_left_ic"app:tint="@color/white"tools:visibility="visible" /><androidx.appcompat.widget.AppCompatTextViewandroid:id="@+id/tv_player_view_title"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:layout_marginHorizontal="@dimen/dp_50"android:ellipsize="marquee"android:gravity="center_horizontal"android:singleLine="true"android:textColor="@color/white"android:textSize="@dimen/sp_17"tools:text="我是视频标题" /></com.hjq.shape.layout.ShapeFrameLayout><com.hjq.widget.view.PlayButtonandroid:id="@+id/iv_player_view_control"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:visibility="invisible"tools:visibility="visible" /><com.hjq.shape.view.ShapeImageViewandroid:id="@+id/iv_player_view_lock"android:layout_width="@dimen/dp_45"android:layout_height="@dimen/dp_45"android:layout_gravity="start|center_vertical"android:layout_marginStart="@dimen/dp_5"android:padding="@dimen/dp_10"android:visibility="invisible"app:shape="oval"app:shape_solidColor="@color/black30"app:shape_solidPressedColor="@color/black60"app:srcCompat="@drawable/video_lock_open_ic"tools:visibility="visible" /><com.hjq.shape.layout.ShapeLinearLayoutandroid:id="@+id/ll_player_view_bottom"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="bottom"android:gravity="center_vertical"android:orientation="horizontal"android:paddingHorizontal="@dimen/dp_15"android:visibility="invisible"app:shape="rectangle"app:shape_angle="90"app:shape_centerColor="@color/black20"app:shape_endColor="@color/transparent"app:shape_startColor="#AA000000"tools:visibility="visible"><androidx.appcompat.widget.AppCompatTextViewandroid:id="@+id/tv_player_view_play_time"android:layout_width="wrap_content"android:layout_height="wrap_content"android:textColor="@color/white"android:textSize="@dimen/sp_14"tools:text="00:00" /><androidx.appcompat.widget.AppCompatSeekBarandroid:id="@+id/sb_player_view_progress"android:layout_width="0px"android:layout_height="wrap_content"android:layout_weight="1"android:foreground="@null"android:maxHeight="@dimen/dp_2"android:paddingVertical="@dimen/dp_10"android:progressDrawable="@drawable/video_progress_bg"android:thumb="@drawable/video_progress_ball_bg"tools:max="100"tools:progress="50"tools:secondaryProgress="80"tools:targetApi="m" /><androidx.appcompat.widget.AppCompatTextViewandroid:id="@+id/tv_player_view_total_time"android:layout_width="wrap_content"android:layout_height="wrap_content"android:textColor="@color/white"android:textSize="@dimen/sp_14"tools:text="10:00" /></com.hjq.shape.layout.ShapeLinearLayout></FrameLayout><androidx.cardview.widget.CardViewandroid:id="@+id/cv_player_view_message"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:gravity="center"android:orientation="vertical"android:visibility="gone"app:cardBackgroundColor="@color/black85"app:cardCornerRadius="@dimen/dp_15"app:cardElevation="0px"tools:visibility="visible"><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:gravity="center"android:minWidth="@dimen/dp_110"android:minHeight="@dimen/dp_110"android:orientation="vertical"android:padding="@dimen/dp_10"><com.airbnb.lottie.LottieAnimationViewandroid:id="@+id/lav_player_view_lottie"android:layout_width="@dimen/dp_70"android:layout_height="@dimen/dp_70"app:lottie_autoPlay="false"app:lottie_loop="true"app:lottie_rawRes="@raw/progress" /><com.hjq.widget.view.SmartTextViewandroid:id="@+id/tv_player_view_message"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginHorizontal="@dimen/dp_15"android:layout_marginTop="@dimen/dp_5"android:maxLines="3"android:textColor="@color/white"android:textSize="@dimen/sp_14"tools:text="@string/common_loading" /></LinearLayout></androidx.cardview.widget.CardView></FrameLayout>

这篇关于Android视频播放暂停动效的按钮的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1063288。

相关文章

Android学习总结之Java和kotlin区别超详细分析

Android学习总结之Java和kotlin区别超详细分析

《Android学习总结之Java和kotlin区别超详细分析》Java和Kotlin都是用于Android开发的编程语言,它们各自具有独特的特点和优势,：本文主要介绍Android学习总结之Ja... 目录一、空安全机制真题 1：Kotlin 如何解决 Java 的 NullPointerExceptio
阅读更多...
Android NDK版本迭代与FFmpeg交叉编译完全指南

Android NDK版本迭代与FFmpeg交叉编译完全指南

《AndroidNDK版本迭代与FFmpeg交叉编译完全指南》在Android开发中,使用NDK进行原生代码开发是一项常见需求,特别是当我们需要集成FFmpeg这样的多媒体处理库时,本文将深入分析A... 目录一、android NDK版本迭代分界线二、FFmpeg交叉编译关键注意事项三、完整编译脚本示例四
阅读更多...
Android与iOS设备MAC地址生成原理及Java实现详解

Android与iOS设备MAC地址生成原理及Java实现详解

《Android与iOS设备MAC地址生成原理及Java实现详解》在无线网络通信中,MAC（MediaAccessControl）地址是设备的唯一网络标识符,本文主要介绍了Android与iOS设备M... 目录引言1. MAC地址基础1.1 MAC地址的组成1.2 MAC地址的分类2. android与I
阅读更多...
Android 实现一个隐私弹窗功能

Android 实现一个隐私弹窗功能

《Android实现一个隐私弹窗功能》：本文主要介绍Android实现一个隐私弹窗功能,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧... 效果图如下：1. 设置同意、退出、点击用户协议、点击隐私协议的函数参数2. 《用户协议》、《隐私政策》设置成可点击的，且颜色要区分出来res/l
阅读更多...
Android实现一键录屏功能(附源码)

Android实现一键录屏功能(附源码)

《Android实现一键录屏功能(附源码)》在Android5.0及以上版本,系统提供了MediaProjectionAPI,允许应用在用户授权下录制屏幕内容并输出到视频文件,所以本文将基于此实现一个... 目录一、项目介绍二、相关技术与原理三、系统权限与用户授权四、项目架构与流程五、环境配置与依赖六、完整
阅读更多...
Android 12解决push framework.jar无法开机的方法小结

Android 12解决push framework.jar无法开机的方法小结

《Android12解决pushframework.jar无法开机的方法小结》：本文主要介绍在Android12中解决pushframework.jar无法开机的方法,包括编译指令、框架层和s... 目录1. android 编译指令1.1 framework层的编译指令1.2 替换framework.ja
阅读更多...
Android开发环境配置避坑指南

Android开发环境配置避坑指南

《Android开发环境配置避坑指南》本文主要介绍了Android开发环境配置过程中遇到的问题及解决方案,包括VPN注意事项、工具版本统一、Gerrit邮箱配置、Git拉取和提交代码、MergevsR... 目录网络环境：VPN 注意事项工具版本统一：android Studio & JDKGerrit的邮
阅读更多...
Android实现定时任务的几种方式汇总(附源码)

Android实现定时任务的几种方式汇总(附源码)

《Android实现定时任务的几种方式汇总(附源码)》在Android应用中,定时任务（ScheduledTask）的需求几乎无处不在：从定时刷新数据、定时备份、定时推送通知,到夜间静默下载、循环执行... 目录一、项目介绍1. 背景与意义二、相关基础知识与系统约束三、方案一：Handler.postDel
阅读更多...
Android使用ImageView.ScaleType实现图片的缩放与裁剪功能

Android使用ImageView.ScaleType实现图片的缩放与裁剪功能

《Android使用ImageView.ScaleType实现图片的缩放与裁剪功能》ImageView是最常用的控件之一,它用于展示各种类型的图片,为了能够根据需求调整图片的显示效果,Android提... 目录什么是 ImageView.ScaleType？FIT_XYFIT_STARTFIT_CENTE
阅读更多...
Android实现在线预览office文档的示例详解

Android实现在线预览office文档的示例详解

《Android实现在线预览office文档的示例详解》在移动端展示在线Office文档（如Word、Excel、PPT）是一项常见需求,这篇文章为大家重点介绍了两种方案的实现方法,希望对大家有一定的... 目录一、项目概述二、相关技术知识三、实现思路3.1 方案一：WebView + Office Onl
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2