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

时间:2013-03-09 01:23:28

标签: android android-videoview

我希望能够显示一个按钮来启动视频,以视频播放的同一视图为中心(使用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,但这似乎不起作用。

3 个答案:

答案 0 :(得分:11)

好的,这就是我解决这个问题的方法。布局文件非常简单。只需在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);
            }
        }
    });

答案 1 :(得分:1)

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

mFrameLayout.setForegroundDrawable(mPlayDrawable);

会做到这一点,你的布局将更有效(更少的视图)。

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

正确对齐
mFrameLayout.setForegroundGravity(Gravity.XXXX)

答案 2 :(得分:0)

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

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

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