如何在 cameraX 预览中设置预览大小？

Question

我正在尝试在纵向模式下创建预览，我希望预览与屏幕一样宽并垂直环绕内容。但是，当我这样做时，我总是得到预览大小 1200x 1200 并且预览被水平拉伸以填满屏幕。

虽然捕获的图像尺寸正确（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"

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 刻度类型。

Answer 2

关于您 In other words I want the preview size to be same as image captured. 的问题这个 post https://groups.google.com/a/android.com/g/camerax-developers/c/6GNMfHIDeAM 似乎很有帮助。它说：

You have a try on the ViewPort feature to produce the same crop rect in a WYSIWYG. While using the CameraXBasic sample code, you can replace the bindToLifeCycle with

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()
)

如何在 cameraX 预览中设置预览大小？

How to set preview size on cameraX preview?

android

android-camerax