Android CamView相机预览无法填充屏幕宽度问题求助

看起来你遇到的问题很常见，主要是相机预览的比例适配和布局层级的问题，我帮你梳理几个可行的解决方案：

1. 先修正DrawerLayout的布局结构 #

你的当前布局里，ScannerLiveView和app_bar_main都是DrawerLayout的直接子View，这不符合DrawerLayout的使用规范——它要求第一个子元素是主内容容器，侧边栏（NavigationView）放在后面。这种结构可能导致预览视图的布局计算异常，先调整布局：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

    <!-- 主内容容器：将预览和工具栏放在这里，保证层级正确 -->
    <android.support.constraint.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <!-- 相机预览放在最底层，充满整个容器 -->
        <eu.livotov.labs.android.camview.ScannerLiveView
            android:id="@+id/camview"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            <!-- 添加缩放模式属性，强制填充屏幕 -->
            app:cv_scaleMode="fill" />

        <!-- 顶部工具栏覆盖在预览上方 -->
        <include
            layout="@layout/app_bar_main"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

    </android.support.constraint.ConstraintLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer" />

</android.support.v4.widget.DrawerLayout>

2. 调整CamView的缩放模式 #

如果上面的xml属性cv_scaleMode不生效，就在代码里手动设置（比如在MainActivity的onCreate方法中）：

ScannerLiveView camView = findViewById(R.id.camview);
// 两种模式可选：
// SCALE_FILL：拉伸/压缩预览以填满整个视图，消除白边（可能轻微变形）
camView.setScaleMode(ScannerLiveView.ScaleMode.SCALE_FILL);
// 或者用SCALE_CROP：保持预览比例，裁剪多余部分，也不会有白边
// camView.setScaleMode(ScannerLiveView.ScaleMode.SCALE_CROP);

这个是核心问题：CamView默认会保持相机预览的原始比例，当屏幕比例和相机支持的预览比例不一致时，就会自动出现两侧白边。通过设置缩放模式，可以强制让预览填充整个视图区域。

3. 手动匹配屏幕比例的预览尺寸（进阶） #

如果上面的方法还是有白边，可能是相机默认选择的预览尺寸和屏幕比例差距太大，可以手动指定最匹配的预览尺寸：

camView.setPreviewSizeSelector(new PreviewSizeSelector() {
    @Override
    public Size selectOptimalPreviewSize(List<Size> availableSizes, int surfaceWidth, int surfaceHeight) {
        float targetRatio = (float) surfaceWidth / surfaceHeight;
        Size optimalSize = null;
        float minRatioDiff = Float.MAX_VALUE;

        // 遍历所有可用预览尺寸，找到和屏幕比例最接近的
        for (Size size : availableSizes) {
            float sizeRatio = (float) size.getWidth() / size.getHeight();
            float diff = Math.abs(sizeRatio - targetRatio);
            if (diff < minRatioDiff) {
                minRatioDiff = diff;
                optimalSize = size;
            }
        }

        // 如果没找到，直接选最大的尺寸
        if (optimalSize == null) {
            optimalSize = Collections.max(availableSizes, Comparator.comparingLong(s -> (long) s.getWidth() * s.getHeight()));
        }

        return optimalSize;
    }
});

4. 检查app_bar_main的布局 #

最后，确认app_bar_main.xml里有没有设置不必要的padding或margin，或者主内容区域有白色背景，导致看起来像是预览有白边。如果有的话，把对应的padding去掉，或者设置透明背景。

先从第一步和第二步开始试，这两个是最可能解决问题的方案，应该能快速消除白边～

内容的提问来源于stack exchange，提问作者BreadBored