如何在 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

如果您希望預覽適合屏幕的寬度，您可能需要測試將FIT_CENTER PreviewView或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. 這篇文章https://groups.google.com/a/android.com/g/camerax-developers/c/6GNMfHIDeAM似乎很有幫助。 它說：

您可以嘗試使用 ViewPort 功能以所見即所得的方式生成相同的裁剪矩形。 在使用 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()
)