/*
 * Copyright (C) 2024 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 { ImageKnife , ImageKnifeComponent ,ImageKnifeOption } from "@ohos/imageknife"

@Component
export struct IndexComponent {
  @State imageKnifeOption: ImageKnifeOption = {
    loadSrc: $r('app.media.startIcon')
  }
  build() {
    Column() {
      Button("preload").onClick((event: ClickEvent) => {
        ImageKnife.getInstance()
          .preLoadCache('https://hbimg.huabanimg.com/95a6d37a39aa0b70d48fa18dc7df8309e2e0e8e85571e-x4hhks_fw658/format/webp')
          .then((data) => {
            console.log("preLoadImage_FileCache:" + data)
            this.imageKnifeOption.loadSrc = data
          })
      })
      ImageKnifeComponent({
        imageKnifeOption:this.imageKnifeOption
      }).width(300).height(300)
    }
    .width('100%')
    .height('100%')
  }
}