Android Kotlin：GalleryView布局异常与分组实现求助

一、核心问题拆解 #

当前存在两个关键问题：

1. 多GalleryView实例抢占滑动手势，导致纵向滚动卡顿；目标是替换为单个横向滚动容器，同时保留日期分组展示。
2. GalleryView高度计算异常，部分场景下无法自适应内容高度，需内部滚动才能查看完整元素。

二、解决方案 #

1. 替换多GalleryView为带分组的单个横向RecyclerView #

推荐用RecyclerView替代自定义GalleryView（灵活性更强，原生支持多类型Item），实现单容器内的日期分组+横向滚动：

步骤1：定义多类型数据模型

sealed class GalleryItem {
    // 日期分组头部
    data class DateHeader(val dateText: String) : GalleryItem()
    // 图片内容项
    data class PhotoItem(val imageUrl: String) : GalleryItem()
}

步骤2：实现多类型RecyclerView Adapter

class GroupedGalleryAdapter(private val itemList: List<GalleryItem>) : RecyclerView.Adapter<RecyclerView.ViewHolder>() {
    companion object {
        private const val TYPE_HEADER = 0
        private const val TYPE_PHOTO = 1
    }

    override fun getItemViewType(position: Int): Int {
        return when (itemList[position]) {
            is GalleryItem.DateHeader -> TYPE_HEADER
            is GalleryItem.PhotoItem -> TYPE_PHOTO
        }
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder {
        val inflater = LayoutInflater.from(parent.context)
        return when (viewType) {
            TYPE_HEADER -> {
                val view = inflater.inflate(R.layout.item_date_header, parent, false)
                HeaderViewHolder(view)
            }
            else -> {
                val view = inflater.inflate(R.layout.item_photo_card, parent, false)
                PhotoViewHolder(view)
            }
        }
    }

    override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {
        when (holder) {
            is HeaderViewHolder -> {
                val header = itemList[position] as GalleryItem.DateHeader
                holder.dateTv.text = header.dateText
            }
            is PhotoViewHolder -> {
                val item = itemList[position] as GalleryItem.PhotoItem
                // 这里替换为你的图片加载逻辑（如Glide/Picasso）
                // Glide.with(holder.itemView).load(item.imageUrl).into(holder.photoIv)
            }
        }
    }

    override fun getItemCount(): Int = itemList.size

    // 头部ViewHolder
    class HeaderViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val dateTv: TextView = itemView.findViewById(R.id.date_header_tv)
    }

    // 图片项ViewHolder
    class PhotoViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val photoIv: ImageView = itemView.findViewById(R.id.photo_iv)
    }
}

步骤3：在Fragment中配置RecyclerView

// 准备合并后的分组数据：将日期头部和对应图片项按顺序放入List
val mergedItems = mutableListOf<GalleryItem>().apply {
    // 示例：添加2024-05-20分组
    add(GalleryItem.DateHeader("2024-05-20"))
    add(GalleryItem.PhotoItem("https://example.com/photo1.jpg"))
    add(GalleryItem.PhotoItem("https://example.com/photo2.jpg"))
    // 添加下一个分组...
}

// 配置横向RecyclerView
val galleryRv = findViewById<RecyclerView>(R.id.grouped_gallery_rv)
galleryRv.layoutManager = LinearLayoutManager(requireContext(), LinearLayoutManager.HORIZONTAL, false)
galleryRv.adapter = GroupedGalleryAdapter(mergedItems)
// 关闭嵌套滚动，避免和外层ScrollView手势冲突
galleryRv.isNestedScrollingEnabled = false

2. 修复GalleryView高度异常问题 #

如果必须保留原自定义GalleryView，可通过以下方式修复高度计算：

步骤1：修正外层布局高度配置

将动态添加的布局外层容器高度改为wrap_content（原布局用match_parent会导致父容器高度被强制拉满，干扰子View高度计算）：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:id="@+id/comment"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingVertical="10dp"
            android:paddingLeft="13dp"
            android:paddingRight="13dp"
            android:textSize="13sp"
            tools:text="Комментарий"
            android:textAlignment="gravity"
            android:background="@color/photoreport_comment_background"/>

        <ru.projectA.android.components.mediagallery.GalleryView
            android:id="@+id/gallery_view"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>

    </LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

步骤2：重写GalleryView的onMeasure方法

自定义GalleryView的高度计算逻辑，强制根据内部子View的最大高度设置自身高度：

class FixedHeightGalleryView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : GalleryView(context, attrs, defStyleAttr) {

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        var maxChildHeight = 0
        // 遍历所有子View，计算最大高度
        for (i in 0 until childCount) {
            val child = getChildAt(i)
            measureChild(child, widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED))
            maxChildHeight = max(maxChildHeight, child.measuredHeight)
        }
        // 用最大子View高度作为自身高度
        val newHeightSpec = MeasureSpec.makeMeasureSpec(maxChildHeight, MeasureSpec.EXACTLY)
        super.onMeasure(widthMeasureSpec, newHeightSpec)
    }
}

之后将布局中的GalleryView替换为这个自定义类即可。

内容的提问来源于stack exchange，提问作者TheShuEd