SurfaceView作为底层，控件平移后，被遮挡的解决办法

最新推荐文章于 2024-03-23 05:03:58 发布
最新推荐文章于 2024-03-23 05:03:58 发布
阅读量4.5k 收藏 5
点赞数 12
分类专栏： Android 文章标签： SurfaceView遮挡 动画 控件移动 被遮挡bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27454233/article/details/86702237
版权

最近在做视频录像的一个小功能，功能不多，就录像，保存，取消。界面类似微信那样。

界面是这样的，额，因为UI没给我图，右上角是切换摄像头，指纹那里是长按录像。松开录制结束，会出现两个按钮，位置和录像按钮一样，然后动画平移至两边，再把录像隐藏

        

在界面上就类似这种效果，动画也比较简单。上界面代码，代码都比较简单，可以跳过

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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="com.envcloud.zhuhui.avoid.flood.ui.activity.RecordVideoActivity">

    <SurfaceView
        android:id="@+id/surface_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <ImageView
        android:id="@+id/iv_camera_change"
        android:layout_width="27dp"
        android:layout_height="27dp"
        android:padding="1dp"
        android:layout_marginEnd="16dp"
        android:layout_marginTop="32dp"
        android:scaleType="fitCenter"
        android:src="@drawable/ic_refresh"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/iv_back"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@drawable/circle_green"
        android:layout_marginBottom="24dp"
        android:gravity="center"
        android:textSize="16sp"
        android:visibility="gone"
        android:textColor="@color/white"
        android:text="返回"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

    <TextView
        android:id="@+id/iv_save"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_marginBottom="24dp"
        android:visibility="gone"
        android:gravity="center"
        android:textSize="16sp"
        android:textColor="@color/white"
        android:text="保存"
        android:background="@drawable/circle_purple"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

    <ImageView
        android:id="@+id/iv_record"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:src="@drawable/ic_fingerprint"
        android:layout_marginBottom="24dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

    <ImageView
        android:id="@+id/iv_finish"
        android:layout_width="25dp"
        android:layout_height="16dp"
        android:src="@drawable/ic_arrow_down"
        app:layout_constraintTop_toTopOf="@+id/iv_record"
        app:layout_constraintBottom_toBottomOf="@+id/iv_record"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/iv_record"/>

</android.support.constraint.ConstraintLayout>

后面应该是图片替换文字，所以取名先是iv_xxx了，不影响，iv_finish是一个结束当前activity，iv_back是不保存视频，重新拍摄，其他控件意思应该没什么问题。动画部分的代码：

private void initAnimator() {
        showSave = new AnimatorSet();
        ObjectAnimator backA = ObjectAnimator.ofFloat(ivBack, "translationX",
                0, -150);
        ObjectAnimator saveA = ObjectAnimator.ofFloat(ivSave, "translationX",
                0, 150);
        showSave.play(backA).with(saveA);
        showSave.setDuration(600);
        showSave.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                super.onAnimationEnd(animation);
                playing = false;
            }

            @Override
            public void onAnimationStart(Animator animation) {
                super.onAnimationStart(animation);
                playing = true;//动画未完成不允许点击事件
            }
        });

        showRecord = new AnimatorSet();
        ObjectAnimator backB = ObjectAnimator.ofFloat(ivBack, "translationX",
                -150, 0);
        ObjectAnimator saveB = ObjectAnimator.ofFloat(ivSave, "translationX",
                150, 0);
        showRecord.play(backB).with(saveB);
        showRecord.setDuration(600);
        showRecord.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                super.onAnimationEnd(animation);
                playing = false;
                visible(true);
            }

            @Override
            public void onAnimationStart(Animator animation) {
                super.onAnimationStart(animation);
                playing = true;//动画未完成不允许点击事件
            }
        });
    }

然后visible(boolean bool)是在动画开始前和结束后，控件的显示，比方保存和返回在要录像和录像中开始是GONE，录像结束录像按钮和转换摄像头是GONE，一个动画是在录制完成的时候showSave.start();一个是在点了返回后showRecord.start();

结果最后的显示效果是，用uc转gif是真的模糊，将就着看吧：

我懵逼了，这咋回事啊，为什么会显示一部份，像被遮挡了一样，检查了下代码，没东西遮住他，代码位置也是在SurfaceView下面，而且显示的这一部分刚好和录像按钮区域一致。原理没深究，我猜是（我猜的，看看就好，不要把这个作为理解，或者作为依据，这个还是需要看源码的）SurfaceView在实时绘制的时候，除了一开始在屏幕上显示，初始化的控件，会为他们留一片区域，位于SurfaceView的上方，其他区域都是在界面最上层。而那两个按钮，开始是设置成GONE的，界面初始化的时候在屏幕中没有被绘制，因此没有区域为他们预留。解决方法：将一个充满屏幕宽度的，高和按钮一样的，背景是透明的View，放置在按钮那个位置，让SurfaceView在实时绘制的时候，总是留一片区域在下层。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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="com.envcloud.zhuhui.avoid.flood.ui.activity.RecordVideoActivity">

    <SurfaceView
        android:id="@+id/surface_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <ImageView
        android:id="@+id/iv_camera_change"
        android:layout_width="27dp"
        android:layout_height="27dp"
        android:padding="1dp"
        android:layout_marginEnd="16dp"
        android:layout_marginTop="32dp"
        android:scaleType="fitCenter"
        android:src="@drawable/ic_refresh"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <View
        android:layout_width="match_parent"
        android:layout_height="70dp"
        app:layout_constraintTop_toTopOf="@+id/iv_record"
        app:layout_constraintBottom_toBottomOf="@+id/iv_record"/>

    <TextView
        android:id="@+id/iv_back"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:background="@drawable/circle_green"
        android:layout_marginBottom="24dp"
        android:gravity="center"
        android:textSize="16sp"
        android:visibility="gone"
        android:textColor="@color/white"
        android:text="返回"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

    <TextView
        android:id="@+id/iv_save"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_marginBottom="24dp"
        android:visibility="gone"
        android:gravity="center"
        android:textSize="16sp"
        android:textColor="@color/white"
        android:text="保存"
        android:background="@drawable/circle_purple"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

    <ImageView
        android:id="@+id/iv_record"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:src="@drawable/ic_fingerprint"
        android:layout_marginBottom="24dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

    <ImageView
        android:id="@+id/iv_finish"
        android:layout_width="25dp"
        android:layout_height="16dp"
        android:src="@drawable/ic_arrow_down"
        app:layout_constraintTop_toTopOf="@+id/iv_record"
        app:layout_constraintBottom_toBottomOf="@+id/iv_record"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/iv_record"/>

</android.support.constraint.ConstraintLayout>

java代码不需要改任何东西，上效果图：

酱酱，居然成功了。点击也是完美，没有冲突什么的！

咳咳涯
关注
  • 12
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
surfaceviewbackground:SurfaceView播放视频作为背景(仿Keep效果)
05-24
surfaceviewbackground SurfaceView播放视频作为背景(仿Keep效果)
在surfaceview上放置控件
11-22
在surfaceview上放置控件如按钮等，采用framelayout
surfaceview遮挡了上面的控件显示的解决方法
最新发布
weixin_38906715的博客
03-23 322
setZOrderOnTop（true）之后调用 setZOrderMediaOverlay(true)就可以了覆盖在surfaceview就会显示出来了 ，点击事件也同样的响应。最近在项目中使用到surfaceview做视频的实时流，遇到一个很奇葩的效果 ，在使用surfaceview因为surfaceview是双缓存机制，所以他需要设置。遇到这样的情况的解决办法是在surfaceview调用。这个是在surfaceview里面找到的源码。让他显示在所依赖的窗口的最顶层才能更好的显示。
解决SurfaceView设置透明造成覆盖其他组件的替代方案
07-25
解决SurfaceView设置透明造成覆盖其他组件的替代方案，同时也实现了圆盘的功能
Android中SurfaceView使用详解
热门推荐
gongwq的博客
04-03 6万+
1.什么是SurfaceView？     Surface意为表层、表面，顾名思义SurfaceView就是指一个在表层的View对象。为什么说是在表层呢，这是因为它有点特殊跟其他View不一样，其他View是绘制在“表层”的上面，而它就是充当“表层”本身。SDK的文档 说到：SurfaceView就是在窗口上挖一个洞，它就是显示在这个洞里，其他的View是显示在窗口上，所以View可以显式
SurfaceView和TextureView的使用以及区别
senlin175的博客
02-20 5640
SurfaceView和TextureView的使用以及区别 一 、 什么时候使用SurfaceView 我们平时学习自定义view的过程中会发现自定义的View可以满足大部分的绘图需求,但是当我们需要绘制的内容多且复杂(或者需要频繁刷新)时,View就有些难堪重任了,这时候就需要使用到android 为我们提供的SurfaceView了 二 、 SurfaceView相对于自定义View的优势 View在主线程更新UI,SurefaceView在子线程更新UI View更适用于较为简单耗时短的绘图,Su
解决SurfaceView调用setZOrderOnTop(true)遮挡其他控件的问题
zoe技术博客专栏
05-25 1万+
1、SurfaceView遮挡其他控件的项目背景： 由于要实现视频、地图大小窗口切换功能，所以在布局里同时使用了MapView和SurfaceView，textview、imageview、自定义控件各种按钮控件。在这种背景下，问题出现了，如果用相关开发基础的同学应该知道，当MapView和SurfaceView同时在一个布局里面，如果想让SurfaveView显示图片或者视频必须要调用Surf
【转载】解决SurfaceView调用setZOrderOnTop(true)遮挡其他控件的问题
分享技术与经验的博客
04-14 1905
SurfaceView遮挡其他控件的项目背景： 最近在做播放器项目，由于底层实现是用Surface和OpenGL切换渲染，所以在布局里面同时使用了GLSurfaceView和SurfaceView，同时播放控制按钮是自定义的，也没有使用Android自己提供的MediaCtroller控件。在这种背景下，问题出现了，如果有相关开发基础的同学应该知道，当SurfaceView和GLSurfaceView同时在一个布局里面，如果想让SurfaveView显示图片或者视频必须要调用Surf...
View被其它View遮挡显示出来
这个杀手不太累的博客
07-14 3490
在写布局文件的时候，有的View会放在其它View的上层，通常情况下显示底层View可以让上层的View隐藏，有没有方法不让上层View隐藏而让底层View显示呢？ 这里有一个方法可以做到bringToFront，这里看下效果，在布局文件中写了两个TextView，其中一个遮挡住下面的TextView &amp;amp;lt;?xml version=&amp;quot;1.0&amp;quot; encoding=&amp;quot;utf-8&a
Android - 解决软件弹窗遮盖View的问题
QY'UniverseSpace的博客
04-23 360
页面实现接口 implements IkeyBoardCallback，详细资料见结尾注记。 初始化： @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_xx); getWindow().setSoftInputMode(WindowManager.LayoutP
Android SurfaceView添加组件view不被组件覆盖.zip
07-10
Android开发中，如何实现SurfaceView添加组件view不被组件覆盖。  
SurfaceView实现红包雨平移动画
08-27
主要为大家详细介绍了SurfaceView实现红包雨平移动画，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android截屏SurfaceView黑屏问题的解决办法
08-30
主要为大家详细介绍了Android截屏SurfaceView黑屏问题的解决办法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
surfaceView控件资料
08-30
做MP4或3gp开发可用，surfaceView android控件 安卓控件 可用来支持MP4播放，很实用的MP4播放，需要去找一些资料放到SD卡的对应路径位置即可
Android：LiveData postValue导致数据丢失问题，及其原因
qq_27454233的博客
08-10 8425
关于这个问题，网上很多，有一篇文章还详细列举了几种情况，写的非常直观：https://www.jianshu.com/p/aa24dd9123a1 我碰到的实际情况是： 使用阿里RTC实时音视频服务，我把音视频操作和回调都写在了ViewModel中，在同一房间内，已经有人的情况下，在自己加入房间时，会触发阿里SDK事件通知回调onRemoteUserOnLineNotify，告诉我当前房间存在的人，然后我通过LiveData.postValue通知到UI有人加入，我在recyclerView的adapt
android:bug Fragment not attached to Activity ，fragment not attached to a context.
qq_27454233的博客
03-01 8354
网上说是activity重建的时候，假如fragment还在使用诸如context，就会出现这个问题，比如说突然横屏，fragment里面正在访问网络接口，使用了 new ProgressDialog(context, R.style.waitting_dialog);来进行等待，就会崩溃，Fragment not attached to a context。可以在fragment内部，使用is...
Android：IOException read fail：EBADF (Bad file descriptor)
qq_27454233的博客
12-07 6389
写这篇博客主要想记录一下这个问题，我觉得大家应该都不会碰到。 在我之前的一篇文章Android Q：上传图片java.io.FileNotFoundException: open failed: EACCES (Permission denied)中有说到，新安卓版本下，使用公共文件资源不能够File file = new File(path)了，需要使用FD，也就是FileDescriptor。现在，我这边碰到了一个非常非常奇葩的问题，就如标题所示： IOException read fail：EB.
All children of ConstraintLayout must have ids to use ConstraintSet
qq_27454233的博客
11-16 5892
使用ConstraintSet时，所有ConstraintLayout内的控件都必须有ID，记住，是所有的，动态生成ConstraintLayout子View的时候，出现了这个错误，一开始给动态添加的View设置ID：view,setId，还是报了这个错误，使用了ConstraintSet.clone(ConstraintLayout constraintLayout) 。 打开Constra...
android 实现 surfaceview 缩放 平移
06-10
要实现SurfaceView的缩放和平移，可以通过以下步骤进行操作： 1. 创建一个SurfaceView并设置好SurfaceHolder.Callback回调函数。 2. 在SurfaceHolder.Callback的surfaceCreated()方法中，获取SurfaceView的宽度和高度，并创建一个Bitmap对象来存储SurfaceView的内容。 3. 在SurfaceHolder.Callback的surfaceChanged()方法中，根据SurfaceView的宽度和高度，将Bitmap对象的大小设置为SurfaceView的大小。 4. 在SurfaceHolder.Callback的surfaceDestroyed()方法中，释放Bitmap对象的内存空间。 5. 在SurfaceView的onTouchEvent()方法中，实现手势缩放和平移，并调用draw()方法重新绘制SurfaceView。 6. 在SurfaceView的draw()方法中，将Bitmap对象绘制在SurfaceView上。 下面是一个简单的示例代码： ``` public class MySurfaceView extends SurfaceView implements SurfaceHolder.Callback { private SurfaceHolder mHolder; private Bitmap mBitmap; private Canvas mCanvas; private float mScale = 1.0f; private float mTranslateX = 0.0f; private float mTranslateY = 0.0f; private float mLastX; private float mLastY; public MySurfaceView(Context context) { super(context); mHolder = getHolder(); mHolder.addCallback(this); } @Override public void surfaceCreated(SurfaceHolder holder) { mBitmap = Bitmap.createBitmap(getWidth(), getHeight(), Bitmap.Config.ARGB_8888); mCanvas = new Canvas(mBitmap); } @Override public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) { mBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888); mCanvas = new Canvas(mBitmap); } @Override public void surfaceDestroyed(SurfaceHolder holder) { mBitmap.recycle(); } @Override public boolean onTouchEvent(MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_DOWN: mLastX = event.getX(); mLastY = event.getY(); break; case MotionEvent.ACTION_MOVE: float deltaX = event.getX() - mLastX; float deltaY = event.getY() - mLastY; mTranslateX += deltaX; mTranslateY += deltaY; mLastX = event.getX(); mLastY = event.getY(); break; case MotionEvent.ACTION_POINTER_DOWN: if (event.getPointerCount() == 2) { float distance = distance(event); mScale = distance / distance(event.getX(0), event.getY(0), event.getX(1), event.getY(1)); } break; case MotionEvent.ACTION_POINTER_UP: if (event.getPointerCount() == 2) { mScale = 1.0f; } break; } draw(); return true; } private void draw() { Canvas canvas = mHolder.lockCanvas(); if (canvas != null) { canvas.drawColor(Color.WHITE); canvas.drawBitmap(mBitmap, mTranslateX, mTranslateY, null); mHolder.unlockCanvasAndPost(canvas); } } private float distance(MotionEvent event) { return distance(event.getX(0), event.getY(0), event.getX(1), event.getY(1)); } private float distance(float x1, float y1, float x2, float y2) { float deltaX = x2 - x1; float deltaY = y2 - y1; return (float) Math.sqrt(deltaX * deltaX + deltaY * deltaY); } } ``` 在上面的代码中，我们实现了手势缩放和平移功能，并在draw()方法中将Bitmap对象绘制在SurfaceView上。在onTouchEvent()方法中，我们检测到手势事件后，更新缩放和平移的参数，并调用draw()方法重新绘制SurfaceView。注意，我们使用lockCanvas()方法获取Canvas对象来绘制SurfaceView的内容，使用unlockCanvasAndPost()方法将Canvas对象提交到SurfaceView上显示。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值