开发步骤
-
在使用图像超分时，将实现图像超分相关的类添加至工程。
import { imageSuperResolution, visionBase } from '@kit.CoreVisionKit' import { image } from '@kit.ImageKit'; import { hilog } from '@kit.PerformanceAnalysisKit'; import { BusinessError } from '@kit.BasicServicesKit'; import { fileIo } from '@kit.CoreFileKit'; import { photoAccessHelper } from '@kit.MediaLibraryKit'; -
在aboutToAppear中调用ImageSRAnalyzer.create()创建图像超分分析器实例，并且在aboutToDisappear中调用ImageSRAnalyzer.destroy()释放资源。
private analyzer: imageSuperResolution.ImageSRAnalyzer | null = null; async aboutToAppear(): Promise<void> { this.analyzer = await imageSuperResolution.ImageSRAnalyzer.create(); hilog.info(0x0000, 'ImageSRSample', 'ImageSRAnalyzer created'); } async aboutToDisappear(): Promise<void> { if (this.analyzer) { await this.analyzer.destroy(); hilog.info(0x0000, 'ImageSRSample', 'ImageSRAnalyzer released successfully'); } } -
通过photoAccessHelper.PhotoViewPicker拉起图库选择图片，并且使用fileIo与image模块将URI转换为PixelMap，为后续超分接口准备输入数据。
Button('选择图片') .type(ButtonType.Capsule) .fontColor(Color.White) .alignSelf(ItemAlign.Center) .width('80%') .margin(10) .onClick(() => { // 拉起图库，获取图片资源 void this.selectImage(); })选择图片与解码图片的方法实现如下：
private async selectImage() { let uri = await this.openPhoto(); if (!uri) { hilog.error(0x0000, 'ImageSRSample', 'Failed to get uri.'); return; } this.loadImage(uri); } private async openPhoto(): Promise<string> { return new Promise<string>((resolve) => { let photoPicker: photoAccessHelper.PhotoViewPicker = new photoAccessHelper.PhotoViewPicker(); photoPicker.select({ MIMEType: photoAccessHelper.PhotoViewMIMETypes.IMAGE_TYPE, maxSelectNumber: 1 }).then(res => { resolve(res.photoUris[0]); }).catch((err: BusinessError) => { hilog.error(0x0000, 'ImageSRSample', `Failed to get photo image uri.code: ${err.code}, message: ${err.message}`); resolve(''); }); }); } private loadImage(name: string) { setTimeout(async () => { let imageSource: image.ImageSource | undefined = undefined; let fileSource = await fileIo.open(name, fileIo.OpenMode.READ_ONLY); imageSource = image.createImageSource(fileSource.fd); this.inputImage = await imageSource.createPixelMap(); this.dataValues = ''; await fileIo.close(fileSource); }, 100); } -
构造Request对象并传入待处理图片的PixelMap，调用ImageSRAnalyzer.process方法，获取超分处理结果并展示在界面上。
Button('图像超分') .type(ButtonType.Capsule) .fontColor(Color.White) .alignSelf(ItemAlign.Center) .width('80%') .margin(10) .onClick(() => { if (!this.inputImage || !this.analyzer) { hilog.error(0x0000, 'ImageSRSample', 'Failed to process image super resolution.'); return; } // 调用图像超分接口 let imageData: visionBase.ImageData = { pixelMap: this.inputImage } let request: visionBase.Request = { inputData: imageData }; request.inputData = imageData this.analyzer.process(request) .then((response: imageSuperResolution.ISPResponse) => { hilog.info(0x0000, 'ImageSRSample', 'Super resolution completed'); this.outputImage = response.pixelMap; }) .catch((error: BusinessError) => { hilog.error(0x0000, 'ImageSRSample', `Image super resolution failed. Code: ${error.code}, message: ${error.message}`); this.dataValues = `Error: ${error.message}`; }); })
[h2]Index.ets
import { imageSuperResolution, visionBase } from '@kit.CoreVisionKit'
import { image } from '@kit.ImageKit';
import { hilog } from '@kit.PerformanceAnalysisKit';
import { BusinessError } from '@kit.BasicServicesKit';
import { fileIo } from '@kit.CoreFileKit';
import { photoAccessHelper } from '@kit.MediaLibraryKit';
@Entry
@Component
struct Index {
@State inputImage: PixelMap | undefined = undefined;
@State outputImage: PixelMap | undefined = undefined;
@State dataValues: string = '';
private analyzer: imageSuperResolution.ImageSRAnalyzer | null = null;
async aboutToAppear(): Promise<void> {
this.analyzer = await imageSuperResolution.ImageSRAnalyzer.create();
hilog.info(0x0000, 'ImageSRSample', 'ImageSRAnalyzer created');
}
async aboutToDisappear(): Promise<void> {
if (this.analyzer) {
await this.analyzer.destroy();
hilog.info(0x0000, 'ImageSRSample', 'ImageSRAnalyzer released successfully');
}
}
build() {
Column() {
Text('Input Image')
.fontSize(16)
.margin(5)
Image(this.inputImage)
.objectFit(ImageFit.Fill)
.height('25%')
Text('Output Image')
.fontSize(16)
.margin(5)
Image(this.outputImage)
.objectFit(ImageFit.Fill)
.height('25%')
Text(this.dataValues)
.copyOption(CopyOptions.LocalDevice)
.height('10%')
.margin(10)
.width('60%')
Button('选择图片')
.type(ButtonType.Capsule)
.fontColor(Color.White)
.alignSelf(ItemAlign.Center)
.width('80%')
.margin(10)
.onClick(() => {
// 拉起图库
void this.selectImage();
})
Button('图像超分')
.type(ButtonType.Capsule)
.fontColor(Color.White)
.alignSelf(ItemAlign.Center)
.width('80%')
.margin(10)
.onClick(() => {
if (!this.inputImage || !this.analyzer) {
hilog.error(0x0000, 'ImageSRSample', 'Failed to process image super resolution.');
return;
}
// 调用图像超分接口
let imageData: visionBase.ImageData = {
pixelMap: this.inputImage
}
let request: visionBase.Request = {
inputData: imageData
};
request.inputData = imageData
this.analyzer.process(request)
.then((response: imageSuperResolution.ISPResponse) => {
hilog.info(0x0000, 'ImageSRSample', 'Super resolution completed');
this.outputImage = response.pixelMap;
})
.catch((error: BusinessError) => {
hilog.error(0x0000, 'ImageSRSample', `Image super resolution failed. Code: ${error.code}, message: ${error.message}`);
this.dataValues = `Error: ${error.message}`;
});
})
}
.width('100%')
.height('100%')
.justifyContent(FlexAlign.Center)
}
private async selectImage() {
let uri = await this.openPhoto();
if (!uri) {
hilog.error(0x0000, 'ImageSRSample', 'Failed to get uri.');
return;
}
this.loadImage(uri);
}
private async openPhoto(): Promise<string> {
return new Promise<string>((resolve) => {
let photoPicker: photoAccessHelper.PhotoViewPicker = new photoAccessHelper.PhotoViewPicker();
photoPicker.select({
MIMEType: photoAccessHelper.PhotoViewMIMETypes.IMAGE_TYPE,
maxSelectNumber: 1
}).then(res => {
resolve(res.photoUris[0]);
}).catch((err: BusinessError) => {
hilog.error(0x0000, 'ImageSRSample', `Failed to get photo image uri.code: ${err.code}, message: ${err.message}`);
resolve('');
});
});
}
private loadImage(name: string) {
setTimeout(async () => {
let imageSource: image.ImageSource | undefined = undefined;
let fileSource = await fileIo.open(name, fileIo.OpenMode.READ_ONLY);
imageSource = image.createImageSource(fileSource.fd);
this.inputImage = await imageSource.createPixelMap();
this.dataValues = '';
this.outputImage = undefined;
await fileIo.close(fileSource);
}, 100);
}
}