mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-15 19:26:42 +08:00

* Do not depend on current device screen while calculating Image Asset size. * Scale the image asset to the exact requested size. * Process image assets natively, pass keepAspectRatio based on the stretch property and Asset options. * Fixed the splashscreen resource name as it cannot be read when containing a dot. * Updated the Image Asset scale and rotate logic based on the Native one. * Make the ImageAsset size more important than the Image decode size as its more specific. * Fixed tslint errors. * Added filePath support in the ImageAsset constructor for iOS in order to unify it with the Android implementation, support for relative files and file not found support errors. * Added unit tests for ImageAssets. * Added a sample app for UI testing of image-view with ImageAsset src. * chore: apply PR comments
262 lines
7.8 KiB
TypeScript
262 lines
7.8 KiB
TypeScript
// Definitions.
|
|
import { ImageSource as ImageSourceDefinition } from ".";
|
|
import { ImageAsset } from "../image-asset";
|
|
import * as httpModule from "../http";
|
|
|
|
// Types.
|
|
import { path as fsPath, knownFolders } from "../file-system";
|
|
import { isFileOrResourcePath, RESOURCE_PREFIX } from "../utils/utils";
|
|
import { getNativeApplication } from "../application";
|
|
|
|
export { isFileOrResourcePath };
|
|
|
|
let http: typeof httpModule;
|
|
function ensureHttp() {
|
|
if (!http) {
|
|
http = require("../http");
|
|
}
|
|
}
|
|
|
|
let application: android.app.Application;
|
|
let resources: android.content.res.Resources;
|
|
|
|
function getApplication() {
|
|
if (!application) {
|
|
application = (<android.app.Application>getNativeApplication());
|
|
}
|
|
|
|
return application;
|
|
}
|
|
|
|
function getResources() {
|
|
if (!resources) {
|
|
resources = getApplication().getResources();
|
|
}
|
|
|
|
return resources;
|
|
}
|
|
|
|
export class ImageSource implements ImageSourceDefinition {
|
|
public android: android.graphics.Bitmap;
|
|
public ios: UIImage;
|
|
|
|
public fromAsset(asset: ImageAsset): Promise<ImageSource> {
|
|
return new Promise<ImageSource>((resolve, reject) => {
|
|
asset.getImageAsync((image, err) => {
|
|
if (image) {
|
|
this.setNativeSource(image);
|
|
resolve(this);
|
|
}
|
|
else {
|
|
reject(err);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
public loadFromResource(name: string): boolean {
|
|
this.android = null;
|
|
const res = getResources();
|
|
if (res) {
|
|
const identifier: number = res.getIdentifier(name, 'drawable', getApplication().getPackageName());
|
|
if (0 < identifier) {
|
|
// Load BitmapDrawable with getDrawable to make use of Android internal caching
|
|
const bitmapDrawable = <android.graphics.drawable.BitmapDrawable>res.getDrawable(identifier);
|
|
if (bitmapDrawable && bitmapDrawable.getBitmap) {
|
|
this.android = bitmapDrawable.getBitmap();
|
|
}
|
|
}
|
|
}
|
|
|
|
return this.android != null;
|
|
}
|
|
|
|
public fromResource(name: string): Promise<boolean> {
|
|
return new Promise<boolean>((resolve, reject) => {
|
|
resolve(this.loadFromResource(name));
|
|
});
|
|
}
|
|
|
|
private setRotationAngleFromFile(filename: string) {
|
|
this.rotationAngle = 0;
|
|
const ei = new android.media.ExifInterface(filename);
|
|
const orientation = ei.getAttributeInt(android.media.ExifInterface.TAG_ORIENTATION, android.media.ExifInterface.ORIENTATION_NORMAL);
|
|
|
|
switch (orientation) {
|
|
case android.media.ExifInterface.ORIENTATION_ROTATE_90:
|
|
this.rotationAngle = 90;
|
|
break;
|
|
case android.media.ExifInterface.ORIENTATION_ROTATE_180:
|
|
this.rotationAngle = 180;
|
|
break;
|
|
case android.media.ExifInterface.ORIENTATION_ROTATE_270:
|
|
this.rotationAngle = 270;
|
|
break;
|
|
}
|
|
}
|
|
|
|
public loadFromFile(path: string): boolean {
|
|
let fileName = typeof path === "string" ? path.trim() : "";
|
|
if (fileName.indexOf("~/") === 0) {
|
|
fileName = fsPath.join(knownFolders.currentApp().path, fileName.replace("~/", ""));
|
|
}
|
|
|
|
this.setRotationAngleFromFile(fileName);
|
|
this.android = android.graphics.BitmapFactory.decodeFile(fileName, null);
|
|
|
|
return this.android != null;
|
|
}
|
|
|
|
public fromFile(path: string): Promise<boolean> {
|
|
return new Promise<boolean>((resolve, reject) => {
|
|
resolve(this.loadFromFile(path));
|
|
});
|
|
}
|
|
|
|
public loadFromData(data: any): boolean {
|
|
this.android = android.graphics.BitmapFactory.decodeStream(data);
|
|
return this.android != null;
|
|
}
|
|
|
|
public fromData(data: any): Promise<boolean> {
|
|
return new Promise<boolean>((resolve, reject) => {
|
|
resolve(this.loadFromData(data));
|
|
});
|
|
}
|
|
|
|
public loadFromBase64(source: string): boolean {
|
|
if (typeof source === "string") {
|
|
const bytes = android.util.Base64.decode(source, android.util.Base64.DEFAULT);
|
|
this.android = android.graphics.BitmapFactory.decodeByteArray(bytes, 0, bytes.length)
|
|
}
|
|
return this.android != null;
|
|
}
|
|
|
|
public fromBase64(data: any): Promise<boolean> {
|
|
return new Promise<boolean>((resolve, reject) => {
|
|
resolve(this.loadFromBase64(data));
|
|
});
|
|
}
|
|
|
|
public setNativeSource(source: any): void {
|
|
if (source && !(source instanceof android.graphics.Bitmap)) {
|
|
throw new Error("The method setNativeSource() expects android.graphics.Bitmap instance.");
|
|
}
|
|
this.android = source;
|
|
}
|
|
|
|
public saveToFile(path: string, format: "png" | "jpeg" | "jpg", quality = 100): boolean {
|
|
if (!this.android) {
|
|
return false;
|
|
}
|
|
|
|
const targetFormat = getTargetFormat(format);
|
|
|
|
// TODO add exception handling
|
|
const outputStream = new java.io.BufferedOutputStream(new java.io.FileOutputStream(path));
|
|
|
|
const res = this.android.compress(targetFormat, quality, outputStream);
|
|
outputStream.close();
|
|
return res;
|
|
}
|
|
|
|
public toBase64String(format: "png" | "jpeg" | "jpg", quality = 100): string {
|
|
if (!this.android) {
|
|
return null;
|
|
}
|
|
|
|
const targetFormat = getTargetFormat(format);
|
|
|
|
const outputStream = new java.io.ByteArrayOutputStream();
|
|
const base64Stream = new android.util.Base64OutputStream(outputStream, android.util.Base64.NO_WRAP);
|
|
|
|
this.android.compress(targetFormat, quality, base64Stream);
|
|
|
|
base64Stream.close();
|
|
outputStream.close();
|
|
|
|
return outputStream.toString();
|
|
}
|
|
|
|
get height(): number {
|
|
if (this.android) {
|
|
return this.android.getHeight();
|
|
}
|
|
|
|
return NaN;
|
|
}
|
|
|
|
get width(): number {
|
|
if (this.android) {
|
|
return this.android.getWidth();
|
|
}
|
|
|
|
return NaN;
|
|
}
|
|
|
|
private _rotationAngle: number;
|
|
get rotationAngle(): number {
|
|
return this._rotationAngle;
|
|
}
|
|
|
|
set rotationAngle(value: number) {
|
|
this._rotationAngle = value;
|
|
}
|
|
}
|
|
|
|
function getTargetFormat(format: "png" | "jpeg" | "jpg"): android.graphics.Bitmap.CompressFormat {
|
|
switch (format) {
|
|
case "jpeg":
|
|
case "jpg":
|
|
return android.graphics.Bitmap.CompressFormat.JPEG;
|
|
default:
|
|
return android.graphics.Bitmap.CompressFormat.PNG;
|
|
}
|
|
}
|
|
|
|
export function fromAsset(asset: ImageAsset): Promise<ImageSource> {
|
|
const image = new ImageSource();
|
|
return image.fromAsset(asset);
|
|
}
|
|
|
|
export function fromResource(name: string): ImageSource {
|
|
const image = new ImageSource();
|
|
return image.loadFromResource(name) ? image : null;
|
|
}
|
|
|
|
export function fromFile(path: string): ImageSource {
|
|
const image = new ImageSource();
|
|
return image.loadFromFile(path) ? image : null;
|
|
}
|
|
|
|
export function fromData(data: any): ImageSource {
|
|
const image = new ImageSource();
|
|
return image.loadFromData(data) ? image : null;
|
|
}
|
|
|
|
export function fromBase64(source: string): ImageSource {
|
|
const image = new ImageSource();
|
|
return image.loadFromBase64(source) ? image : null;
|
|
}
|
|
|
|
export function fromNativeSource(source: any): ImageSource {
|
|
const imageSource = new ImageSource();
|
|
imageSource.setNativeSource(source);
|
|
return imageSource;
|
|
}
|
|
|
|
export function fromUrl(url: string): Promise<ImageSourceDefinition> {
|
|
ensureHttp();
|
|
return http.getImage(url);
|
|
}
|
|
|
|
export function fromFileOrResource(path: string): ImageSource {
|
|
if (!isFileOrResourcePath(path)) {
|
|
throw new Error(`${path} is not a valid file or resource.`);
|
|
}
|
|
|
|
if (path.indexOf(RESOURCE_PREFIX) === 0) {
|
|
return fromResource(path.substr(RESOURCE_PREFIX.length));
|
|
}
|
|
return fromFile(path);
|
|
} |