如何在自定义圆形视图中播放YouTube视频

时间:2018-03-23 05:27:16

标签: android view android-custom-view youtube-data-api custom-view

我想在播放时以圆形视图裁剪YouTube视频。我怎样才能做到这一点?我通过将其嵌入线性布局然后将布局的背景制作为圆形来尝试它,但在这种情况下,youtube播放器视图保持矩形形状。

 <LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/circle"
    android:gravity="center"
    >

<com.google.android.youtube.player.YouTubePlayerView
    android:id="@+id/youtube_view"
    android:layout_width="150dp"
    android:layout_height="150dp"
    />
</LinearLayout>

和背景文件

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid
    android:color="#666666"/>
<size
    android:width="200dp"
    android:height="200dp"/>
</shape>

1 个答案:

答案 0 :(得分:1)

首先从链接下面创建一个CircleLayout类。

https://github.com/dmitry-zaitsev/CircleLayout/blob/master/src/ru/biovamp/widget/CircleLayout.java

将此样式添加到您的值中。

<declare-styleable name="CircleLayout">
    <attr name="innerRadius" format="dimension" />
    <attr name="sliceDivider" format="reference|color" />
    <attr name="innerCircle" format="reference|color" />
    <attr name="angleOffset" format="float" />
    <attr name="angleRange" format="float" />
    <attr name="layoutMode">
        <enum name="normal" value="1" />
        <enum name="pie" value="2" />
    </attr>
    <attr name="dividerWidth" format="dimension" />
</declare-styleable>

在您的布局中设置YouTubePlayerView后如下: -

<packageName.CircleLayout
        android:layout_width="300dp"
        android:layout_height="300dp"
        app:layoutMode="pie"
        app:angleOffset="90.0">

        <com.google.android.youtube.player.YouTubePlayerView
            android:id="@+id/youtube_player_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="fitXY" />

    </packageName.CircleLayout>

您的YouTube视图如下图所示: -

enter image description here