HarmonyOS 鸿蒙Next下载的音乐获取媒体资源图片显示不全问题

image组件设置为.objectFit(ImageFit.Contain)试试呢，Contain 保持宽高比进行缩小或者放大，使得图片完全显示在显示边界内。

用以下demo试下：

demo：

import media from '@ohos.multimedia.media'
import hiLog from '@ohos.hilog'
import common from '@ohos.app.ability.common';
import hilog from '@ohos.hilog';
import image from '@ohos.multimedia.image';
import fs from '@ohos.file.fs';
import { fileUri } from '@kit.CoreFileKit';
import { BusinessError } from '@kit.BasicServicesKit';

const TAG = 'MetadataDemo'

@Entry
@Component
struct Index {
@State message: string = 'Hello World'
private domain: number = 0xFF00
private prefix: string = TAG
private format: string = "%s, %s"

// pixelMap对象声明，用于图片显示
@State pixelMap: image.PixelMap | undefined = undefined;

filePath: string = '';

aboutToAppear(): void {
this.copyFile();
}

build() {
Row() {
Column() {
Text(this.message).fontSize(50).fontWeight(FontWeight.Bold)
Button() {
Text('TestButton')
.fontSize(30)
.fontWeight(FontWeight.Bold)
}
.type(ButtonType.Capsule)
.margin({
top: 20
})
.backgroundColor('#0D9FFB')
.width('60%')
.height('5%')
.onClick(async () => {
await this.testFetchMetadataFromDataSrc()
})
Image(this.pixelMap).width(300).height(300)
.margin({
top: 20
})
}
.width('100%')
}
.height('100%')
}

copyFile() {
console.log("开发复制文件")
let context = getContext(this) as common.UIAbilityContext;
let srcFileDescriptor = context.resourceManager.getRawFdSync('cover.mp3'); //这里填rawfile文件夹下的文件名（包括后缀）
let stat = fs.statSync(srcFileDescriptor.fd)
console.log(`stat isFile:${stat.isFile()}`);
// 通过UIAbilityContext获取沙箱地址filesDir，以Stage模型为例
let pathDir = context.filesDir;
console.log("沙箱文件目录路径:", pathDir)
let dstPath = pathDir + "/cover.mp3";
this.filePath = fileUri.getUriFromPath(dstPath)
console.log("沙箱文件URI" + this.filePath);
let dest = fs.openSync(dstPath, fs.OpenMode.CREATE | fs.OpenMode.READ_WRITE)
let bufsize = 4096
let buf = new ArrayBuffer(bufsize)
let off = 0, len = 0, readedLen = 0
while (len = fs.readSync(srcFileDescriptor.fd, buf, { offset: srcFileDescriptor.offset + off, length: bufsize })) {
readedLen += len
fs.writeSync(dest.fd, buf, { offset: off, length: len })
off = off + len
if ((srcFileDescriptor.length - readedLen) < bufsize) {
bufsize = srcFileDescriptor.length - readedLen
}
}
fs.close(dest.fd)
}

// 在以下demo中，使用资源管理接口获取打包在HAP内的媒体资源文件，通过设置fdSrc属性，获取音频元信息并打印，
// 获取音频专辑封面并通过Image控件显示在屏幕上。该demo以Callback形式进行异步接口调用
async testFetchMetadataFromFdSrcByCallback() {
// 创建AVMetadataExtractor对象
let avMetadataExtractor: media.AVMetadataExtractor = await media.createAVMetadataExtractor()
media.createAVMetadataExtractor().then((extractor: media.AVMetadataExtractor) => {
if (extractor != null) {
avMetadataExtractor = extractor;
console.info('createAVMetadataExtractor success');
} else {
console.error('createAVMetadataExtractor fail');
}
});

// 设置fdSrc
avMetadataExtractor.fdSrc = await globalThis.getContext().resourceManager.getRawFd('cover.mp3');

// 获取元信息（callback模式）
avMetadataExtractor.fetchMetadata((error, metadata) => {
if (error) {
this.error(`${TAG} fetchMetadata callback failed, err = ${JSON.stringify(error)}`)
return
}
this.info(`${TAG} fetchMetadata callback success, genre: ${metadata.genre}`)
})

//获取专辑封面（callback模式）
avMetadataExtractor.fetchAlbumCover((err, pixelMap) => {
if (err) {
this.error(`${TAG} fetchAlbumCover callback failed, err = ${JSON.stringify(err)}`)
return
}
this.pixelMap = pixelMap
// 释放资源（callback模式）
avMetadataExtractor.release((error) => {
if (error) {
this.error(`${TAG} release failed, err = ${JSON.stringify(error)}`)
return
}
this.info(`${TAG} release success.`)
})
})
}

// 在以下demo中，使用资源管理接口获取打包在HAP内的媒体资源文件，通过设置fdSrc属性，获取音频元信息并打印，
// 获取音频专辑封面并通过Image控件显示在屏幕上。该demo以Promise形式进行异步接口调用
async testFetchMetadataFromFdSrcByPromise() {
// 创建AVMetadataExtractor对象
let avMetadataExtractor: media.AVMetadataExtractor = await media.createAVMetadataExtractor()

// 设置fdSrc
avMetadataExtractor.fdSrc = await globalThis.getContext().resourceManager.getRawFd('cover.mp3');

// 获取元信息（promise模式）
let metadata = await avMetadataExtractor.fetchMetadata()
for (let key of Object.keys(metadata)) {
this.info(`${TAG} get metadata key ${key} value ${metadata[key]}`)
}

// 获取专辑封面（promise模式）
hilog.info(0x0000, TAG, "DoFetchArtPicture")
this.pixelMap = await avMetadataExtractor.fetchAlbumCover()
this.info(`${TAG} pixelMap = ${JSON.stringify(this.pixelMap)}`)

// 释放资源（promise模式）
avMetadataExtractor.release()
this.info(`${TAG} release success.`)
}

// 在以下demo中，使用资源管理接口获取打包在HAP内的媒体资源文件，通过设置fdSrc属性，获取音频元信息并打印，
// 获取音频专辑封面并通过Image控件显示在屏幕上。该demo以Promise形式进行异步接口调用
async testFetchFrameByTimeByPromise() {
// 创建AVMetadataExtractor对象
let avMetadataExtractor: media.AVMetadataExtractor = await media.createAVMetadataExtractor()

// 设置fdSrc
avMetadataExtractor.fdSrc = await getContext(this).resourceManager.getRawFd('cover.mp3');

// 获取元信息（callback模式）
avMetadataExtractor.fetchMetadata((error, metadata) => {
if (error) {
console.error(`${TAG} fetchMetadata callback failed, err = ${JSON.stringify(error)}`)
return
}
console.info(`${TAG} fetchMetadata callback success, genre: ${metadata.genre}`)
})

//获取专辑封面（callback模式）
avMetadataExtractor.fetchAlbumCover((err, pixelMap) => {
if (err) {
console.error(`${TAG} fetchAlbumCover callback failed, err = ${JSON.stringify(err)}`)
return
}
this.pixelMap = pixelMap
// 释放资源（callback模式）
avMetadataExtractor.release((error) => {
if (error) {
console.error(`${TAG} release failed, err = ${JSON.stringify(error)}`)
return
}
console.info(`${TAG} release success.`)
})
})
}

// 在以下demo中，使用fileIo文件系统打开沙箱地址获取媒体文件地址，设置dataSrc属性，获取音频元信息并打印，
// 获取音频专辑封面并通过Image控件显示在屏幕上。
async testFetchMetadataFromDataSrc() {
// 创建AVMetadataExtractor对象
let context = getContext(this) as common.UIAbilityContext
// 通过UIAbilityContext获取沙箱地址filesDir（以Stage模型为例）
let filePath: string = context.filesDir + '/cover.mp3';
let fd: number = fs.openSync(filePath, 0o0).fd;
let fileSize: number = fs.statSync(filePath).size;

// 设置dataSrc描述符，通过callback从文件中获取资源，写入buffer中
let dataSrc: media.AVDataSrcDescriptor = {
fileSize: -1,
callback: (buf: ArrayBuffer, length: number) => {
let num = 0;
if (buf == undefined || length == undefined) {
return -1;
}
num = fs.readSync(fd, buf);
if (num > 0) {
return num;
}
return -1;
}
}

// 创建AVMetadataExtractor对象
let avMetadataExtractor = await media.createAVMetadataExtractor()
// 设置dataSrc
avMetadataExtractor.dataSrc = dataSrc;

// 获取元信息（promise模式）
let metadata = await avMetadataExtractor.fetchMetadata()
console.info(`${TAG} get meta data, mimeType: ${metadata.mimeType}`)

// 获取专辑封面（promise模式）
avMetadataExtractor.fetchAlbumCover((error: BusinessError, pixelMap: image.PixelMap) => {
if (error) {
console.error(`Failed to fetch AlbumCover, error = ${JSON.stringify(error)}`);
return;
}
this.pixelMap = pixelMap;
});

// 释放资源（promise模式）
avMetadataExtractor.release()
console.info(`${TAG} release data source success.`)
}

info(...args: ESObject[]) {
hiLog.info(this.domain, this.prefix, this.format, args)
}

error(...args: ESObject[]) {
hiLog.error(this.domain, this.prefix, this.format, args)
}
}