Skip to content

Commit 31d601d

Browse files
triniwiztriniwiz
committed
fix: detection, torch & pause
fixes : #15 fixes : #16 fixes : #17 fixes : #18 fixes : #19
1 parent 353ede1 commit 31d601d

35 files changed

Lines changed: 190 additions & 114 deletions

File tree

‎apps/demo-angular/src/app.module.ts‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,12 @@ import { NativeScriptModule } from '@nativescript/angular';
44
import { AppComponent } from './app.component';
55
import { AppRoutingModule } from './app-routing.module';
66
import { HomeComponent } from './home.component';
7+
import { MLKitModule } from '@nativescript/mlkit-core/angular';
78

89
@NgModule({
910
schemas: [NO_ERRORS_SCHEMA],
1011
declarations: [AppComponent, HomeComponent],
1112
bootstrap: [AppComponent],
12-
imports: [NativeScriptModule, AppRoutingModule],
13+
imports: [NativeScriptModule, AppRoutingModule, MLKitModule],
1314
})
1415
export class AppModule {}

‎apps/demo-angular/src/app.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ button, label, stack-layout {
66
}
77

88
button {
9-
font-size: 36;
9+
font-size: 16;
1010
}
1111

1212
.title {

‎apps/demo-angular/src/home.component.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,10 @@
22
<ActionBar title="Demos"></ActionBar>
33
</ActionBar>
44
<GridLayout>
5-
<ListView [items]="demos">
5+
<ListView [items]="demos" (itemTap)="onTap($event)">
66
<ng-template let-item="item" let-i="index">
77
<GridLayout class="p-y-10">
8-
<Label [text]="item.name" [nsRouterLink]="['/' + item.name]"></Label>
8+
<Label [text]="item.name"></Label>
99
</GridLayout>
1010
</ng-template>
1111
</ListView>

‎apps/demo-angular/src/home.component.ts‎

Lines changed: 35 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,45 @@
11
import { Component } from '@angular/core';
2+
import { RouterExtensions } from '@nativescript/angular';
23

34
@Component({
45
selector: 'demo-home',
56
templateUrl: 'home.component.html',
67
})
78
export class HomeComponent {
89
demos = [
9-
{
10-
name: 'mlkit-barcode-scanning'
11-
},
12-
{
13-
name: 'mlkit-core'
14-
},
15-
{
16-
name: 'mlkit-digital-ink-recognition'
17-
},
18-
{
19-
name: 'mlkit-face-detection'
20-
},
21-
{
22-
name: 'mlkit-image-labeling'
23-
},
24-
{
25-
name: 'mlkit-object-detection'
26-
},
27-
{
28-
name: 'mlkit-pose-detection'
29-
},
30-
{
31-
name: 'mlkit-selfie-segmentation'
32-
},
33-
{
34-
name: 'mlkit-text-recognition'
10+
{
11+
name: 'mlkit-barcode-scanning'
12+
},
13+
{
14+
name: 'mlkit-core'
15+
},
16+
{
17+
name: 'mlkit-digital-ink-recognition'
18+
},
19+
{
20+
name: 'mlkit-face-detection'
21+
},
22+
{
23+
name: 'mlkit-image-labeling'
24+
},
25+
{
26+
name: 'mlkit-object-detection'
27+
},
28+
{
29+
name: 'mlkit-pose-detection'
30+
},
31+
{
32+
name: 'mlkit-selfie-segmentation'
33+
},
34+
{
35+
name: 'mlkit-text-recognition'
36+
}
37+
];
38+
39+
constructor(private router: RouterExtensions) { }
40+
41+
onTap(event) {
42+
const item = this.demos[event.index];
43+
this.router.navigate(['/' + item.name]);
3544
}
36-
];
3745
}

‎apps/demo-angular/src/plugin-demos/mlkit-barcode-scanning.component.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { Component, NgZone } from '@angular/core';
22
import { DemoSharedMlkitBarcodeScanning } from '@demo/shared';
3-
import { } from '@nativescript/mlkit-barcode-scanning';
43

54
@Component({
65
selector: 'demo-mlkit-barcode-scanning',

‎apps/demo-angular/src/plugin-demos/mlkit-core.component.html‎

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,16 @@
11
<ActionBar title="mlkit-core" class="action-bar"> </ActionBar>
22
<StackLayout class="p-20">
3-
<ScrollView class="h-full">
4-
<StackLayout>
5-
<Button text="Test mlkit-core" (tap)="demoShared.testIt()" class="btn btn-primary"></Button>
6-
</StackLayout>
7-
</ScrollView>
8-
</StackLayout>
3+
<GridLayout rows="*,auto,auto,auto,auto,auto,auto,auto,auto,auto" height="100%">
4+
<MLKitView [torchOn]="torchOn" [pause]="isPaused" height="100%" rowSpan="3" (loaded)="onLoaded($event)" cameraPosition="back"
5+
[detectionType]="detectorType" (detection)="onDetection($event)"></MLKitView>
6+
<Button row="1" height="40" text="Toggle Camera" (tap)="toggleCamera($event)"></Button>
7+
<Button row="2" height="40" text="Request Camera Permission" (tap)="requestPermission($event)"></Button>
8+
<Label row="3" [text]="'Detecting ' + detectorType"></Label>
9+
<Button row="4" height="40" text="Change Detector Type" (tap)="changeType($event)"></Button>
10+
<Label row="5" [text]="'isPaused : ' + isPaused"></Label>
11+
<Button row="6" height="40" text="Toggle Pause" (tap)="togglePause($event)"></Button>
12+
<Label row="7" [text]="'Torch On : ' + torchOn"></Label>
13+
<Button row="8" height="40" text="Toggle Torch" (tap)="toggleTorch($event)"></Button>
14+
<Button row="9" height="40" text="Process Still Image" (tap)="processStill($event)"></Button>
15+
</GridLayout>
16+
</StackLayout>

‎apps/demo-angular/src/plugin-demos/mlkit-core.component.ts‎

Lines changed: 70 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,83 @@
11
import { Component, NgZone } from '@angular/core';
22
import { DemoSharedMlkitCore } from '@demo/shared';
3-
import { } from '@nativescript/mlkit-core';
3+
import { Dialogs, ImageSource } from '@nativescript/core';
4+
import { DetectionEvent, DetectionType, detectWithStillImage, MLKitView } from '@nativescript/mlkit-core';
45

56
@Component({
6-
selector: 'demo-mlkit-core',
7-
templateUrl: 'mlkit-core.component.html',
7+
selector: 'demo-mlkit-core',
8+
templateUrl: 'mlkit-core.component.html',
89
})
910
export class MlkitCoreComponent {
10-
11+
12+
camera: MLKitView;
13+
detectorType = DetectionType.All;
14+
isPaused = true;
15+
torchOn = true;
1116
demoShared: DemoSharedMlkitCore;
12-
13-
constructor(private _ngZone: NgZone) {}
17+
18+
constructor(private _ngZone: NgZone) { }
1419

1520
ngOnInit() {
1621
this.demoShared = new DemoSharedMlkitCore();
1722
}
23+
onLoaded(args) {
24+
this.camera = args.object;
25+
}
26+
27+
onDetection(event: DetectionEvent) {
28+
console.log('onDetection', event.data, event.type);
29+
}
30+
31+
toggleCamera(args) {
32+
this.camera.toggleCamera();
33+
}
34+
35+
requestPermission(args) {
36+
this.camera.requestCameraPermission();
37+
}
38+
39+
changeType(args) {
40+
Dialogs.action('Change Detector Type', 'Cancel', [
41+
'all',
42+
'barcode',
43+
'digitalInk (unsupport atm)',
44+
'face',
45+
'image',
46+
'object',
47+
'pose',
48+
'text',
49+
'none'
50+
]).then(value => {
51+
if (value === 'Cancel') { return }
52+
if (value.indexOf('digitalInk') > -1) {
53+
Dialogs.alert('digitalInk is currently unsupported');
54+
this.detectorType = DetectionType.None;
55+
} else {
56+
this.detectorType = value as any;
57+
}
58+
})
59+
}
60+
61+
togglePause(args) {
62+
this.camera.pause = !this.camera.pause;
63+
this.isPaused = this.camera.pause;
64+
}
65+
66+
toggleTorch(args) {
67+
this.camera.torchOn = !this.camera.torchOn;
68+
this.torchOn = this.camera.torchOn;
69+
}
70+
71+
async processStill(args) {
72+
try {
73+
const src = await ImageSource.fromUrl('https://www.jqueryscript.net/images/jQuery-Plugin-To-Generate-International-Article-Number-Barcode-EAN13.jpg');
74+
const result = await detectWithStillImage(src, {
75+
detectorType: DetectionType.Barcode
76+
});
77+
console.log('processStill', result.barcode[0]);
78+
} catch (e) {
79+
console.log(e);
80+
}
81+
}
1882

1983
}

‎apps/demo-angular/src/plugin-demos/mlkit-digital-ink-recognition.component.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { Component, NgZone } from '@angular/core';
22
import { DemoSharedMlkitDigitalInkRecognition } from '@demo/shared';
3-
import { } from '@nativescript/mlkit-digital-ink-recognition';
43

54
@Component({
65
selector: 'demo-mlkit-digital-ink-recognition',

‎apps/demo-angular/src/plugin-demos/mlkit-face-detection.component.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { Component, NgZone } from '@angular/core';
22
import { DemoSharedMlkitFaceDetection } from '@demo/shared';
3-
import { } from '@nativescript/mlkit-face-detection';
43

54
@Component({
65
selector: 'demo-mlkit-face-detection',

‎apps/demo-angular/src/plugin-demos/mlkit-image-labeling.component.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { Component, NgZone } from '@angular/core';
22
import { DemoSharedMlkitImageLabeling } from '@demo/shared';
3-
import { } from '@nativescript/mlkit-image-labeling';
43

54
@Component({
65
selector: 'demo-mlkit-image-labeling',

0 commit comments

Comments
 (0)