如何创建首项布局特殊的RecyclerView：首项为其他项两倍高且其他项位于其上下之间

嘿，这个需求其实挺实用的，我来分两部分给你讲清楚怎么实现～

一、先解决基础需求：首项布局样式不同的RecyclerView #

这是RecyclerView的经典场景，核心就是利用ItemViewType机制来区分不同的item类型，具体步骤如下：

1. 定义item类型常量
   在你的Adapter里先声明两种类型，比如：

private static final int TYPE_HEADER = 0;
private static final int TYPE_NORMAL = 1;

2. 重写getItemViewType方法
   判断当前position是否为0，返回对应的类型：

@Override
public int getItemViewType(int position) {
    return position == 0 ? TYPE_HEADER : TYPE_NORMAL;
}

3. 根据类型创建ViewHolder
   在onCreateViewHolder里，根据不同的type加载对应的布局文件：

@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    LayoutInflater inflater = LayoutInflater.from(parent.getContext());
    if (viewType == TYPE_HEADER) {
        View headerView = inflater.inflate(R.layout.item_header, parent, false);
        return new HeaderViewHolder(headerView);
    } else {
        View normalView = inflater.inflate(R.layout.item_normal, parent, false);
        return new NormalViewHolder(normalView);
    }
}

4. 根据类型绑定数据
   在onBindViewHolder里，针对不同的ViewHolder处理数据逻辑：

@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
    if (holder instanceof HeaderViewHolder) {
        // 绑定首项的数据
        ((HeaderViewHolder) holder).title.setText("我是特殊首项");
    } else if (holder instanceof NormalViewHolder) {
        // 绑定普通项的数据
        ((NormalViewHolder) holder).content.setText("普通列表项 " + (position - 1));
    }
}

这样就能轻松实现首项和其他项布局不同的效果啦～

二、进阶需求：首项高度为普通项两倍，且其他项位于首项的顶部与底部之间 #

这个需求需要调整RecyclerView的布局规则，我推荐两种方案，你可以根据实际场景选择：

方案1：用GridLayoutManager + SpanSizeLookup实现（简单易上手） #

假设我们要做的布局是：首项占左侧1列，高度为普通项的2倍；右侧列上下各放1个普通项，后续的行继续左右各1个普通项。具体步骤：

1. 设置GridLayoutManager

GridLayoutManager layoutManager = new GridLayoutManager(this, 2); // 列数设为2
recyclerView.setLayoutManager(layoutManager);

2. 自定义SpanSizeLookup
   控制不同类型item占据的列数，同时给首项设置两倍高度：

layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
    @Override
    public int getSpanSize(int position) {
        // 首项占1列，普通项也占1列
        return position == 0 ? 1 : 1;
    }
});

3. 设置首项高度
   在Adapter的onCreateViewHolder里，给首项的View设置高度：

if (viewType == TYPE_HEADER) {
    View headerView = inflater.inflate(R.layout.item_header, parent, false);
    // 假设普通项高度是200dp，首项设为400dp
    int normalHeight = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 200, getResources().getDisplayMetrics());
    headerView.getLayoutParams().height = normalHeight * 2;
    return new HeaderViewHolder(headerView);
}

这样布局出来后，首项会占据左侧两行的高度，右侧的两个普通项刚好填满首项的上下区域，完美符合你说的“其他项位于首项的顶部与底部之间”的要求。

方案2：自定义LayoutManager（灵活度更高） #

如果你的布局规则更复杂，比如首项的位置、大小有特殊要求，就需要自定义LayoutManager来精确控制每个item的摆放位置。核心思路是：

• 重写onLayoutChildren方法，测量每个item的尺寸
• 手动摆放首项的位置（设置它的top、bottom为0和2*normalHeight）
• 然后依次摆放其他普通项，让它们在首项的右侧，上下排列，超出首项高度后继续在下方排列

这个方案代码量会多一些，但能实现更个性化的布局，这里给你一个核心逻辑的示例：

@Override
public void onLayoutChildren(RecyclerView.Recycler recycler, RecyclerView.State state) {
    if (getItemCount() == 0) {
        detachAndScrapAttachedViews(recycler);
        return;
    }
    detachAndScrapAttachedViews(recycler);
    
    // 测量普通项高度
    View normalView = recycler.getViewForPosition(1);
    measureChildWithMargins(normalView, 0, 0);
    int normalHeight = getDecoratedMeasuredHeight(normalView);
    int headerHeight = normalHeight * 2;
    int itemWidth = getWidth() / 2; // 假设左右分栏
    
    // 摆放首项
    View headerView = recycler.getViewForPosition(0);
    measureChildWithMargins(headerView, 0, 0);
    layoutDecorated(headerView, 0, 0, itemWidth, headerHeight);
    
    // 摆放其他普通项
    int currentTop = 0;
    int currentLeft = itemWidth;
    for (int i = 1; i < getItemCount(); i++) {
        View itemView = recycler.getViewForPosition(i);
        measureChildWithMargins(itemView, 0, 0);
        layoutDecorated(itemView, currentLeft, currentTop, currentLeft + itemWidth, currentTop + normalHeight);
        
        currentTop += normalHeight;
        // 如果超过首项高度，换行到左侧
        if (currentTop >= headerHeight) {
            currentTop = currentTop - headerHeight;
            currentLeft = 0;
        }
    }
}

这个自定义LayoutManager的逻辑可以根据你的实际需求调整，比如修改宽度比例、换行规则等。

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