chenjun

图片放大可以超过父控件

... ... @@ -155,8 +155,8 @@ export struct MultiPictureDetailItemComponent {
build() {
Swiper(this.swiperControllerItem){
Row(){ // 居中显示
List(){
ListItem(){
// List(){
// ListItem(){
if(this.imageUri != null && (this.imageUri.includes('.gif') || this.imageUri.includes('.GIF'))){
Image(this.imageUri)// TODO:知识点:宽高只根据其尺寸设置一个,通过保持宽高比来设置另一个属性
.alt($r('app.media.datail_imageLoading_w'))
... ... @@ -179,7 +179,7 @@ export struct MultiPictureDetailItemComponent {
Image(this.imagePixelMap || 'app.media.datail_imageLoading_w')// TODO:知识点:宽高只根据其尺寸设置一个,通过保持宽高比来设置另一个属性
.alt($r('app.media.datail_imageLoading_w'))
.width(this.imageWidth)
.objectFit(ImageFit.Auto)// TODO:知识点:保持宽高比进行缩放,可以超出父组件,以便实现多图切换的增强功能
.objectFit(ImageFit.Cover)// TODO:知识点:保持宽高比进行缩放,可以超出父组件,以便实现多图切换的增强功能
.interpolation(ImageInterpolation.High)
.autoResize(false)
.transform(this.matrix)// TODO:知识点:通过matrix控制图片的缩放
... ... @@ -189,14 +189,15 @@ export struct MultiPictureDetailItemComponent {
x: this.imageOffsetInfo.currentX,
y: this.imageOffsetInfo.currentY
})
.onComplete(event => {
this.imageWidth = '100%'
})
}
}
}
.alignListItem(ListItemAlign.Center)
.scrollBarWidth(0)
// }
// }
// .alignListItem(ListItemAlign.Center)
// .scrollBarWidth(0)
}
.justifyContent(FlexAlign.Center)
}
... ...
... ... @@ -172,7 +172,7 @@ export struct SaveNetWorkPictures {
if (this.imageBuffer !== undefined) {
await this.saveImage(this.imageBuffer);
promptAction.showToast({
message: '成功',
message: '保存成功',
duration: 2000
})
}
... ...