如何在Android中制作圆形的Exoplayer PlayerView

时间:2019-01-24 20:50:25

标签: android video background android-mediaplayer exoplayer

嗨,我正在尝试创建一个圆形的视频播放器,并且我正在使用Exoplaye2库。我将PLayerView放入圆形的FrameLayout中,但是不知道如何使PlayerView本身变成圆形。我已经尝试过this,但是它不起作用,我什至创建了rounded_shape_drawable并将其添加到Playeview的背景中,但它不起作用(基本上,为PlayeView设置背景根本不起作用)。

下面是我的简单布局文件:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_gravity="center_horizontal"
    android:layout_marginBottom="25dp"
    android:layout_weight="4"
    android:gravity="center"
    android:orientation="horizontal"
    android:weightSum="1">

    <FrameLayout
        android:id="@+id/player_view_layout"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="0.6"
        android:padding="10dp"
        android:background="@drawable/rounded_video_layout">

        <com.google.android.exoplayer2.ui.PlayerView

            android:id="@+id/exoplayer_player_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:fastforward_increment="@integer/exoplayer_playback_fastforward_increment_ms"
            app:resize_mode="fill"
            app:rewind_increment="@integer/exoplayer_playback_rewind_increment_ms"
            app:show_timeout="@integer/exoplayer_show_control_timeout_ms"
            app:use_artwork="true"
            app:use_controller="false">

        </com.google.android.exoplayer2.ui.PlayerView>

    </FrameLayout>

</LinearLayout>

下面是我当前的输出:

enter image description here

任何帮助将不胜感激

3 个答案:

答案 0 :(得分:0)

在您的FrameLayout上,删除填充,然后在该视图上调用clipToOutline(),例如

player_view_layout.clipToOutline()

默认情况下,视图背景用作视图的轮廓提供程序,因此,如果背景可绘制对象具有圆角,FrameLayout中的所有内容将被裁剪以匹配。

https://developer.android.com/training/material/shadows-clipping

答案 1 :(得分:0)

经过长时间的搜索,我无法仅在xml中制作圆角的PlayerView或ImageView(我认为这是不可能的)。所以我决定用Java来做。下面是代码:

playerView.setOutlineProvider(new ViewOutlineProvider() {
            @Override
            public void getOutline(View view, Outline outline) {
                outline.setRoundRect(0, 0, view.getWidth(), view.getHeight(), 15);
            }
        });

        playerView.setClipToOutline(true);

答案 2 :(得分:0)

也许您可以像这样使用CardView,并且PlayerView surface_type必须是texture_view

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardCornerRadius="8dp"
    app:cardElevation="0dp">

    <com.google.android.exoplayer2.ui.PlayerView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:surface_type="texture_view" 
        app:use_controller="false" />

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