Android实现短视频画心效果

本文实例为大家分享了Android实现短视频画心效果的具体代码,供大家参考,具体内容如下

布局

主布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:orientation="vertical"
    tools:context=".MainActivity">

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/ree"
    android:layout_width="match_parent"
    android:layout_height="match_parent"></androidx.recyclerview.widget.RecyclerView>
    <SurfaceView
        android:id="@+id/surface"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></SurfaceView>
</RelativeLayout>

适配器布局`

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <com.shuyu.gsyvideoplayer.video.StandardGSYVideoPlayer
        android:id="@+id/detail"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

Activity页面逻辑

package com.example.pagfany;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PixelFormat;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.RectF;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.Display;
import android.view.MotionEvent;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
import android.view.View;
import android.widget.Toast;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.RecyclerView;

import java.util.ArrayList;
import java.util.List;

import butterknife.BindView;
import butterknife.ButterKnife;

public class MainActivity extends AppCompatActivity implements BaseLinearLayoutManager.OnListener, SurfaceHolder.Callback {

    @BindView(R.id.ree)
    RecyclerView ree;
    @BindView(R.id.surface)
    SurfaceView surface;
    private BaseeAdap baseeAdap;
    private SurfaceHolder surfaceHolder;
    private Display display;

    Handler handler=new Handler(){
        @Override
        public void handleMessage(@NonNull Message msg) {//清除画板上的内容
            super.handleMessage(msg);
           if (msg.what==1){
               Canvas canvas = surfaceHolder.lockCanvas();
               Paint paint=new Paint(Paint.ANTI_ALIAS_FLAG);
               paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
               paint.setColor(Color.TRANSPARENT);
               RectF rectF = new RectF(0,0,display.getWidth(),display.getHeight());
               canvas.drawRect(rectF,paint);

               surfaceHolder.unlockCanvasAndPost(canvas);
           }
        }
    };
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
        BaseLinearLayoutManager baseLinearLayoutManager = new BaseLinearLayoutManager(this);
        baseLinearLayoutManager.setOnListener(this);//接口回调
        ree.setLayoutManager(baseLinearLayoutManager);
        List<StringBean> beans = new ArrayList<>();
        for (int i = 0; i < shuzu.videoUrls.length; i++) {
            beans.add(new StringBean(shuzu.videoUrls[i]));
        }
        baseeAdap = new BaseeAdap(R.layout.basevideo, beans);
        ree.setAdapter(baseeAdap);

        display=getWindowManager().getDefaultDisplay();//通过管理器获取屏幕信息

        surface.setZOrderOnTop(true);//置顶
        surface.getHolder().setFormat(PixelFormat.TRANSPARENT);//画板透明社
        surface.getHolder().addCallback(this);//接口回调

    }

    @Override
    public void init() {

    }

    @Override
    public void reselat() {
        baseeAdap.getreselat();//调用适配器的方法
    }

    @Override
    public void getplay(int position) {
        baseeAdap.gepalay(position);//滑动播放!!有错误
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        baseeAdap.getAllreselat();//关闭程序清空缓存
    }
    private long time=0;
    private float y;
    private float x;
    @Override
    public void surfaceCreated(@NonNull SurfaceHolder holder) {
        surfaceHolder=holder;
        surface.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()){//双击
                    case MotionEvent.ACTION_DOWN://按下按钮
                        if (time==0){
                            time=System.currentTimeMillis();//第一次时间
                        }else {
                            if (System.currentTimeMillis()-time<250){//当前时间 减去time
                                 y = event.getY();
                                 x = event.getX();//点击的坐标
                                huaxin();//调用花心的方法
                                handler.sendEmptyMessageAtTime(1,500);
                            }else {
                                time=System.currentTimeMillis();
                            }
                        }
                        break;
                }
                return false;
            }
        });
    }

    private void huaxin() {
        Canvas canvas = surfaceHolder.lockCanvas();
        Paint paint=new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));//当想设置图片重叠的相交状态时
        paint.setColor(Color.TRANSPARENT);

        RectF rectF = new RectF(0,0,display.getWidth(),display.getHeight());
        canvas.drawRect(rectF,paint);//清空画板

        Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher);
        canvas.drawBitmap(bitmap,x,y,null);//注意不要用画笔 当前画笔是透明色
        surfaceHolder.unlockCanvasAndPost(canvas);

    }

    @Override
    public void surfaceChanged(@NonNull SurfaceHolder holder, int format, int width, int height) {

    }

    @Override
    public void surfaceDestroyed(@NonNull SurfaceHolder holder) {

    }
}

适配器

package com.example.pagfany;

import android.util.Log;

import androidx.annotation.Nullable;

import com.chad.library.adapter.base.BaseQuickAdapter;
import com.chad.library.adapter.base.BaseViewHolder;
import com.shuyu.gsyvideoplayer.GSYVideoManager;
import com.shuyu.gsyvideoplayer.video.StandardGSYVideoPlayer;

import java.util.List;

public class BaseeAdap extends BaseQuickAdapter<StringBean, BaseViewHolder> {
    private StandardGSYVideoPlayer standardGSYVideoPlayer;
    public BaseeAdap(int layoutResId, @Nullable List<StringBean> data) {
        super(layoutResId, data);
    }
    private int aa=-1;
    @Override
    protected void convert(BaseViewHolder helper, StringBean item) {
      standardGSYVideoPlayer =helper.getView(R.id.detail);
        standardGSYVideoPlayer.setUp(item.getA(),true,"美女");
        standardGSYVideoPlayer.startPlayLogic();
    }

    public void getreselat() {
        standardGSYVideoPlayer.release();
    }
    public void getAllreselat() {
        GSYVideoManager.releaseAllVideos();
    }

    public void gepalay(int position) {
        standardGSYVideoPlayer.setUp(shuzu.videoUrls[position],true,"美女");
        standardGSYVideoPlayer.startPlayLogic();
    }
}

自定义线性布局

package com.example.pagfany;

import android.content.Context;
import android.util.Log;
import android.view.View;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.PagerSnapHelper;
import androidx.recyclerview.widget.RecyclerView;

public class BaseLinearLayoutManager extends LinearLayoutManager implements RecyclerView.OnChildAttachStateChangeListener {
    public BaseLinearLayoutManager(Context context) {
        super(context);
    }

    public BaseLinearLayoutManager(Context context, int orientation, boolean reverseLayout) {
        super(context, orientation, reverseLayout);
    }
    private OnListener onListener;//接口

    public void setOnListener(OnListener onListener) {
        this.onListener = onListener;
    }

    interface OnListener{
        void init();
        void reselat();
        void getplay(int position);
    }

    private PagerSnapHelper pagerSnapHelper;//
    @Override
    public void onAttachedToWindow(RecyclerView view) {
        super.onAttachedToWindow(view);
        pagerSnapHelper=new PagerSnapHelper();
        pagerSnapHelper.attachToRecyclerView(view);//RecyclerView的滑动
        view.addOnChildAttachStateChangeListener(this);//滑动状态监听
    }

    private static final String TAG = "BaseLinearLayoutManager";
    @Override
    public void onScrollStateChanged(int state) {
        super.onScrollStateChanged(state);
        switch (state){
            case RecyclerView.SCROLL_STATE_IDLE:
                View snapView = pagerSnapHelper.findSnapView(this);
                int position = getPosition(snapView);
                onListener.getplay(position);
                Log.i(TAG, "onScrollStateChanged: "+position);
                break;
        }
    }

    @Override
    public void onChildViewAttachedToWindow(@NonNull View view) {
        Log.i(TAG, "onChildViewAttachedToWindow: "+132456);
    }

    @Override
    public void onChildViewDetachedFromWindow(@NonNull View view) {
          if (onListener!=null){
              onListener.reselat();//滑动下一个页面 让上个视频没有声音 清除缓存
          }
    }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android控件实现直播App特效之点赞飘心动画

    现在市面上直播类的应用可以说是一抓一大把,随随便便就以什么主题来开发个直播App,说白了就想在这领域分杯羹.在使用这些应用过程中其实不难发现,在所有的直播界面,少不了的就是各种打赏.各种点赞.今天自己就针对点赞功能敲了一下,代码不多,主要是涉及到动画运动轨迹运算,这里需借助 贝塞尔曲线 相关知识,我使用三阶贝塞尔曲线来实现轨迹动画. 运行效果 一.具体实现流程 仔细分析整个点赞过程可以发现,首先是"爱心"的出现动画,然后是"爱心"以类似气泡的形式向上运动. &quo

  • Android编程实现仿心跳动画效果的方法

    本文实例讲述了Android编程实现仿心跳动画效果的方法.分享给大家供大家参考,具体如下: // 按钮模拟心脏跳动 private void playHeartbeatAnimation() { AnimationSet animationSet = new AnimationSet(true); animationSet.addAnimation(new ScaleAnimation(1.0f, 1.8f, 1.0f, 1.8f, Animation.RELATIVE_TO_SELF, 0.5

  • Android编程实现RotateAnimation设置中心点旋转动画效果

    本文实例讲述了Android编程实现RotateAnimation设置中心点旋转动画效果.分享给大家供大家参考,具体如下: 在xml设置: <?xml version="1.0" encoding="utf-8"?> <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:duration="800" // 设置动画

  • android实现直播点赞飘心动画效果

    前段时间在写直播的时候,需要观众在看直播的时候点赞的效果,在此参照了腾讯大神写的点赞(飘心动画效果).下面是效果图: 1.自定义飘心动画的属性 在attrs.xml 中增加自定义的属性 <!-- 飘心动画自定义的属性 --> <declare-styleable name="HeartLayout"> <attr name="initX" format="dimension"/> <attr name=&

  • Android实现短视频画心效果

    本文实例为大家分享了Android实现短视频画心效果的具体代码,供大家参考,具体内容如下 布局 主布局 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res

  • 微信小程序仿抖音短视频切换效果的实例代码

    一直以为抖音短视频切换假如用小程序做的话应该是比较简单的,直接用swiper实现就好,但在实际写的过程中才发现没那么简单,要控制的逻辑还是挺多的. 还是先看效果 体验路径 自定义组件系列>>仿抖音短视频切换 代码逻辑 直接调用自定义的swiper组件就好 调用代码 js const videoList = [] Page({ data: { videoList, activeId:2, isPlaying:true }, onLoad() { var that = this wx.getSys

  • Android仿微信拍摄短视频

    近期做项目需要添加上传短视频功能,功能设置为类似于微信,点击开始拍摄,设置最长拍摄时间,经过研究最终实现了这个功能,下面就和大家分享一下,希望对你有帮助. 1.视频录制自定义控件: /** * 视频播放控件 */ public class MovieRecorderView extends LinearLayout implements OnErrorListener { private SurfaceView mSurfaceView; private SurfaceHolder mSurfa

  • Android基于TextView属性android:ellipsize实现跑马灯效果的方法

    本文实例讲述了Android基于TextView属性android:ellipsize实现跑马灯效果的方法.分享给大家供大家参考,具体如下: Android系统中TextView实现跑马灯效果,必须具备以下几个条件: 1.android:ellipsize="marquee" 2.TextView必须单行显示,即内容必须超出TextView大小 3.TextView要获得焦点才能滚动 XML代码: android:ellipsize="marquee", andro

  • Android 微信小视频录制功能实现详细介绍

    Android 微信小视频录制功能 开发之前 这几天接触了一下和视频相关的控件, 所以, 继之前的微信摇一摇, 我想到了来实现一下微信小视频录制的功能, 它的功能点比较多, 我每天都抽出点时间来写写, 说实话, 有些东西还是比较费劲, 希望大家认真看看, 说得不对的地方还请大家在评论中指正. 废话不多说, 进入正题. 开发环境 最近刚更新的, 没更新的小伙伴们抓紧了 Android Studio 2.2.2 JDK1.7 API 24 Gradle 2.2.2 相关知识点 视频录制界面 Surf

  • android 仿微信聊天气泡效果实现思路

    微信聊天窗口的信息效果类似iphone上的短信效果,以气泡的形式展现,在Android上,实现这种效果主要用到ListView和BaseAdapter,配合布局以及相关素材,就可以自己做出这个效果,素材可以下一个微信的APK,然后把后缀名改成zip,直接解压,就可以得到微信里面的所有素材了.首先看一下我实现的效果: 以下是工程目录结构: 接下来就是如何实现这个效果的代码: main.xml,这个是主布局文件,显示listview和上下两部分内容. 复制代码 代码如下: <?xml version

  • Android TextView实现垂直滚动效果的方法

    本文实例讲述了Android TextView实现垂直滚动效果的方法.分享给大家供大家参考,具体如下: 在TextView中,如果文本很长,可能需要实现垂直滚动显示文本的效果.这里需要在XML布局文件中为TextView设置如下几个属性. Android:scrollbars="vertical" android:scrollbarStyle="X" 其中X为outsideOverlay或insideOverlay. android:scrollbarFadeDur

  • Android实现短信、微信、微博分享功能

    在纠结了几天的图表功能之后,我开始开发一个新的功能.即分享内容到短信.微信.微博等渠道,对应的我有一个简单的 Task: 在 Toolbar 写分享的按钮 绘制一个 Android 的分享页面 编写短信分享示例 编写社交分享 在这一天,我只完成了前面的三部分. Toolbar 上的分享按钮 在 Toolbar 主要还是靠 ImageView 来绘制右上角的分享按钮: <?xml version="1.0" encoding="utf-8"?> <a

  • Android仿抖音列表效果

    本文实例为大家分享了Android仿抖音列表效果的具体代码,供大家参考,具体内容如下 当下抖音非常火热,是不是也很心动做一个类似的app吗? 那我们就用RecyclerView实现这个功能吧,关于内存的回收利用就交给RecyclerView就好了. 首先我们先说3个和视频播放暂停相关的接口 public interface OnViewPagerListener { /** * 初始化 */ void onInitComplete(View view); /** * 释放 */ void onP

  • Android实现短信验证功能

    本文实例为大家分享了Android实现短信验证功能的具体代码,供大家参考,具体内容如下 目标效果:   点金绑定手机号,输入手机号点击下一步,会收到一条验证码,验证码输入正确则提示验证成功,如果已经验证成功再次验证时,提示已经验证. 1.进入mob.com,注册账号,然后进入控制台,点击中间进入短信验证区. 2.点击左上角创建应用. 3.创建成功会显示应用的密钥,在初始化SDK中使用. 4.然后下载SDK. 5.下载后解压,SMSSDK文件夹中有如图两个项目,打开eclipse以Android项

随机推荐