在Android中的VideoView上显示和隐藏播放按钮

Question

我希望能够显示一个按钮来启动视频，以视频播放的同一视图为中心（使用VideoView）。我也希望按钮在单击后消失，因为我在视频启动后使用MediaController类执行暂停，倒带，快进动作。

我该怎么做？

这是我到目前为止的布局：

<LinearLayout 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"
  android:orientation="vertical">

<FrameLayout
  android:id="@+id/video_frame"
  android:layout_width="fill_parent"
  android:layout_height="480px"
  android:background="#000"
  >

  <VideoView
    android:id="@+id/video_view"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    />

</FrameLayout>

我已尝试以编程方式将ImageButton添加到FrameLayout，但这似乎不起作用。

Answer 1

好的，这就是我解决这个问题的方法。布局文件非常简单。只需在VideoView元素之后添加一个ImageButton ：

<LinearLayout 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"
  android:orientation="vertical">

<FrameLayout
  android:id="@+id/video_frame"
  android:layout_width="fill_parent"
  android:layout_height="480px"
  android:background="#000"
  >

  <VideoView
    android:id="@+id/video_view"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    />

  <ImageButton
    android:id="@+id/play_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical|center_horizontal"
    android:src="@drawable/ic_launcher"
    />

</FrameLayout>

FrameLayout视图元素按照您在布局中定义它们的顺序将其子元素层叠在一起。因此，布局中添加的最后一个元素将被绘制在顶部。请注意，ImageButton具有以下属性：

android:layout_gravity="center_vertical|center_horizontal"

此属性将ImageButton集中在FrameLayout中。

下一个技巧是让ImageButton在点击后消失。使用ImageButton上的setVisibility（）方法执行此操作：

    // Setup a play button to start the video
    mPlayButton = (ImageButton) findViewById(R.id.play_button);
    mPlayButton.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View v) {
            if (mPlayer.isPlaying()) {
                resetPlayer();
            } else {
                playVideo(videoUrl, mVideoView.getHolder());
                // show the media controls
                mController.show();
                // hide button once playback starts
                mPlayButton.setVisibility(View.GONE);
            }
        }
    });

Answer 2

FrameLayout的一个鲜为人知的特征叫做 Foreground Drawable 。您可以指定将在所有FrameLayout子项的顶部上呈现的drawable。所以：

mFrameLayout.setForegroundDrawable(mPlayDrawable);

会做到这一点，你的布局将更有效（更少的视图）。

您可以使用重力常数将drawable与

正确对齐

mFrameLayout.setForegroundGravity(Gravity.XXXX)

Answer 3

不要使用按钮，而是尝试制作FrameLayout Clickable。

或者，您可以在FrameLayout下面放置一个Button，并在onClick事件处理程序中将View的可见性设置为GONE。

编辑：或尝试这样的事情：https://stackoverflow.com/a/7511535/826731