Android视频如何实现圆角效果？

Android视频圆角的实现方法

一、使用CardView实现

1、步骤：将VideoView放在CardView中，通过设置CardView的圆角属性来实现视频圆角。

2、代码示例：

在res/layout/activity_main.xml文件中：

     <androidx.cardview.widget.CardView
         android:id="@+id/videoCard"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_gravity="center"
         android:layout_marginTop="16dp"
         android:layout_marginBottom="16dp"
         app:cardCornerRadius="20dp"
         card_view:cardBackgroundColor="@color/white">
         <VideoView
             android:id="@+id/relativeVideo"
             android:layout_width="match_parent"
             android:layout_height="225dp"
             android:paddingTop="-10dp"
             android:paddingBottom="-10dp" />
     </androidx.cardview.widget.CardView>

在Java代码中，找到VideoView控件，并为其设置视频源：

     VideoView videoView = findViewById(R.id.relativeVideo);
     videoView.setVideoURI(Uri.parse("android.resource://" + getPackageName() + "/" + R.raw.video));
     videoView.start();

3、效果：VideoView控件的背景将呈现圆角的外观，美化了界面。

二、自定义VideoView类实现

1、步骤：创建一个继承自VideoView的自定义类，并在该类中重写onDraw方法来绘制圆角。

2、代码示例：

创建RoundedVideoView类：

     public class RoundedVideoView extends VideoView {
         public RoundedVideoView(Context context) {
             super(context);
         }
         public RoundedVideoView(Context context, AttributeSet attrs) {
             super(context, attrs);
         }
         public RoundedVideoView(Context context, AttributeSet attrs, int defStyleAttr) {
             super(context, attrs, defStyleAttr);
         }
         @Override
         protected void onDraw(Canvas canvas) {
             RectF rect = new RectF(0, 0, getWidth(), getHeight());
             Paint paint = new Paint();
             paint.setAntiAlias(true);
             paint.setColor(Color.WHITE);
             canvas.drawRoundRect(rect, 20, 20, paint);
             super.onDraw(canvas);
         }
     }

在布局文件中使用自定义的RoundedVideoView类：

     <com.example.yourpackage.RoundedVideoView
         android:id="@+id/roundedVideoView"
         android:layout_width="match_parent"
         android:layout_height="wrap_content" />

在Java代码中，为RoundedVideoView设置视频源：

     RoundedVideoView roundedVideoView = findViewById(R.id.roundedVideoView);
     roundedVideoView.setVideoURI(Uri.parse("android.resource://" + getPackageName() + "/" + R.raw.video));
     roundedVideoView.start();

3、效果：VideoView的四个角将变为圆角，且背景透明。

三、使用FrameLayout和背景裁剪实现

1、步骤：将VideoView放在FrameLayout中，为FrameLayout设置圆形背景，并启用裁剪到轮廓。

2、代码示例：

在res/drawable/rounded_video_background.xml文件中定义圆形背景：

     <shape xmlns:android="http://schemas.android.com/apk/res/android"
         android:shape="rectangle">
         <solid android:color="#000000"/>
         <corners android:radius="16dp" />
     </shape>

在res/layout/activity_main.xml文件中：

     <FrameLayout
         android:id="@+id/video_view_container"
         android:layout_width="90dp"
         android:layout_height="120dp"
         android:background="@drawable/rounded_video_background"
         android:outlineProvider="background">
         <VideoView
             android:id="@+id/video_view"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:layout_gravity="center"/>
     </FrameLayout>

在Java代码中，对FrameLayout进行裁剪：

     FrameLayout videoViewContainer = findViewById(R.id.video_view_container);
     videoViewContainer.clipToOutline = true;
     VideoView videoView = findViewById(R.id.video_view);
     videoView.setVideoURI(Uri.parse("android.resource://" + getPackageName() + "/" + R.raw.video));
     videoView.start();

3、效果：VideoView将被裁剪为圆角形状。

相关问题与解答

1、问题：为什么直接将VideoView放在LinearLayout中并设置圆角无法完美工作？

回答：因为LinearLayout本身不支持裁剪到轮廓（clip to outline）的功能，所以直接设置圆角背景可能无法达到预期的效果，而FrameLayout支持裁剪到轮廓，因此可以通过将VideoView放在FrameLayout中并设置背景和裁剪来实现圆角效果。

2、问题：自定义VideoView类实现圆角时，如何调整圆角的半径？

回答：在自定义的RoundedVideoView类的onDraw方法中，可以通过修改canvas.drawRoundRect(rect, radius, radius, paint);这一行的radius参数来调整圆角的半径大小，radius的值越大，圆角越明显；反之，则圆角越不明显，可以根据实际需求进行调整。