Question

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

Preview 预览屏幕截图

图片截图

截图来自运行Android 5.0的Nexus 5。我也测试了运行4.4.2的三星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

getPreviewSize()

必须选择一个提供的比率，而不是1：1。我会寻找一个4：3，这将提供最广泛的相机视图。

getPictureSize()

必须选择与您的预览尺寸相同比率的分辨率之一。否则，输出可能会有完全不同的画面。
使用FrameLayout或RelativeLayout以便您可以拥有两个图层：底层是CameraView，上层将有一个正方形，透明的视图，并且仍然是＆＃34;阻塞＆＃34;区域。如果设置＆＃34;块视图＆＃34;对于半透明的颜色，你会明白为什么。
最佳使用比例为4：3（不是16：9）
最后，最好和最简单的方法是使用/裁剪图片中的顶部方形区域。使用中心区域似乎是合理的，但使用顶部方块可以为您节省很多麻烦。

测试平台：Sony Xperia Z，Android 4.2.2

测试分辨率： 1080x1920 。

可用预览： 1280x720 ， 960x720 ，720x480， 704x576 ，640x480,480x320,320x240,176x144。

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

在我的自定义CameraHost的CameraHost.getPreviewSize（）内完成测试。

如果我在这里为超类功能提供方形视图/大小，我得到 704x576 。它是11：9（或1.22222~），最接近1：1或1.0。但是，当放大到1080宽度并且也会变形时，它看起来很模糊。
1280x720是16：9（1.777~）。设备相机通过裁剪顶部和底部来获得此功能（请注意，相机正在以横向模式进行通话）。
960x720是4：3（1.333~）。这是设备相机的全分辨率。这是我的目标分辨率，我只希望将960x720内的720x720朝向上边缘（纵向）或左边缘（风景）。

在自定义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;
}

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。

Screen using this code Default camera app with 4:3

注意：

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

CWAC-Camera预览和图片不匹配

1 个答案: