# Using a custom layout with the scanning activity

In order to use a custom layout with the provided `ScannerCompatActivity`, two fields need to be
changed to point it. You can change these attributes in your activity's `onCreate()` lifecycle
step.

```java
import com.enioka.scanner.activities.ScannerCompatActivity;

public class MyScanningActivity extends ScannerCompatActivity {

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate();
        layoutIdLaser = R.layout.activity_parcel_scan_laser;
        cameraResources = new HashMap<>() {{
            put("layout_id_camera", R.layout.activity_parcel_scan_camera);
            put("camera_view_id", R.id.camera_scan_view);
        }};
    }
}
```

Here, `layoutIdLaser` is the layout used when handling laser scanner devices, and `cameraResources`
is a hashmap containing the IDs of the views used by the camera scanner, such as the camera layout,
the layout used when using the device's camera as a scanner.

To ensure activity is able to properly switch to the camera when needed, you should include the
following view block in the `<layout>.xml` file used by `layoutIdCamera`:

```xml
<com.enioka.scanner.sdk.camera.CameraBarcodeScanView
    android:id="@+id/cameraScanView"
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:forceCameraApiVersion="Auto"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:maxDistortionRatio="0.3"
    app:minResolutionY="720"
    app:maxResolutionY="1080"
    app:previewRatioMode="fillWithCrop"
    app:readerMode="Auto"
    app:storePreferredResolution="false"
    app:targetColorActive="@color/colorRed"
    app:targetColorPaused="@color/defaultItemColor"
    app:targetIsFixed="false"
    app:targetStrokeWidth="5"
    app:useAdaptiveResolution="true" />
```

Should you choose a different ID for this view, remember to also change the value of the
`cameraViewId` key in the `cameraResources` hashmap.

:::{seealso}

* The [scanner activity](../api/scanner_activity.md) documentation
* The [camera](../api/camera.md) documentation
:::