android - tutorial - NativeScript: vista de cámara personalizada

nativescript tutorial español

Question

Estoy trabajando en una aplicación iOS y Android con una vista de cámara personalizada (por eso no usaré el módulo de cámara http://docs.nativescript.org/ApiReference/camera/README )

Necesito tener mi propia interfaz de usuario por encima de la vista previa de la cámara.

¿Puedo hacer esto con Nativescript?

No pude encontrar ningún módulo / plugin con esta característica. ¿Es esto difícil escribir mi propio módulo?

Answer 1

El Placeholder permite agregar cualquier widget nativo a su aplicación. Para hacerlo, debe colocar un marcador de posición en algún lugar de la jerarquía de la interfaz de usuario y luego crear y configurar el widget nativo que desea que aparezca allí. Finalmente, pase su widget nativo a los argumentos de evento del evento creatingView.

NativeScript no tiene una vista de superficie y necesitas usar el marcador de posición en la parte superior del complemento de la cámara.

<Placeholder (creatingView)="creatingView($event)"></Placeholder>

public creatingView(args: any) { var nativeView = new android.view.SurfaceView(application.android.currentContext); args.view = nativeView; }

Answer 2

Utilice la vista de superficie en layout.xml

<SurfaceView
android:id="@+id/surfaceview"
android:layout_centerHorizontal="true"
android:layout_width="350dp"
android:layout_height="260dp" />

usar el siguiente código en la clase de actividad

SurfaceView surfaceView;
CameraSource cameraSource;
final TextRecognizer textRecognizer = new TextRecognizer.Builder(getApplicationContext()).build();
cameraSource = new CameraSource.Builder(getApplicationContext(), textRecognizer)
.setFacing(CameraSource.CAMERA_FACING_BACK)
.setAutoFocusEnabled(true)
.build();
surfaceView.getHolder().addCallback(new SurfaceHolder.Callback() {
@Override
public void surfaceCreated(SurfaceHolder surfaceHolder) {
try {
cameraSource.start(surfaceView.getHolder());
} catch (IOException e) {
e.printStackTrace();
}
}
@Override
public void surfaceChanged(SurfaceHolder surfaceHolder, int i, int i1, int i2) {
}
@Override
public void surfaceDestroyed(SurfaceHolder surfaceHolder) {
cameraSource.stop();
}
});
textRecognizer.setProcessor(new Detector.Processor<TextBlock>() {
@Override
public void release() {
}