NativeScript/packages/core/ui/image/index.android.ts

import { ImageBase, stretchProperty, imageSourceProperty, srcProperty, tintColorProperty } from './image-common';
import { isDataURI, isFontIconURI, isFileOrResourcePath, RESOURCE_PREFIX } from '../../utils';
import { Color } from '../../color';
import { ImageSource } from '../../image-source';
import { ImageAsset } from '../../image-asset';
import { Length } from '../styling/style-properties';
import { knownFolders } from '../../file-system';

import { Screen } from '../../platform';
export * from './image-common';

const FILE_PREFIX = 'file:///';
const ASYNC = 'async';

let AndroidImageView: typeof org.nativescript.widgets.ImageView;

interface ImageLoadedListener {
	new (owner: Image): org.nativescript.widgets.image.Worker.OnImageLoadedListener;
}

let ImageLoadedListener: ImageLoadedListener;
function initializeImageLoadedListener() {
	if (ImageLoadedListener) {
		return;
	}

	@NativeClass
	@Interfaces([org.nativescript.widgets.image.Worker.OnImageLoadedListener])
	class ImageLoadedListenerImpl extends java.lang.Object implements org.nativescript.widgets.image.Worker.OnImageLoadedListener {
		constructor(public owner: Image) {
			super();

			return global.__native(this);
		}

		onImageLoaded(success: boolean): void {
			const owner = this.owner;
			if (owner) {
				owner.isLoading = false;
			}
		}
	}

	ImageLoadedListener = ImageLoadedListenerImpl;
}

export class Image extends ImageBase {
	nativeViewProtected: org.nativescript.widgets.ImageView;

	public useCache = true;

	public createNativeView() {
		if (!AndroidImageView) {
			AndroidImageView = org.nativescript.widgets.ImageView;
		}

		return new AndroidImageView(this._context);
	}

	public initNativeView(): void {
		super.initNativeView();
		initializeImageLoadedListener();
		const nativeView = this.nativeViewProtected;
		const listener = new ImageLoadedListener(this);
		nativeView.setImageLoadedListener(listener);
		(<any>nativeView).listener = listener;
	}

	public disposeNativeView() {
		if ((<any>this.nativeViewProtected)?.listener) {
			(<any>this.nativeViewProtected).listener.owner = null;
		}
		super.disposeNativeView();
	}

	public resetNativeView(): void {
		super.resetNativeView();
		this.nativeViewProtected.setImageMatrix(new android.graphics.Matrix());
	}

	public _createImageSourceFromSrc(value: string | ImageSource | ImageAsset) {
		const imageView = this.nativeViewProtected;
		if (!imageView) {
			return;
		}

		if (!value) {
			imageView.setUri(null, 0, 0, false, false, true);

			return;
		}

		let decodeWidth = Math.min(Length.toDevicePixels(this.decodeWidth, 0), Screen.mainScreen.widthPixels);
		let decodeHeight = Math.min(Length.toDevicePixels(this.decodeHeight, 0), Screen.mainScreen.heightPixels);
		let keepAspectRatio = this._calculateKeepAspectRatio();
		if (value instanceof ImageAsset) {
			if (value.options) {
				decodeWidth = value.options.width || decodeWidth;
				decodeHeight = value.options.height || decodeHeight;
				keepAspectRatio = !!value.options.keepAspectRatio;
			}

			// handle assets as file paths natively
			value = value.android;
		}

		const async = this.loadMode === ASYNC;
		if (typeof value === 'string' || value instanceof String) {
			value = value.trim();
			this.isLoading = true;

			if (isFontIconURI(value) || isDataURI(value)) {
				// TODO: Check with runtime what should we do in case of base64 string.
				super._createImageSourceFromSrc(value);
			} else if (isFileOrResourcePath(value)) {
				if (value.indexOf(RESOURCE_PREFIX) === 0) {
					imageView.setUri(value, decodeWidth, decodeHeight, keepAspectRatio, this.useCache, async);
				} else {
					let fileName = value;
					if (fileName.indexOf('~/') === 0) {
						fileName = knownFolders.currentApp().path + '/' + fileName.replace('~/', '');
					}

					imageView.setUri(FILE_PREFIX + fileName, decodeWidth, decodeHeight, keepAspectRatio, this.useCache, async);
				}
			} else {
				// For backwards compatibility http always use async loading.
				imageView.setUri(value, decodeWidth, decodeHeight, keepAspectRatio, this.useCache, true);
			}
		} else {
			super._createImageSourceFromSrc(value);
		}
	}

	private _calculateKeepAspectRatio(): boolean {
		return this.stretch === 'fill' ? false : true;
	}

	[stretchProperty.getDefault](): 'aspectFit' {
		return 'aspectFit';
	}
	[stretchProperty.setNative](value: 'none' | 'aspectFill' | 'aspectFit' | 'fill') {
		switch (value) {
			case 'aspectFit':
				this.nativeViewProtected.setScaleType(android.widget.ImageView.ScaleType.FIT_CENTER);
				break;
			case 'aspectFill':
				this.nativeViewProtected.setScaleType(android.widget.ImageView.ScaleType.CENTER_CROP);
				break;
			case 'fill':
				this.nativeViewProtected.setScaleType(android.widget.ImageView.ScaleType.FIT_XY);
				break;
			case 'none':
			default:
				this.nativeViewProtected.setScaleType(android.widget.ImageView.ScaleType.MATRIX);
				break;
		}
	}

	[tintColorProperty.getDefault](): Color {
		return undefined;
	}
	[tintColorProperty.setNative](value: Color) {
		if (value) {
			this.nativeViewProtected.setColorFilter(value.android);
		} else {
			this.nativeViewProtected.clearColorFilter();
		}
	}

	[imageSourceProperty.getDefault](): ImageSource {
		return undefined;
	}
	[imageSourceProperty.setNative](value: ImageSource) {
		const nativeView = this.nativeViewProtected;
		if (value && value.android) {
			const rotation = value.rotationAngle ? value.rotationAngle : 0;
			nativeView.setRotationAngle(rotation);
			nativeView.setImageBitmap(value.android);
		} else {
			nativeView.setRotationAngle(0);
			nativeView.setImageBitmap(null);
		}
	}

	[srcProperty.getDefault](): any {
		return undefined;
	}
	[srcProperty.setNative](value: string | ImageSource | ImageAsset) {
		this._createImageSourceFromSrc(value);
	}
}