VideoView匹配家长的高度，并保持宽高比 [英] VideoView to match parent height and keep aspect ratio

问题描述

我有建立这样一个VideoView：

I have a VideoView which is set up like this:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:id="@+id/player" 
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent">

    <VideoView
        android:id="@+id/video"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_centerInParent="true"
        android:layout_centerVertical="true" />

    <ProgressBar
        android:id="@+id/loader"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true" />

</RelativeLayout>

但是VideoView根据加载的影片的宽高比相匹配的父容器的宽度，然后将高度设置。
我想这样做正好相反，我希望VideoView匹配父的高度，同时保持长宽比不变，该视频将被夹在两侧。

But the VideoView matches the width of the parent container, and then the height is set according to the aspect ratio of the loaded movie.
I would like to do just the opposite, I want the VideoView to match the height of the parent while keeping the aspect ratio intact, the video will be clipped on the sides.

我设法拉伸VideoView填补父但随后的宽高比没有保持

I managed to stretch the VideoView to fill the parent but then the aspect ratio is not kept.

另一件事是，我加入的MediaController到VideoView是这样的：

Another thing is, I'm adding MediaController to the VideoView like this:

MediaController controllers = new MediaController(this) {
    @Override
    public void hide() {
        if (state != State.Hidden) {
            this.show();
        }
        else {
            super.hide();
        }
    }
};
controllers.setAnchorView(videoView);
videoView.setMediaController(controllers);

videoView.setOnPreparedListener(new OnPreparedListener() {
    @Override
    public void onPrepared(MediaPlayer mediaPlayer) {
        controllers.show();
    }
});

这个伟大的工程，以及控制器始终保持，但计算在哪里放置视频（因为它的垂直居中），当控制器的高度没有被考虑进去。

This works great, and the controllers always stay on, but the height of the controllers is not being taken into account when calculating where to place the video (since it's vertically centered).

我的两个问题则是：

1. 如何让VideoView符合父母的高度尚保持纵横比？
2. 如何让VideoView考虑到它的高度是控制器？

感谢。

推荐答案

您应该从扩展了内置的视频查看。

You should extends from the built-in video view.

呼叫setVideoSize视频图如图之前，你可以从缩略图从视频中提取得到的视频大小。

Call setVideoSize before video view is shown, you can get video size from thumbnail extracted from video.

因此​​，当视频视图的onMeasure被调用时，既mVideoWidth＆安培; mVideoHeight是> 0。

So that, when video view's onMeasure is called, both mVideoWidth & mVideoHeight are > 0.

如果你想占控制器的高度，你可以在onMeasure方法自己做。

If you want to account the height of controllers, you can do it yourself in the onMeasure method.

希望会有所帮助。

public class MyVideoView extends VideoView {

        private int mVideoWidth;
        private int mVideoHeight;

        public MyVideoView(Context context, AttributeSet attrs) {
            super(context, attrs);
        }

        public MyVideoView(Context context, AttributeSet attrs, int defStyle) {
            super(context, attrs, defStyle);
        }

        public MyVideoView(Context context) {
            super(context);
        }

        public void setVideoSize(int width, int height) {
            mVideoWidth = width;
            mVideoHeight = height;
        }

        @Override
        protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
            // Log.i("@@@", "onMeasure");
            int width = getDefaultSize(mVideoWidth, widthMeasureSpec);
            int height = getDefaultSize(mVideoHeight, heightMeasureSpec);
            if (mVideoWidth > 0 && mVideoHeight > 0) {
                if (mVideoWidth * height > width * mVideoHeight) {
                    // Log.i("@@@", "image too tall, correcting");
                    height = width * mVideoHeight / mVideoWidth;
                } else if (mVideoWidth * height < width * mVideoHeight) {
                    // Log.i("@@@", "image too wide, correcting");
                    width = height * mVideoWidth / mVideoHeight;
                } else {
                    // Log.i("@@@", "aspect ratio is correct: " +
                    // width+"/"+height+"="+
                    // mVideoWidth+"/"+mVideoHeight);
                }
            }
            // Log.i("@@@", "setting size: " + width + 'x' + height);
            setMeasuredDimension(width, height);
        }
}

这篇关于VideoView匹配家长的高度，并保持宽高比的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！