相机透明的矩形框

时间:2018-11-26 17:40:27

标签: android android-layout android-camera

我正在使用带有自定义摄像头模块的Android应用程序。自定义摄像头模块的主要目的是在摄像头上添加覆盖物-它应该类似于外部透明边框(请参见第一个随附的图片)。附件中的图片实际上是模糊的,但是我至少需要透明的效果,因为在Android上实现模糊并不容易。

这里的重点是确保“清晰”的可见区域与A4格式相对应,因此高度除以宽度应为√2(应用程序的主要目的是拍摄A4纸)。

desired effect

inverted effect

我已经找到了如何实现“反转”效果的方法-请参见第二张图片。但是我无法确定如何设置所需效果的视图-第一张图片。有人可以分享对这个问题的想法吗?这是代码:

camera.xml:

<LinearLayout         
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="4">

        <FrameLayout
            android:id="@+id/camera_preview"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <View
            android:id="@+id/overlay"
            android:layout_width="316dp"
            android:layout_height="446dp"
            android:layout_centerInParent="true"
            android:background="@drawable/overlay"
            android:duplicateParentState="false" />
    </RelativeLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="15dp"
        android:background="@android:color/black">

        <Button
            android:id="@+id/button_capture"
            android:layout_width="70dp"
            android:layout_height="70dp"
            android:background="@drawable/capture_button"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true" />

        <Button
            android:id="@+id/button_close"
            android:layout_width="56dp"
            android:layout_height="56dp"
            android:layout_centerVertical="true"
            android:layout_marginEnd="50dp"
            android:layout_marginRight="50dp"
            android:layout_toLeftOf="@+id/button_capture"
            android:background="@drawable/close" />
  </RelativeLayout>

</LinearLayout>

overlay.xml:

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/listview_background_shape">
<solid android:color="#88ffffff" />

2 个答案:

答案 0 :(得分:0)

要避免使用复杂的矢量蒙版,只需将id / overlay定义为具有4个半透明矩形的布局即可,它们共享您现在使用的相同可绘制对象:顶部,底部,左侧和右侧。您可以在运行时确定每个矩形的尺寸,但是如果您喜欢智力挑战,则可以将它们定义为ConstraintLayout。

答案 1 :(得分:0)

我找到了一篇与我所需要的有关的文章。我不费吹灰之力就可以在那里调整代码以获得预期的效果:https://blog.budiharso.info/2016/01/09/Create-hole-in-android-view/