/*
* Copyright (c) 2025 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 { router } from '@kit.ArkUI';
@Entry
@Component
struct Index {
@State message: string = 'Image Example';
build() {
RelativeContainer() {
Scroll() {
Column() {
Button('router ImageExample001').onClick(() => {
console.log('router ImageExample001');
router.pushUrl({ url: 'pages/example/ImageExample001' })
})
Button('router ImageExample002').onClick(() => {
console.log('router ImageExample002');
router.pushUrl({ url: 'pages/example/ImageExample002' })
})
Button('router ImageExample003').onClick(() => {
console.log('router ImageExample003');
router.pushUrl({ url: 'pages/example/ImageExample003' })
})
Button('router ImageExample004').onClick(() => {
console.log('router ImageExample004');
router.pushUrl({ url: 'pages/example/ImageExample004' })
})
Button('router ImageExample005').onClick(() => {
console.log('router ImageExample005');
router.pushUrl({ url: 'pages/example/ImageExample005' })
})
Button('router ImageExample006').onClick(() => {
console.log('router ImageExample006');
router.pushUrl({ url: 'pages/example/ImageExample006' })
})
Button('router ImageExample007').onClick(() => {
console.log('router ImageExample007');
router.pushUrl({ url: 'pages/example/ImageExample007' })
})
Button('router ImageExample008').onClick(() => {
console.log('router ImageExample008');
router.pushUrl({ url: 'pages/example/ImageExample008' })
})
Button('router ImageExample009').onClick(() => {
console.log('router ImageExample009');
router.pushUrl({ url: 'pages/example/ImageExample009' })
})
Button('router ImageExample010').onClick(() => {
console.log('router ImageExample010');
router.pushUrl({ url: 'pages/example/ImageExample010' })
})
Button('router ImageExample011').onClick(() => {
console.log('router ImageExample011');
router.pushUrl({ url: 'pages/example/ImageExample011' })
})
Button('router ImageExample012').onClick(() => {
console.log('router ImageExample012');
router.pushUrl({ url: 'pages/example/ImageExample012' })
})
Button('router ImageExample013').onClick(() => {
console.log('router ImageExample013');
router.pushUrl({ url: 'pages/example/ImageExample013' })
})
Button('router ImageExample014').onClick(() => {
console.log('router ImageExample014');
router.pushUrl({ url: 'pages/example/ImageExample014' })
})
Button('router ImageExample015').onClick(() => {
console.log('router ImageExample015');
router.pushUrl({ url: 'pages/example/ImageExample015' })
})
Button('router ImageExample016').onClick(() => {
console.log('router ImageExample016');
router.pushUrl({ url: 'pages/example/ImageExample016' })
})
Button('router ImageExample017').onClick(() => {
console.log('router ImageExample017');
router.pushUrl({ url: 'pages/example/ImageExample017' })
})
Button('router ImageSyncLoadExample').onClick(() => {
console.log('router ImageSyncLoadExample');
router.pushUrl({ url: 'pages/example/ImageSyncLoadExample' })
})
Button('router ImageComprehensiveExample').onClick(() => {
console.log('router ImageComprehensiveExample');
router.pushUrl({ url: 'pages/example/ImageComprehensiveExample' })
})
Button('router ImageAdvancedFeaturesExample').onClick(() => {
console.log('router ImageAdvancedFeaturesExample');
router.pushUrl({ url: 'pages/example/ImageAdvancedFeaturesExample' })
})
Button('router ImageCompleteDemo').onClick(() => {
console.log('router ImageCompleteDemo');
router.pushUrl({ url: 'pages/example/ImageCompleteDemo' })
})
Button('router ImagePerformanceExample').onClick(() => {
console.log('router ImagePerformanceExample');
router.pushUrl({ url: 'pages/example/ImagePerformanceExample' })
})
Button('router ImageTextCompositeExample').onClick(() => {
console.log('router ImageTextCompositeExample');
routerser.pushUrl({ url: 'pages/example/ImageTextCompositeExample' })
})
Button('router ImageRealWorldExample').onClick(() => {
console.log('router ImageRealWorldExample');
router.pushUrl({ url: 'pages/example/ImageRealWorldExample' })
})
Button('router ImageModifier001').onClick(() => {
console.log('router ImageModifierTestCase001');
router.pushUrl({ url: 'pages/testcase/ImageModifierTestCase001' })
})
Button('router ImageModifier002').onClick(() => {
console.log('router ImageModifier002');
router.pushUrl({ url: 'pages/testcase/ImageModifier002' })
})
Button('router ImageTestcase001').onClick(() => {
console.log('router ImageTestcase001');
router.pushUrl({ url: 'pages/testcase/ImageTestcase001' })
})
Button('router ImageTestcase002').onClick(() => {
console.log('router ImageTestcase002');
router.pushUrl({ url: 'pages/testcase/ImageTestcase002' })
})
Button('router ImageTestcase003').onClick(() => {
console.log('router ImageTestcase003');
router.pushUrl({ url: 'pages/testcase/ImageTestcase003' })
})
Button('router ImageTestcase004').onClick(() => {
console.log('router ImageTestcase004');
router.pushUrl({ url: 'pages/testcase/ImageTestcase004' })
})
Button('router ImageTestcase005').onClick(() => {
console.log('router ImageTestcase005');
router.pushUrl({ url: 'pages/testcase/ImageTestcase005' })
})
Button('router ImageTestcase006').onClick(() => {
console.log('router ImageTestcase006');
router.pushUrl({ url: 'pages/testcase/ImageTestcase006' })
})
Button('router ImageTestcase007').onClick(() => {
console.log('router ImageTestcase007');
router.pushUrl({ url: 'pages/testcase/ImageTestcase007' })
})
Button('router ImageTestcase008').onClick(() => {
console.log('router ImageTestcase008');
router.pushUrl({ url: 'pages/testcase/ImageTestcase008' })
})
Button('router SVG Examples Index').onClick(() => {
console.log('router SVG Examples Index');
router.pushUrl({ url: 'pages/SVG/Index' })
})
Button('router ImageExample080').onClick(() => {
console.log('router ImageExample080');
router.pushUrl({ url: 'pages/example/ImageExample080' })
})
Button('router ImageExample081').onClick(() => {
console.log('router ImageExample081');
router.pushUrl({ url: 'pages/example/ImageExample081' })
})
Button('router ImageExample082').onClick(() => {
console.log('router ImageExample082');
router.pushUrl({ url: 'pages/example/ImageExample082' })
})
Button('router ImageExample083').onClick(() => {
console.log('router ImageExample083');
router.pushUrl({ url: 'pages/example/ImageExample083' })
})
Button('router ImageExample084').onClick(() => {
console.log('router ImageExample084');
router.pushUrl({ url: 'pages/example/ImageExample084' })
})
Button('router ImageExample085').onClick(() => {
console.log('router ImageExample085');
router.pushUrl({ url: 'pages/example/ImageExample085' })
})
Button('router ImageExample086').onClick(() => {
console.log('router ImageExample086');
router.pushUrl({ url: 'pages/example/ImageExample086' })
})
Button('router ImageExample087').onClick(() => {
console.log('router ImageExample087');
router.pushUrl({ url: 'pages/example/ImageExample087' })
})
Button('router ImageExample088').onClick(() => {
console.log('router ImageExample088');
router.pushUrl({ url: 'pages/example/ImageExample088' })
})
Button('router ImageExample089').onClick(() => {
console.log('router ImageExample089');
router.pushUrl({ url: 'pages/example/ImageExample089' })
})
Button('router ImageExample090').onClick(() => {
console.log('router ImageExample090');
router.pushUrl({ url: 'pages/example/ImageExample090' })
})
Button('router ImageExample091').onClick(() => {
console.log('router ImageExample091');
router.pushUrl({ url: 'pages/example/ImageExample091' })
})
Button('router ImageExample092').onClick(() => {
console.log('router ImageExample092');
router.pushUrl({ url: 'pages/example/ImageExample092' })
})
Button('router ImageExample093').onClick(() => {
console.log('router ImageExample093');
router.pushUrl({ url: 'pages/example/ImageExample093' })
})
Button('router ImageReloadKeyExample').onClick(() => {
console.log('router ImageReloadKeyExample');
router.pushUrl({ url: 'pages/example/ImageReloadKeyExample' })
})
Button('router ImageReloadKeyScenarioExample').onClick(() => {
console.log('router ImageReloadKeyScenarioExample');
router.pushUrl({ url: 'pages/example/ImageReloadKeyScenarioExample' })
})
Button('router ImageReloadKeyTestCase').onClick(() => {
console.log('router ImageReloadKeyTestCase');
router.pushUrl({ url: 'pages/testcase/ImageReloadKeyTestCase' })
})
Button('router ImageBase64SvgExample').onClick(() => {
console.log('router ImageBase64SvgExample');
router.pushUrl({ url: 'pages/example/ImageBase64SvgExample' })
})
Button('router ImageContentDetectionExample').onClick(() => {
console.log('router ImageContentDetectionExample');
router.pushUrl({ url: 'pages/example/ImageContentDetectionExample' })
})
}
}
}
.height('100%')
.width('100%')
}
}
