如何在CameraX预览中设置预览尺寸？

Question

我正在尝试创建一个垂直模式的预览，并希望预览的宽度与屏幕一样，并在垂直方向上包裹内容。然而，当我这样做时，我总是得到预览大小为 1200x1200，并且预览被水平拉伸以填充屏幕。

但是捕获的图像大小是正确的（1024x768）。

换句话说，我希望预览大小与捕获的图像大小相同。

任何帮助都将不胜感激。

preview = new Preview.Builder()
            .setTargetAspectRatioCustom(new Rational(3, 4))
            .build();

<androidx.constraintlayout.widget.ConstraintLayout 
    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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.molescope.CameraXActivity">

    <androidx.camera.view.PreviewView
        android:id="@+id/preview_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent" />

    <ImageButton
        android:id="@+id/capture_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        android:layout_marginBottom="@dimen/margin_vertical"/>


</androidx.constraintlayout.widget.ConstraintLayout>

    def camerax_version = "1.0.0-beta03"
    implementation "androidx.camera:camera-core:${camerax_version}"
    implementation "androidx.camera:camera-camera2:${camerax_version}"
    implementation "androidx.camera:camera-lifecycle:${camerax_version}"
    implementation "androidx.camera:camera-view:1.0.0-alpha10"
    implementation "androidx.camera:camera-extensions:1.0.0-alpha10"

- Amrit

---

请检查此链接：https://stackoverflow.com/a/77095403/13850091 - undefined

Answer 1

如果您希望预览适应屏幕宽度，您可能需要测试将PreviewView的比例类型设置为FIT_CENTER（或者FIT_START或FIT_END，具体取决于您在屏幕上布局预览的方式）。

您可以通过编程方式设置比例类型:

previewView.setScaleType(PreviewView.ScaleType.FIT_CENTER);

或者在布局文件中：

<androidx.camera.view.PreviewView
   ...
   android:scaleType="fitCenter" />

FIT_* 会自适应预览视图的宽高来匹配PreviewView容器的宽高（如果容器和预览分辨率具有相同的宽高比，则两者都匹配）。哪个维度被匹配取决于几个因素，包括预览分辨率、设备的自然方向和显示器的当前方向。因此，在某些情况下，这种方法可能不起作用，有时预览将填充其容器的宽度，而在其他情况下，它将填充容器的高度。

如果您关注的是显示预览的纵横比，则解决问题的另一种方法是设置 PreviewView 的纵横比（在您的情况下，我假设它为4x3），并将 PreviewView 设置为使用 FIT_CENTER 缩放类型。

- Husayn Hakeem

---

设置预览视图的纵横比解决了我的问题。谢谢。 - Amrit

你是否使用setTargetAspectRatio(AspectRatio.RATIO_4_3)来使预览全屏？ - Mohamed Ben Romdhane

我必须使用 app:scaleType="fitCenter" 替代 android:scaleType="fitCenter"。 - CragMonkey

在新版本中，您可以使用自定义比例的ViewPort :) - hkh114

Answer 2

关于您的问题：换句话说，我希望预览大小与拍摄的图像相同。 这篇文章 https://groups.google.com/a/android.com/g/camerax-developers/c/6GNMfHIDeAM 看起来非常有帮助。它说：

您可以尝试使用ViewPort功能以产生WYSIWYG中的相同裁剪矩形。 在使用CameraXBasic示例代码时，您可以将bindToLifeCycle替换为

val viewPort: ViewPort = ViewPort.Builder(
Rational(
viewFinder.width,
viewFinder.height
),
viewFinder.display.rotation
).setScaleType(ViewPort.FILL_CENTER).build()

val useCaseGroupBuilder: UseCaseGroup.Builder = UseCaseGroup.Builder().setViewPort(
viewPort
)

useCaseGroupBuilder.addUseCase(preview!!)
useCaseGroupBuilder.addUseCase(imageCapture!!)
useCaseGroupBuilder.addUseCase(imageAnalyzer!!)

camera = cameraProvider.bindToLifecycle(
this, cameraSelector,
useCaseGroupBuilder.build()
)

- ch271828n