/*
 * 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/libraryimageknife'
import { PageViewModel } from './model/PageViewModel'

@Entry
@Component
struct ObjectFitPage {
  @State imageKnifeOption: ImageKnifeOption = {
    loadSrc: $r('app.media.app_icon'),
    placeholderSrc: $r('app.media.loading'),
    errorholderSrc: $r('app.media.app_icon'),
    objectFit: ImageFit.Fill
  }

  build() {
    Column() {

      Button($r('app.string.Main_image_Fill')).onClick(()=>{
        this.imageKnifeOption = {
          loadSrc: $r('app.media.app_icon'),
          placeholderSrc: $r('app.media.loading'),
          errorholderSrc: $r('app.media.app_icon'),
          objectFit: ImageFit.Fill
        }
      })

      Button($r('app.string.Maintain_proportion_filling')).margin({top:10}).onClick(async () => {
        ImageKnife.getInstance().removeAllMemoryCache()
        await ImageKnife.getInstance().removeAllFileCache()

        this.imageKnifeOption = {
          loadSrc: PageViewModel.getLongMenus()[0],
          placeholderSrc: $r('app.media.app_icon'),
          errorholderSrc: $r('app.media.app_icon'),
          objectFit: ImageFit.Fill,
          placeholderObjectFit: ImageFit.Contain
        }
      })


      Button($r('app.string.Error_graph_None')).margin({top:10}).onClick(() => {
        this.imageKnifeOption = {
          loadSrc: 'http://xxxxx',
          placeholderSrc: $r('app.media.loading'),
          errorholderSrc: $r('app.media.app_icon'),
          objectFit: ImageFit.Fill,
          errorholderObjectFit: ImageFit.None
        }
      })

      ImageKnifeComponent({
        imageKnifeOption: this.imageKnifeOption
      }).width(300).height(200).border({width:1}).margin({top:50})

    }
    .height('100%')
    .width('100%')
  }
}