diff --git a/entry/src/main/ets/pages/ImageTransformation.ets b/entry/src/main/ets/pages/ImageTransformation.ets index 5a88f34..5e4e007 100644 --- a/entry/src/main/ets/pages/ImageTransformation.ets +++ b/entry/src/main/ets/pages/ImageTransformation.ets @@ -35,17 +35,17 @@ import { import { collections } from '@kit.ArkTS' @Entry -@ComponentV2 +@Component struct ImageTransformation { - @Local imageKnifeOption: ImageKnifeOption = new ImageKnifeOption({ + @State imageKnifeOption: ImageKnifeOption = { loadSrc: $r('app.media.pngSample'), placeholderSrc: $r("app.media.loading"), errorholderSrc: $r("app.media.app_icon"), objectFit: ImageFit.Contain - }) - @Local isRound: boolean = false; - @Local isContrast: boolean = false; - @Local isRotate: boolean = false; + } + @State isRound: boolean = false; + @State isContrast: boolean = false; + @State isRotate: boolean = false; isBlur: boolean = false isBrightness: boolean = false isGrayScale: boolean = false; @@ -412,14 +412,14 @@ struct ImageTransformation { if (this.isMask) { transformations.push(new MaskTransformation($r('app.media.mask_starfish'))); } - this.imageKnifeOption = new ImageKnifeOption({ + this.imageKnifeOption = { loadSrc: $r('app.media.pngSample'), placeholderSrc: $r("app.media.loading"), errorholderSrc: $r("app.media.app_icon"), objectFit: ImageFit.Contain, border: { radius: this.isRound ? { topLeft: 50, bottomRight: 50 } : 0 }, transformation: transformations.length > 0 ? new MultiTransTransformation(transformations) : undefined - }) + } if (this.isCropCircle) { this.imageKnifeOption.objectFit = ImageFit.Cover; this.imageKnifeOption.border = { radius: 150 }; diff --git a/entry/src/main/ets/pages/Index.ets b/entry/src/main/ets/pages/Index.ets index 2dc78be..afbaafe 100644 --- a/entry/src/main/ets/pages/Index.ets +++ b/entry/src/main/ets/pages/Index.ets @@ -83,12 +83,6 @@ struct Index { }); }) - // Button(this.getResourceString($r('app.string.Multiple_images')) + " + LazyForEach").margin({top:10}).onClick(()=>{ - // router.push({ - // uri: 'pages/ManyPhotoShowPage', - // - // }); - // }) Button(this.getResourceString($r('app.string.Multiple_images')) + " + reuse + LazyForeach").margin({top:10}).onClick(()=>{ router.push({ uri: 'pages/UserPage', diff --git a/entry/src/main/ets/pages/ListPage.ets b/entry/src/main/ets/pages/ListPage.ets index 1c6d614..c604d97 100644 --- a/entry/src/main/ets/pages/ListPage.ets +++ b/entry/src/main/ets/pages/ListPage.ets @@ -15,11 +15,11 @@ import { ImageKnifeComponent, ImageKnifeOption } from '@ohos/libraryimageknife'; @Entry -@ComponentV2 +@Component struct ListPage { private data: string[] = [] - @Local ImageKnifeOption: ImageKnifeOption = new ImageKnifeOption({ loadSrc: $r('app.media.startIcon')}) + @State ImageKnifeOption: ImageKnifeOption = { loadSrc: $r('app.media.startIcon')} aboutToAppear(): void { diff --git a/entry/src/main/ets/pages/LongImagePage.ets b/entry/src/main/ets/pages/LongImagePage.ets index 0d09a96..3b62768 100644 --- a/entry/src/main/ets/pages/LongImagePage.ets +++ b/entry/src/main/ets/pages/LongImagePage.ets @@ -12,26 +12,26 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -import { ImageKnifeComponent,ImageKnifeOption } from '@ohos/libraryimageknife' +import { ImageKnifeComponent } from '@ohos/libraryimageknife' @Entry -@ComponentV2 +@Component struct LongImagePage { build() { Scroll() { - // Image("https://wx2.sinaimg.cn/mw690/006HyQKGgy1hnqp08dw09j30u04twu0x.jpg").objectFit(ImageFit.Auto).height(300) + // Image("https://wx2.sinaimg.cn/mw690/006HyQKGgy1hnqp08dw09j30u04twu0x.jpg").objectFit(ImageFit.Auto).height(300) - // Image($r("app.media.aaa")).objectFit(ImageFit.Auto).width(200) + // Image($r("app.media.aaa")).objectFit(ImageFit.Auto).width(200) ImageKnifeComponent({ - imageKnifeOption: new ImageKnifeOption({ + imageKnifeOption: { loadSrc:"https://wx2.sinaimg.cn/mw690/006HyQKGgy1hnqp08dw09j30u04twu0x.jpg", //src:$r("app.media.aaa"), placeholderSrc: $r("app.media.loading"), errorholderSrc: $r("app.media.failed"), objectFit: ImageFit.Auto - }) + } }) } .height('100%') .width('100%') diff --git a/entry/src/main/ets/pages/SetMaxRequestPage.ets b/entry/src/main/ets/pages/SetMaxRequestPage.ets index 25622df..b7dcb5e 100644 --- a/entry/src/main/ets/pages/SetMaxRequestPage.ets +++ b/entry/src/main/ets/pages/SetMaxRequestPage.ets @@ -1,3 +1,17 @@ +/* + * 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 { router } from '@kit.ArkUI' @Entry diff --git a/entry/src/main/ets/pages/SignatureTestPage.ets b/entry/src/main/ets/pages/SignatureTestPage.ets index 8fc1763..5d60c3a 100644 --- a/entry/src/main/ets/pages/SignatureTestPage.ets +++ b/entry/src/main/ets/pages/SignatureTestPage.ets @@ -16,18 +16,18 @@ import { ImageKnifeComponent, ImageKnifeOption } from '@ohos/libraryimageknife'; @Entry -@ComponentV2 +@Component struct SignatureTestPage { - @Local imageKnifeOption1: ImageKnifeOption =new ImageKnifeOption( + @State imageKnifeOption1: ImageKnifeOption = { loadSrc: $r('app.media.icon'), placeholderSrc:$r("app.media.loading"), - }); - @Local imageKnifeOption2: ImageKnifeOption =new ImageKnifeOption( + }; + @State imageKnifeOption2: ImageKnifeOption = { loadSrc: $r('app.media.icon'), placeholderSrc:$r("app.media.loading"), - }); + }; build() { Scroll() { @@ -37,11 +37,11 @@ struct SignatureTestPage { Flex({ direction: FlexDirection.Row, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) { Button($r('app.string.Load')) .onClick(() => { - this.imageKnifeOption1 = new ImageKnifeOption({ + this.imageKnifeOption1 = { loadSrc: 'https://img-blog.csdn.net/20140514114029140', placeholderSrc:$r("app.media.loading"), signature: "1" - }) + } }).margin({ top: 5, left: 3 }) ImageKnifeComponent({ imageKnifeOption: this.imageKnifeOption1 }).width(300).height(300) }.width('100%').backgroundColor(Color.Pink) @@ -50,11 +50,11 @@ struct SignatureTestPage { Flex({ direction: FlexDirection.Row, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) { Button($r('app.string.Load')) .onClick(() => { - this.imageKnifeOption2 = new ImageKnifeOption({ + this.imageKnifeOption2 = { loadSrc: 'https://img-blog.csdn.net/20140514114029140', placeholderSrc:$r("app.media.loading"), signature: new Date().getTime().toString() - }) + } }).margin({ top: 5, left: 3 }) ImageKnifeComponent({ imageKnifeOption: this.imageKnifeOption2 }).width(300).height(300) }.width('100%').backgroundColor(Color.Pink) diff --git a/entry/src/main/ets/pages/TestCommonImage.ets b/entry/src/main/ets/pages/TestCommonImage.ets index 66f3514..669220c 100644 --- a/entry/src/main/ets/pages/TestCommonImage.ets +++ b/entry/src/main/ets/pages/TestCommonImage.ets @@ -12,10 +12,10 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -import { ImageKnifeComponent ,ImageKnifeOption} from '@ohos/libraryimageknife'; +import { ImageKnifeComponent } from '@ohos/libraryimageknife'; @Entry -@ComponentV2 +@Component struct TestCommonImage { private data: Array = [] aboutToAppear(): void { @@ -30,13 +30,13 @@ struct TestCommonImage { FlowItem() { Column(){ ImageKnifeComponent({ - imageKnifeOption: new ImageKnifeOption({ + imageKnifeOption: { loadSrc: item, placeholderSrc: $r("app.media.loading"), errorholderSrc: $r("app.media.failed"), objectFit: ImageFit.Contain, signature: "aaa" - }) + } }).width("50%").height(200) } }.height(200) diff --git a/entry/src/main/ets/pages/TestErrorHolderPage.ets b/entry/src/main/ets/pages/TestErrorHolderPage.ets index 0b716e2..f49ab6c 100644 --- a/entry/src/main/ets/pages/TestErrorHolderPage.ets +++ b/entry/src/main/ets/pages/TestErrorHolderPage.ets @@ -12,34 +12,34 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -import { ImageKnifeComponent,ImageKnifeOption } from '@ohos/libraryimageknife' +import { ImageKnifeComponent } from '@ohos/libraryimageknife' @Entry -@ComponentV2 +@Component struct TestErrorHolderPage { build() { Column() { Text("ImageKnifeComponent1").fontSize(20) ImageKnifeComponent({ - imageKnifeOption: new ImageKnifeOption({ + imageKnifeOption: { loadSrc: "abc", errorholderSrc:$r('app.media.failed') - }) + } }).width(200).height(200) Text("ImageKnifeComponent2").fontSize(20) ImageKnifeComponent({ - imageKnifeOption: new ImageKnifeOption({ + imageKnifeOption: { loadSrc: "abc", errorholderSrc:$r('app.media.startIcon') - }) + } }).width(200).height(200) Text("ImageKnifeComponent2").fontSize(20) ImageKnifeComponent({ - imageKnifeOption: new ImageKnifeOption({ + imageKnifeOption: { loadSrc: "abc", errorholderSrc:$r('app.media.mask_starfish') - }) + } }).width(200).height(200) } .height('100%') .width('100%') diff --git a/entry/src/main/ets/pages/TestHeader.ets b/entry/src/main/ets/pages/TestHeader.ets index 50027b0..9be198e 100644 --- a/entry/src/main/ets/pages/TestHeader.ets +++ b/entry/src/main/ets/pages/TestHeader.ets @@ -15,9 +15,9 @@ import { ImageKnifeComponent,ImageKnifeOption } from '@ohos/libraryimageknife' @Entry -@ComponentV2 +@Component struct TestPrefetchToFileCachePage { - @Local imageKnifeOption: ImageKnifeOption = new ImageKnifeOption({ + @State imageKnifeOption: ImageKnifeOption = { loadSrc:"https://gd-hbimg.huaban.com/e0a25a7cab0d7c2431978726971d61720732728a315ae-57EskW_fw658", placeholderSrc:$r('app.media.loading'), headerOption:[ @@ -26,7 +26,7 @@ struct TestPrefetchToFileCachePage { value:"单个" } ] - }) + } build() { Column() { diff --git a/entry/src/main/ets/pages/TestHspPreLoadImage.ets b/entry/src/main/ets/pages/TestHspPreLoadImage.ets index e1084b8..c8ba600 100644 --- a/entry/src/main/ets/pages/TestHspPreLoadImage.ets +++ b/entry/src/main/ets/pages/TestHspPreLoadImage.ets @@ -15,11 +15,11 @@ import { IndexComponent } from "@ohos/libraryimageknife" @Entry -@ComponentV2 +@Component struct TestHspPreLoadImage { build() { Column() { - IndexComponent() + IndexComponent() }.width("100%").height('100%') } } \ No newline at end of file diff --git a/entry/src/main/ets/pages/TestImageFlash.ets b/entry/src/main/ets/pages/TestImageFlash.ets index df2d363..53b9826 100644 --- a/entry/src/main/ets/pages/TestImageFlash.ets +++ b/entry/src/main/ets/pages/TestImageFlash.ets @@ -12,9 +12,9 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -import { ImageKnifeComponent,ImageKnifeOption } from '@ohos/libraryimageknife' +import { ImageKnifeComponent } from '@ohos/libraryimageknife' -@ObservedV2 +@Observed export class MsgModel { id: string cId: string @@ -30,10 +30,10 @@ export class MsgModel { } -// @Reusable -@ComponentV2 +@Reusable +@Component export struct MsgItem { - @Param count: number = 0 + count: number = 0 private data: Array = [ "http://e.hiphotos.baidu.com/image/pic/item/a1ec08fa513d2697e542494057fbb2fb4316d81e.jpg", "http://c.hiphotos.baidu.com/image/pic/item/30adcbef76094b36de8a2fe5a1cc7cd98d109d99.jpg", @@ -59,37 +59,37 @@ export struct MsgItem { build(){ if (this.count % 2 == 0 && this.count <6){ ImageKnifeComponent({ - imageKnifeOption:new ImageKnifeOption({ + imageKnifeOption:{ loadSrc:$r("app.media.startIcon"), placeholderSrc:$r("app.media.loading") - }),syncLoad:true + },syncLoad:true }) }else if (this.count > 6 && this.count - 6 < this.data.length){ ImageKnifeComponent({ - imageKnifeOption:new ImageKnifeOption({ + imageKnifeOption:{ loadSrc:this.data[this.count - 6], placeholderSrc:$r("app.media.loading") - }),syncLoad:true + },syncLoad:true }) }else { ImageKnifeComponent({ - imageKnifeOption:new ImageKnifeOption({ + imageKnifeOption:{ loadSrc:$r("app.media.pngSample"), placeholderSrc:$r("app.media.loading") - }),syncLoad:true + },syncLoad:true }) } } } @Entry -@ComponentV2 +@Component struct ImageTestPage { count : number = 0 rCount: number = 0 scroller: Scroller = new Scroller() - @Local list: MsgModel[] = [] - @Local imageSize: number =100 + @State list: MsgModel[] = [] + @State imageSize: number =100 handAdd(){ this.count++ const msgItem = new MsgModel('add_id'+this.count, 'addBody'+this.count,'cId'+ this.count) diff --git a/entry/src/main/ets/pages/TestIsUrlExist.ets b/entry/src/main/ets/pages/TestIsUrlExist.ets index da91f54..ad4daa6 100644 --- a/entry/src/main/ets/pages/TestIsUrlExist.ets +++ b/entry/src/main/ets/pages/TestIsUrlExist.ets @@ -15,15 +15,15 @@ import { ImageKnifeComponent, ImageKnife, ImageKnifeOption, CacheStrategy } from '@ohos/libraryimageknife' @Entry -@ComponentV2 +@Component struct TestIsUrlExist { - @Local imageKnifeOption: ImageKnifeOption = new ImageKnifeOption({ + @State imageKnifeOption: ImageKnifeOption = { loadSrc: $r('app.media.startIcon'), placeholderSrc: $r('app.media.loading'), errorholderSrc:$r('app.media.failed') - }) - @Local source: PixelMap | string | Resource = $r("app.media.startIcon") - @Local source1: PixelMap | string | Resource = $r("app.media.startIcon") + } + @State source: PixelMap | string | Resource = $r("app.media.startIcon") + @State source1: PixelMap | string | Resource = $r("app.media.startIcon") build() { Column() { diff --git a/entry/src/main/ets/pages/TestPrefetchToFileCache.ets b/entry/src/main/ets/pages/TestPrefetchToFileCache.ets index c541bd1..a1a1787 100644 --- a/entry/src/main/ets/pages/TestPrefetchToFileCache.ets +++ b/entry/src/main/ets/pages/TestPrefetchToFileCache.ets @@ -15,19 +15,19 @@ import { ImageKnifeComponent,ImageKnife,ImageKnifeOption } from '@ohos/libraryimageknife' @Entry -@ComponentV2 +@Component struct TestPrefetchToFileCachePage { - @Local imageKnifeOption: ImageKnifeOption = new ImageKnifeOption({ + @State imageKnifeOption: ImageKnifeOption = { loadSrc:$r('app.media.startIcon'), placeholderSrc:$r('app.media.loading'), errorholderSrc:$r('app.media.failed') - }) + } async preload(url:string) { let fileCachePath = await ImageKnife.getInstance().preLoadCache(url) console.log("preload-fileCachePath=="+ fileCachePath) } async preload1(url:string) { - let fileCachePath = await ImageKnife.getInstance().preLoadCache(new ImageKnifeOption({ loadSrc: url })) + let fileCachePath = await ImageKnife.getInstance().preLoadCache({ loadSrc: url }) console.log("preload-fileCachePath1=="+ fileCachePath) } build() { diff --git a/entry/src/main/ets/pages/TestRemoveCache.ets b/entry/src/main/ets/pages/TestRemoveCache.ets index aadfc5a..8a25454 100644 --- a/entry/src/main/ets/pages/TestRemoveCache.ets +++ b/entry/src/main/ets/pages/TestRemoveCache.ets @@ -15,16 +15,16 @@ import { ImageKnifeComponent, ImageKnife, ImageKnifeOption, CacheStrategy } from '@ohos/libraryimageknife' @Entry -@ComponentV2 +@Component struct TestRemoveCache { - @Local imageKnifeOption: ImageKnifeOption = new ImageKnifeOption({ + @State imageKnifeOption: ImageKnifeOption = { loadSrc: $r('app.media.startIcon'), placeholderSrc: $r('app.media.loading'), errorholderSrc:$r('app.media.failed') - }) - @Local source: PixelMap | string | Resource = $r("app.media.startIcon"); - @Local source1: PixelMap | string | Resource = $r("app.media.startIcon"); - @Local url: string = ''; + } + @State source: PixelMap | string | Resource = $r("app.media.startIcon"); + @State source1: PixelMap | string | Resource = $r("app.media.startIcon"); + @State url: string = ''; build() { Column() { diff --git a/entry/src/main/ets/pages/TransformPage.ets b/entry/src/main/ets/pages/TransformPage.ets index 0288c1d..29fbfd5 100644 --- a/entry/src/main/ets/pages/TransformPage.ets +++ b/entry/src/main/ets/pages/TransformPage.ets @@ -17,17 +17,17 @@ import matrix4 from '@ohos.matrix4' @Entry -@ComponentV2 +@Component struct TransformPage { private custom_scale:number = 1 - @Local matrix1:object = matrix4.identity().scale({ x: 1, y: 1 }) - @Local ImageKnifeOption: ImageKnifeOption = new ImageKnifeOption({ + @State matrix1:object = matrix4.identity().scale({ x: 1, y: 1 }) + @State ImageKnifeOption: ImageKnifeOption = { loadSrc: $r("app.media.rabbit"), placeholderSrc: $r("app.media.loading"), errorholderSrc: $r("app.media.app_icon"), objectFit: ImageFit.Contain, border: { radius: 50 } - }) + } build() { Column() { diff --git a/entry/src/main/ets/pages/User.ets b/entry/src/main/ets/pages/User.ets index 603b767..8eede94 100644 --- a/entry/src/main/ets/pages/User.ets +++ b/entry/src/main/ets/pages/User.ets @@ -15,50 +15,24 @@ import { ImageKnifeComponent, ImageKnifeOption } from '@ohos/libraryimageknife' // const logger = new imUtils.logger.IMLogger('Avatar') -@ObservedV2 -export class MyStorage { - static instance:MyStorage | undefined = undefined - static getInstance(){ - if(MyStorage.instance == undefined) { - MyStorage.instance = new MyStorage() - } - return MyStorage.instance - } - @Trace WeLink_Mob_fontSize_multiple: number = 1 + +class MyImageOption extends ImageKnifeOption { + account?: string } -@ComponentV2 +@Component export struct UserAvatar { + @Prop @Watch('userInfoUpdate') userInfo: string = "" // @Prop userInfo: string = "" imgSize: number = 100 radius: number = 12 borderSize: number = 0 imgSizes: number = 1 - @Local ImageKnifeOption: ImageKnifeOption = new ImageKnifeOption() + @State ImageKnifeOption: ImageKnifeOption = new ImageKnifeOption() + @StorageProp('WeLink_Mob_fontSize_multiple') @Watch('updateImgSize') WeLink_Mob_fontSize_multiple: number = 0 scalable: boolean = true; - @Local calcImgSize: number = 100 - @Param userInfo: string = "" - @Monitor('userInfo') - userInfoUpdate() { - // if (uri === 'userInfo' && this.imageKnifeOption.account !== this.userInfo.contactId) return; - // // logger.info(`userInfoUpdate uri=${uri} oldAcc=${this.imageKnifeOption.loadSrc} nowAcc=${this.userInfo.externalHeadUrl}`) - // if (this.userInfo.externalHeadUrl === this.imageKnifeOption.loadSrc && this.userInfo.infoUpdateTime.getTime() - // .toString() === this.imageKnifeOption?.signature?.getKey()) return; - this.ImageKnifeOption = new ImageKnifeOption({ - //TODO:写死loadSRC,场景:变更组件大小,所有图片不显示 - loadSrc: this.userInfo, - placeholderSrc: $r('app.media.loading'), - errorholderSrc: $r('app.media.failed'), - border: { radius:20,width:5,color:$r('app.color.start_window_background') }, - objectFit:ImageFit.Contain - // signature: new ObjectKey(this.userInfo.infoUpdateTime.getTime().toString()) - }) - } - @Local storage: MyStorage = MyStorage.getInstance() - @Monitor('storage.WeLink_Mob_fontSize_multiple') - updateImgSize() { - this.setImageSize() - } + @State calcImgSize: number = 100 + aboutToAppear(): void { this.userInfoUpdate() this.setImageSize() @@ -67,19 +41,39 @@ export struct UserAvatar { setImageSize() { if (!this.scalable) { this.calcImgSize = this.imgSize - } else if (this.storage.WeLink_Mob_fontSize_multiple < 0.9) { + } else if (this.WeLink_Mob_fontSize_multiple < 0.9) { this.calcImgSize = this.imgSize * 0.9 - } else if (this.storage.WeLink_Mob_fontSize_multiple > 1.6) { + } else if (this.WeLink_Mob_fontSize_multiple > 1.6) { this.calcImgSize = this.imgSize * 1.6 } else { - this.calcImgSize = this.imgSize * this.storage.WeLink_Mob_fontSize_multiple + this.calcImgSize = this.imgSize * this.WeLink_Mob_fontSize_multiple } } + updateImgSize() { + this.setImageSize() + } + aboutToReuse(param: ESObject) { this.userInfoUpdate() } + userInfoUpdate() { + // if (uri === 'userInfo' && this.imageKnifeOption.account !== this.userInfo.contactId) return; + // // logger.info(`userInfoUpdate uri=${uri} oldAcc=${this.imageKnifeOption.loadSrc} nowAcc=${this.userInfo.externalHeadUrl}`) + // if (this.userInfo.externalHeadUrl === this.imageKnifeOption.loadSrc && this.userInfo.infoUpdateTime.getTime() + // .toString() === this.imageKnifeOption?.signature?.getKey()) return; + this.ImageKnifeOption = { + //TODO:写死loadSRC,场景:变更组件大小,所有图片不显示 + loadSrc: this.userInfo, + placeholderSrc: $r('app.media.loading'), + errorholderSrc: $r('app.media.failed'), + border: { radius:20,width:5,color:$r('app.color.start_window_background') }, + objectFit:ImageFit.Contain + // signature: new ObjectKey(this.userInfo.infoUpdateTime.getTime().toString()) + } + } + build() { Row() { // Image(this.imageKnifeOption.loadSrc) @@ -93,12 +87,12 @@ export struct UserAvatar { - // Image(this.userInfo) - // Text((this.imageKnifeOption.loadSrc as string).split('/')[8]) - // .position({ x: 0, y: 0 }) - // .zIndex(9) - // .fontSize(12) - // .fontColor('#ff0000') + // Image(this.userInfo) + // Text((this.imageKnifeOption.loadSrc as string).split('/')[8]) + // .position({ x: 0, y: 0 }) + // .zIndex(9) + // .fontSize(12) + // .fontColor('#ff0000') } } } \ No newline at end of file diff --git a/entry/src/main/ets/pages/dataShareUriLoadPage.ets b/entry/src/main/ets/pages/dataShareUriLoadPage.ets index 7392044..b3915b7 100644 --- a/entry/src/main/ets/pages/dataShareUriLoadPage.ets +++ b/entry/src/main/ets/pages/dataShareUriLoadPage.ets @@ -18,15 +18,15 @@ import { photoAccessHelper } from '@kit.MediaLibraryKit'; @Entry -@ComponentV2 +@Component struct DataShareUriLoadPage { - @Local imageKnifeOption1: ImageKnifeOption = - new ImageKnifeOption({ + @State imageKnifeOption1: ImageKnifeOption = + { loadSrc: $r('app.media.icon'), placeholderSrc: $r('app.media.loading'), errorholderSrc: $r('app.media.failed') - }); + }; build() { @@ -43,10 +43,10 @@ struct DataShareUriLoadPage { let photoViewPicker = new photoAccessHelper.PhotoViewPicker(); let photoSelectResult: photoAccessHelper.PhotoSelectResult = await photoViewPicker.select(photoSelectOptions); uris = photoSelectResult.photoUris; - this.imageKnifeOption1 = new ImageKnifeOption({ + this.imageKnifeOption1 = { loadSrc: uris[0], placeholderSrc:$r('app.media.loading') - }) + } }).margin({ top: 5, left: 3 }) ImageKnifeComponent({ imageKnifeOption: this.imageKnifeOption1 }).width(300).height(300) }.width('100%').backgroundColor(Color.Pink) diff --git a/entry/src/main/resources/base/profile/main_pages.json b/entry/src/main/resources/base/profile/main_pages.json index 72b840d..1da00e9 100644 --- a/entry/src/main/resources/base/profile/main_pages.json +++ b/entry/src/main/resources/base/profile/main_pages.json @@ -3,7 +3,6 @@ "pages/Index", "pages/ListPage", "pages/SingleImage", - "pages/ManyPhotoShowPage", "pages/LongImagePage", "pages/TransformPage", "pages/UserPage", diff --git a/library/index.ets b/library/index.ets index 441d6e9..6f44833 100644 --- a/library/index.ets +++ b/library/index.ets @@ -69,5 +69,3 @@ export { CropTransformation } from './src/main/ets/transform/CropTransformation' export { MaskTransformation } from './src/main/ets/transform/MaskTransformation' export { SepiaTransformation } from './src/main/ets/transform/SepiaTransformation' - -export { DownsampleStrategy } from './src/main/ets/downsampling/DownsampleStartegy' \ No newline at end of file