ImageKnife/entry/src/main/ets/pages/basicTestMediaImage.ets

/*
 * Copyright (C) 2021 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the 'License');
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an 'AS IS' BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
import featureAbility from '@ohos.ability.featureAbility';
import { FileUtils } from '@ohos/libraryimageknife'
import { FileTypeUtil } from '@ohos/libraryimageknife'
import resourceManager from '@ohos.resourceManager';
import { Base64 } from '@ohos/libraryimageknife'
import { ParseImageUtil } from '@ohos/libraryimageknife'
import { ImageKnifeGlobal } from '@ohos/libraryimageknife'
import { BusinessError } from '@ohos.base'
import common from '@ohos.app.ability.common';
@Entry
@Component
struct BasicTestMediaImage {
  @State imagePixelMap?: PixelMap =  undefined;

  build() {
    Scroll() {
      Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
        Flex({ direction: FlexDirection.Row }) {
          Button('本地资源jpg')
            .onClick(() => {
              ((ImageKnifeGlobal.getInstance().getHapContext() as common.UIAbilityContext).resourceManager as resourceManager.ResourceManager)
              .getMediaContent($r('app.media.jpgSample').id)
                .then(data => {
                  let arrayBuffer = this.typedArrayToBuffer(data);
                  let parseImageUtil = new ParseImageUtil();
                  parseImageUtil.parseImage(arrayBuffer, (pxielmap) => {
                    this.imagePixelMap = pxielmap;
                  }, (err:BusinessError|string|undefined) => {
                  })
                })
                .catch((err:BusinessError) => {
                  console.log('basicTestMediaImage - 本地加载资源err' + JSON.stringify(err));
                })
            }).margin({ left: 15 }).backgroundColor(Color.Blue)
          Button('本地资源png')
            .onClick(() => {
              ((ImageKnifeGlobal.getInstance().getHapContext() as common.UIAbilityContext).resourceManager as resourceManager.ResourceManager)
              .getMediaContent($r('app.media.pngSample').id)
                .then(data => {
                  let arrayBuffer = this.typedArrayToBuffer(data);
                  let parseImageUtil = new ParseImageUtil();
                  parseImageUtil.parseImage(arrayBuffer, (pxielmap) => {
                    this.imagePixelMap = pxielmap;
                  },(err:BusinessError|string|undefined) => {
                  })
                })
                .catch((err:BusinessError) => {
                  console.log('basicTestMediaImage - 本地加载资源err' + JSON.stringify(err));
                })
            }).margin({ left: 15 }).backgroundColor(Color.Blue)
          Button('本地资源bmp')
            .onClick(() => {
              ((ImageKnifeGlobal.getInstance().getHapContext() as common.UIAbilityContext).resourceManager as resourceManager.ResourceManager)
              .getMediaContent($r('app.media.bmpSample').id)
                .then(data => {
                  let arrayBuffer = this.typedArrayToBuffer(data);
                  let parseImageUtil = new ParseImageUtil();
                  parseImageUtil.parseImage(arrayBuffer, (pxielmap) => {
                    this.imagePixelMap = pxielmap;
                  }, (err:BusinessError|string|undefined) => {
                  })
                })
                .catch((err:BusinessError) => {
                  console.log('basicTestMediaImage - 本地加载资源err' + JSON.stringify(err));
                })
            }).margin({ left: 15 }).backgroundColor(Color.Blue)
          Button('本地资源webp')
            .onClick(() => {
              ((ImageKnifeGlobal.getInstance().getHapContext() as common.UIAbilityContext).resourceManager as resourceManager.ResourceManager)
              .getMediaContent($r('app.media.jpgSample').id)
                .then(data => {
                  let arrayBuffer = this.typedArrayToBuffer(data);
                  let parseImageUtil = new ParseImageUtil();
                  parseImageUtil.parseImage(arrayBuffer, (pxielmap) => {
                    this.imagePixelMap = pxielmap;
                  }, (err:BusinessError|string|undefined) => {
                  })
                })
                .catch((err:BusinessError)  => {
                  console.log('basicTestMediaImage - 本地加载资源err' + JSON.stringify(err));
                })
            }).margin({ left: 15 }).backgroundColor(Color.Blue)
          Button('本地资源gif')
            .onClick(() => {
              ((ImageKnifeGlobal.getInstance().getHapContext() as common.UIAbilityContext).resourceManager as resourceManager.ResourceManager)
              .getMediaContent($r('app.media.gifSample').id)
                .then(data => {
                  let arrayBuffer = this.typedArrayToBuffer(data);
                  let parseImageUtil = new ParseImageUtil();
                  parseImageUtil.parseImage(arrayBuffer, (pxielmap) => {
                    this.imagePixelMap = pxielmap;
                  }, (err:BusinessError|string|undefined)  => {
                  })
                })
                .catch((err:BusinessError)  => {
                  console.log('basicTestMediaImage - 本地加载资源err' + JSON.stringify(err));
                })
            }).margin({ left: 15 }).backgroundColor(Color.Blue)
        }
        .margin({ top: 15 })

        Image(this.imagePixelMap)
          .width(300)
          .height(300)
          .backgroundColor(Color.Pink)
      }
    }
    .width('100%')
    .height('100%')
  }

  typedArrayToBuffer(array: Uint8Array): ArrayBuffer {
    return array.buffer.slice(array.byteOffset, array.byteLength + array.byteOffset)
  }
}