如何制作圆形表面视图

Question

我想做一个圆形的表面视图。我找了很多，但找不到好的解决办法。我现在正在做的是，我将SurfaceView放入一个FrameLayout，然后在它上面放置另一个视图，要么使用PNG掩码，要么使用可绘制的形状xml。给你

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <LinearLayout
        android:layout_width="140dp"
        android:layout_height="140dp"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:background="#000"
        android:orientation="vertical"
        android:visibility="visible" >

        <FrameLayout
            android:id="@+id/videorecordview"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="20dp"
            android:layout_weight=".2" >

            <SurfaceView
            android:id="@+id/surfaceView1"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" />
        </FrameLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:background="@drawable/rounded"
        android:orientation="vertical" >
    </LinearLayout>

</RelativeLayout>

但这不是一个好的解决方案，也不是完美的解决方案。我想将surfaceview自定义为圆形。任何帮助都将不胜感激。谢谢：）

Answer 1

实现你所要求的，这是很容易做到的。您只需要使用下一个XML：

<androidx.cardview.widget.CardView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:cardCornerRadius="12dp">
        <SurfaceView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center" />
    </androidx.cardview.widget.CardView>

要使用此CardView，请在build.gradle应用程序上添加此依赖项：

实现'androidx.cardview： cardview： 1.0.0'

Answer 2

无法更改SurfaceView曲面的形状。

SurfaceView包含两部分，曲面和视图。视图零件的工作方式与任何其他视图相同。默认情况下，它只是作为一个透明的“孔”，在布局中创建一个窗口。应用程序将所有视图渲染到单个图层上。

Surface部分是一个单独的层，位于View层后面（除非您显式更改Surface的Z顺序），因此您只能在View层的透明区域中看到它。您可以在View图层上绘制以遮蔽Surface的部分，但不能更改Surface图层本身的形状。层是矩形的。

在许多情况下，一个纹理视图可以用来代替表面视图。纹理视图提供了更大的灵活性，因为它是由应用程序渲染到视图层的，但是效率可能低于SurfaceView。

更多信息可以在Android图形架构文档中找到。

Answer 3

一点小技巧。将曲面视图放在卡片视图中。

<android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/margin_normal" 
        app:cardCornerRadius="10dp"     
        app:cardPreventCornerOverlap="false">

        <SurfaceView
            android:id="@+id/surfaceView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:padding="@dimen/margin_normal" />

    </android.support.v7.widget.CardView>

不要忘记将此添加到gradle文件以使用CardView

compile 'com.android.support:cardview-v7:25.0.1'

还有这两行内卡视图

app:cardCornerRadius="10dp"     
app:cardPreventCornerOverlap="false"

干杯快乐编码