HarmonyOS鸿蒙Next中想展示沙箱环境下的文件列表，文件列表中想用文件的缩略图当图标，怎么实现呢

1/ 使用@kit.CoreFileKit遍历应用沙箱目录：

import { fileio } from '[@kit](/user/kit).CoreFileKit';

// 获取沙箱路径（这里就以cache目录为例）

const context = getContext(this) as common.UIAbilityContext;

const sandboxPath = context.filesDir;

// 读取目录中的文件列表

let dir = fileio.opendirSync(sandboxPath);

let fileList: Array<{ name: string, path: string }> = [];

let entry = dir.readSync();

while (entry !== undefined) {

  if (entry.isFile()) {

    fileList.push({

      name: entry.name,

      path: sandboxPath + '/' + entry.name

    });

  }

  entry = dir.readSync();

}

dir.closeSync();

2/ 生成缩略图

import { photoAccessHelper } from '[@kit](/user/kit).MediaLibraryKit';

// 通过文件路径获取缩略图

async function getThumbnail(filePath: string): Promise<image.PixelMap> {

  const assets = await photoAccessHelper.getAssets({

    selection: {

      uri: `file://${filePath}`,

      type: photoAccessHelper.PhotoViewMIMETypes.IMAGE_TYPE

    }

  });

  return await assets.getThumbnail({

    size: { width: 64, height: 64 }

  });

}

非图片文件处理：

// 根据扩展名匹配图标

function getFileIcon(fileName: string): Resource {

  const ext = fileName.split('.').pop()?.toLowerCase();

  switch (ext) {

    case 'doc': return $r('app.media.word_icon');

    case 'pdf': return $r('app.media.pdf_icon');

    default: return $r('app.media.unknown_icon');

  }

}

3/ 列表渲染实现

// 使用LazyForEach优化性能

List({ space: 10 }) {

  LazyForEach(this.fileList, (item) => {

    ListItem() {

      Row() {

        if (item.type === 'image') {

          Image(await getThumbnail(item.path))

            .size({ width: 64, height: 64 })

        } else {

          Image(getFileIcon(item.name))

            .size({ width: 64, height: 64 })

        }

        Text(item.name)

          .fontSize(16)

      }

    }

  }, item => item.path)

}