###
Android VideoView 横屏播放时控制栏
显示异常的解决方案
在
Android 开发中，使用 `
VideoView` 进行
视频播放时，在横屏模式下可能会遇到控制栏（`MediaController`）
显示异常的问题。这种问题通常表现为控制栏的位置错乱、无法点击或界面
不协调。要解决这个问题，需要从以下几个方面入手：
#### 1. 动态调整
VideoView 的布局参数
在横屏模式下，`
VideoView` 的
宽高比例需要适配屏幕，通常将其
宽度设置为 `match_parent`，
高度设置为 `wrap_content` 或根据屏幕比例动态计算。通过在代码中动态修改 `
VideoView` 的 `LayoutParams`，可以确保其在横屏下
正确显示，避免拉伸或黑边问题 [^3]。
```java
ViewGroup.LayoutParams params =
videoView.getLayoutParams();
params.width = ViewGroup.LayoutParams.MATCH_PARENT;
params.height = (int) (getResources().getDisplayMetrics().widthPixels * 0.5625); // 16:9 比例
videoView.setLayoutParams(params);
```
#### 2. 自定义 MediaController
系统自带的 `MediaController` 在横屏模式下可能无法
正确适配 UI，因此建议使用自定义的控制栏。自定义控制器可以
完全掌控其布局和交互逻辑，确保其在
不同屏幕方向下都能正常
显示和操作。
```java
public class CustomMediaController extends MediaController {
public CustomMediaController(Context context) {
super(context);
}
@Override
public void setLayoutParams(ViewGroup.LayoutParams params) {
// 自定义布局逻辑
params.width = ViewGroup.LayoutParams.MATCH_PARENT;
params.height = ViewGroup.LayoutParams.WRAP_CONTENT;
super.setLayoutParams(params);
}
}
```
#### 3. 横竖屏切换时更新控制栏
在 `onConfigurationChanged` 方法中检测当前屏幕方向，动态更新 `
VideoView` 和 `MediaController` 的布局和
显示逻辑。确保在横屏模式下控制栏始终位于屏幕底部，并且按钮大小和间距适配横屏 UI。
```java
@Override
public void onConfigurationChanged(@NonNull Configuration newConfig) {
super.onConfigurationChanged(newConfig);
if (newConfig.orientation == Configuration.ORIENTATION_LANDSCAPE) {
// 横屏处理
mediaController.setAnchorView(findViewById(R.id.rl_vv));
} else {
// 竖屏处理
mediaController.setAnchorView(findViewById(R.id.rl_vv));
}
}
```
#### 4.
AndroidManifest.xml 中配置 configChanges
为了防止 Activity 在横竖屏切换时重建，可以在 `
AndroidManifest.xml` 中配置 `configChanges` 属性，避免因 Activity 重启导致的播放中断或 UI 重置问题 [^2]。
```xml
<activity
android:name=".VideoActivity"
android:configChanges="keyboard|orientation|screenSize"
android:screenOrientation="portrait" />
```
#### 5. 使用外层容器包裹
VideoView
为 `
VideoView` 添加一个外层容器（如 `RelativeLayout`），在横屏切换时通过调整该容器的尺寸和布局参数，确保 `
VideoView` 和 `MediaController` 的
显示区域
正确适配 [^2]。
```xml
<RelativeLayout
android:id="@+id/rl_vv"
android:layout_width="match_parent"
android:layout_height="200dp"
android:background="@
android:color/black"
android:minHeight="200dp"
android:visibility="visible">
<
VideoView
android:id="@+id/vv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerInParent="true" />
</RelativeLayout>
```
---
###
博客提及在Android开发中存在一种写法，且表示应该还有其他办法，但未详细说明该写法具体内容。
扫一扫
9607
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
