适配各种屏幕宽度,2.1 张图片铺满整个宽度,可以横向滑动;
private var scale = 1.5 //此处参考UI设计稿计算;比如宽度小于高度的情况下,以宽度作为等比例缩放点计算;反之,则以高度计算;
LazyRow ( modifier = Modifier .fillMaxWidth() .wrapContentHeight() .padding(top = (xx * scale).dp), horizontalArrangement = Arrangement.spacedBy((xx * scale).dp) ) { itemsIndexed(imageList) { index, item -> var paddingStart = 0f var paddingEnd = 0f if (index == 0) { paddingStart = xx * scale } else if (index == imageList.size - 1) { paddingEnd = xx * scale } Box( modifier = Modifier .wrapContentHeight() .wrapContentWidth() .padding(start = paddingStart.dp, end = paddingEnd.dp) .clickable { onImageClick(CallBackData(item.linkUrl, item.title)) } ){ CustomNetImageView ( overlayImage = item.imgUrl, widthPx = xx, heightPx = xx, mipmapID = R.mipmap.xx, height = (xx * scale).dp, width = (xx * scale).dp, roundedCorner = (xx * scale).dp ) Box( modifier = Modifier .align(Alignment.BottomStart) .width((xx * scale).dp) .padding(start = (xx * scale).dp, bottom = (xx * scale).dp) ) { CustomNoPaddingText(show = item.title?:"", color = Color.Black, textUnit = 14.sp, maxLines = 1) } } } }