android - CWAC-相机预览和图片不匹配

Question

我正在尝试将我的应用程序中的图片预览设置为正方形，并使生成的图片与预览完全匹配。但是，图片和预览结果如下面的屏幕截图所示。

预览截图

图片截图

屏幕截图来自运行 Android 5.0 的 Nexus 5。我还在运行 4.4.2 的 Samsung S3 上进行了测试，看起来，虽然使用 Nexus，图片捕获的图片比预览的多，但在 S3 上，图片似乎只是从预览。如果需要，我可以发布 S3 中的图片。

这是我的代码:

public class MainActivity extends Activity  {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    if (savedInstanceState == null) {
        getFragmentManager().beginTransaction()
                .add(R.id.container, new PlaceholderFragment())
                .commit();
    }
}


@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.menu_main, menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    // Handle action bar item clicks here. The action bar will
    // automatically handle clicks on the Home/Up button, so long
    // as you specify a parent activity in AndroidManifest.xml.
    int id = item.getItemId();

    //noinspection SimplifiableIfStatement
    if (id == R.id.action_settings) {
        return true;
    }

    return super.onOptionsItemSelected(item);
}

/**
 * A placeholder fragment containing a simple view.
 */
public static class PlaceholderFragment extends CameraFragment {

    private FrameLayout cameraPreviewLayout;
    private Camera camera;

    @Override
    public void onCreate(Bundle state) {
        super.onCreate(state);

        SimpleCameraHost.Builder builder=
                new SimpleCameraHost.Builder(new TestCameraHost(getActivity()));

        setHost(builder.useFullBleedPreview(true).build());
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View cameraView=
                super.onCreateView(inflater, container, savedInstanceState);
        View rootView = inflater.inflate(R.layout.fragment_main, container, false);

        cameraPreviewLayout = ((FrameLayout)rootView.findViewById(R.id.camera_layout));
        cameraPreviewLayout.addView(cameraView);

        ImageButton changeLayout = (ImageButton) rootView.findViewById(R.id.pick_existing);
        changeLayout.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

            }
        });

        Button takePicture = (Button) rootView.findViewById(R.id.shutter_button);
        takePicture.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                PictureTransaction xact = new PictureTransaction(getHost());
                takePicture(xact);
            }
        });

        return(rootView);
    }

    @Override
    public void onResume() {
        // Get the window width to make the camera preview window square
        DisplayMetrics metrics = new DisplayMetrics();
        getActivity().getWindowManager().getDefaultDisplay().getMetrics(metrics);
        final int windowWidth = metrics.widthPixels;
        cameraPreviewLayout.post(new Runnable() {
            @Override
            public void run() {
                ViewGroup.LayoutParams params = cameraPreviewLayout.getLayoutParams();
                params.height = windowWidth;
                cameraPreviewLayout.setLayoutParams(params);
            }
        });

        super.onResume();
    }

    @Override
    public void onPause() {
        if (camera != null) {
            camera.release();
        }
        super.onPause();
    }

    private class TestCameraHost extends SimpleCameraHost {
        public TestCameraHost(Context context) {
            super(context);
        }

        @Override
        public void saveImage(PictureTransaction xact, byte[] image) {

            DisplayActivity.imageToShow = image;
            DisplayActivity.x = (int) cameraPreviewLayout.getX();
            DisplayActivity.y = (int) cameraPreviewLayout.getY();
            DisplayActivity.height = (int) cameraPreviewLayout.getHeight();
            DisplayActivity.width = (int) cameraPreviewLayout.getWidth();
            startActivity(new Intent(getActivity(), DisplayActivity.class));

        }
    }
}

public class DisplayActivity extends Activity {
static byte[] imageToShow=null;
static int x = 0;
static int y = 0;
static int width = 0;
static int height = 0;

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    if (imageToShow == null) {
        Toast.makeText(this, "no image!", Toast.LENGTH_LONG).show();
        finish();
    }
    else {
        ImageView iv=new ImageView(this);
        BitmapFactory.Options opts=new BitmapFactory.Options();

        opts.inPurgeable=true;
        opts.inInputShareable=true;
        opts.inMutable=false;
        opts.inSampleSize=2;

        Bitmap bitmap = BitmapFactory.decodeByteArray(imageToShow,
                0, imageToShow.length, opts);
        Bitmap croppedBitmap = Bitmap.createBitmap(bitmap, x, y, width, height);

        iv.setImageBitmap(croppedBitmap);
        imageToShow=null;

        iv.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
        setContentView(iv);
    }
}

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity$PlaceholderFragment">

<FrameLayout
    android:id="@+id/camera_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

<RelativeLayout
    android:id="@+id/footer"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:padding="16dp"
    android:background="#ffffff">

    <ImageButton
        android:id="@+id/pick_existing"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:src="@drawable/ic_launcher"/>

    <Button
        android:id="@+id/shutter_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="Take picture"/>

    <ToggleButton
        android:id="@+id/flash_toggle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:padding="20dp"
        android:layout_centerVertical="true"
        android:textOff=""
        android:textOn=""/>

    </RelativeLayout>
</RelativeLayout>

我尝试过使用 adjustPreviewParameters，但似乎没有任何选项可以让我将预览设置为方形。

我可以做我想做的事吗？

Answer 1

1. 在 getPreviewSize() 中必须选择提供的比例之一，而不是 1:1。我会寻找 4:3 的镜头，这样可以提供最宽的相机视野。

2. 在 getPictureSize() 中必须选择与您的预览尺寸相同比例的分辨率之一。否则，输出结果可能会完全不同。

3. 使用 FrameLayout 或 RelativeLayout 这样您就可以拥有两层:底层是 CameraView，上层将有一个方形的透明 View ，剩下的是“阻挡”区域。如果您将“ block View ”设置为半透明颜色，您就会明白为什么。

4. 最佳使用比例是 4:3(而不是 16:9)

5. 最后，最好和最简单的方法是使用/裁剪图片的顶部方形区域。使用中心区域似乎是合理的，但是使用顶部方 block 会省去很多麻烦。

测试平台:Sony Xperia Z，Android 4.2.2

测试分辨率:1080x1920。

可用预览:1280x720、960x720、720x480、704x576、640x480、480x320、320x240、176x144。

目标预览尺寸:1080x1080，当然是正方形 :D

在我的自定义 CameraHost 的 CameraHost.getPreviewSize() 内部完成测试。

1. 如果我在这里为父类(super class)函数提供正方形 View /尺寸，我得到 704x576。它是 11:9(或 1.22222~)，最接近 1:1 或 1.0。但是，当放大到 1080 宽度时，它看起来很模糊，而且还变形。

2. 1280x720 为 16:9 (1.777~)。设备摄像头通过裁剪顶部和底部得到这个(请注意摄像头是在横向模式下说话)。

3. 960x720 为 4:3 (1.333~)。这是设备相机的完整分辨率。这是我的目标分辨率，我只希望 960x720 内的 720x720 朝向顶部边缘(纵向)或左侧边缘(横向)。

4. 在您的自定义 CameraHost(扩展 SimpleCameraHost)中，限制预览大小:

   @Override
   public Size getPreviewSize(int orientation, int w, int h, Parameters p) {
       Size size = super.getPreviewSize(orientation, 720, 960, p);
       ViewGroup.LayoutParams params = cameraView.getLayoutParams();
       params.width = 1080;
       params.height = 960 * 1080/720;
       cameraView.setLayoutParams(params);
       return size;
   }
   

5. layout.xml:

   <FrameLayout
       android:layout_width="match_parent"
       android:layout_height="match_parent">
       <com.commonsware.cwac.camera.CameraView
           android:id="@+id/cameraView"
           android:layout_width="match_parent"
           android:layout_gravity="top|center_horizontal"
           android:layout_height="match_parent"/>
       <LinearLayout
           android:layout_width="match_parent"
           android:layout_height="match_parent"
           android:orientation="vertical">
           <com.example.android.widget.SquareView
               android:layout_width="match_parent"
               android:layout_height="match_parent"
               android:background="@android:color/transparent"/>
           <LinearLayout
               android:layout_width="match_parent"
               android:layout_height="0dp"
               android:layout_weight="1"
               android:orientation="vertical"
               android:background="#99e0e0e0">
               (your elements to cover up the extra area)
           </LinearLayout>
       </LinearLayout>
   </FrameLayout>
   

以下是结果，并与系统相机进行比较，使用 4:3。

注意:

1. 我想您知道如何创建自己的 SquareView，所以我不会在此处发布它的代码。您可以在此处阅读更多信息:Simple way to do dynamic but square layout
2. #4 中的这段代码只是测试代码 - 您需要弄清楚它如何适应所有设备。
3. 不接受 CameraView 的点击事件以进行对焦。请改用 SquareView。