Xamarin Android：为RecyclerView顶部添加可点击的LinearLayout头部

嘿，我懂你现在的处境——之前用ListView的时候直接把第一个元素当头部很方便，但RecyclerView没有现成的addHeaderView方法，不过别担心，咱们用多类型Item的方式就能完美解决这个问题，而且完全可以基于你现有的代码来修改，步骤也不复杂。

具体实现步骤 #

1. 定义Item类型常量 #

在你的RecyclerViewAdapter里先定义两个常量，用来区分头部和普通内容项：

private const int VIEW_TYPE_HEADER = 0;
private const int VIEW_TYPE_ITEM = 1;

2. 重写GetItemViewType方法 #

这个方法用来告诉RecyclerView每个位置应该加载哪种类型的布局，我们把第0个位置设为头部，其他位置设为普通项：

public override int GetItemViewType(int position)
{
    return position == 0 ? VIEW_TYPE_HEADER : VIEW_TYPE_ITEM;
}

3. 创建头部ViewHolder #

和你现有的RecyclerViewHolder类似，新建一个头部的ViewHolder类，用来绑定头部布局的控件，同时处理可点击ImageView的事件：

public class HeaderViewHolder : RecyclerView.ViewHolder
{
    public TextView HeaderTxt1 { get; set; }
    public ImageView HeaderClickableImg { get; set; }
    // 这里根据你头部LinearLayout里的控件自行添加

    public HeaderViewHolder(View itemView, Context ctx) : base(itemView)
    {
        // 替换成你头部布局的实际控件ID
        HeaderTxt1 = itemView.FindViewById<TextView>(Resource.Id.header_text_example);
        HeaderClickableImg = itemView.FindViewById<ImageView>(Resource.Id.header_clickable_img);
        
        // 处理ImageView的点击事件
        HeaderClickableImg.Click += (sender, e) =>
        {
            // 这里写点击后的逻辑，比如弹窗、页面跳转等
        };
    }
}

4. 修改OnCreateViewHolder方法 #

根据不同的viewType加载对应的布局，头部用你之前的头部LinearLayout布局，普通项还是用原来的Resource.Layout.RecView_Profile：

public override RecyclerView.ViewHolder OnCreateViewHolder(ViewGroup parent, int viewType)
{
    LayoutInflater inflater = LayoutInflater.From(parent.Context);
    if (viewType == VIEW_TYPE_HEADER)
    {
        // 替换成你的头部布局ID
        View headerView = inflater.Inflate(Resource.Layout.Your_Header_Layout, parent, false);
        return new HeaderViewHolder(headerView, ctx);
    }
    else
    {
        View itemView = inflater.Inflate(Resource.Layout.RecView_Profile, parent, false);
        return new RecyclerViewHolder(itemView, ctx);
    }
}

5. 调整OnBindViewHolder方法 #

根据不同的ViewHolder类型绑定数据，头部的绑定逻辑单独处理，普通项因为头部占了第0位，所以数据源索引要减1：

public override void OnBindViewHolder(RecyclerView.ViewHolder holder, int position)
{
    if (holder is HeaderViewHolder headerHolder)
    {
        // 绑定头部的数据，比如设置TextView的文字
        headerHolder.HeaderTxt1.Text = "这是我的自定义头部";
        // 如果头部有图片也在这里设置
    }
    else if (holder is RecyclerViewHolder viewHolder)
    {
        int dataPosition = position - 1;
        viewHolder.txtTitle.Text = lstData[dataPosition].description;
        viewHolder.imageView.SetImageBitmap(lstData[dataPosition].img);
        // 其他原有控件的绑定逻辑保持不变
    }
}

6. 修改ItemCount属性 #

因为多了一个头部，所以总数量要在原有数据源数量基础上加1：

public override int ItemCount
{
    get { return lstData.Count + 1; }
}

完整修改后的代码示例 #

把上面的修改整合到你的代码里，完整实现如下：

class RecyclerViewAdapter : RecyclerView.Adapter 
{
    private const int VIEW_TYPE_HEADER = 0;
    private const int VIEW_TYPE_ITEM = 1;
    
    private List<DataForProfile> lstData = new List<DataForProfile>();
    private Context ctx;

    public RecyclerViewAdapter(List<DataForProfile> lstData, Context ctx) 
    {
        this.lstData = lstData;
        this.ctx = ctx;
    }

    public override int GetItemViewType(int position)
    {
        return position == 0 ? VIEW_TYPE_HEADER : VIEW_TYPE_ITEM;
    }

    public override void OnBindViewHolder(RecyclerView.ViewHolder holder, int position) 
    {
        if (holder is HeaderViewHolder headerHolder)
        {
            // 头部数据绑定示例
            headerHolder.HeaderTxt1.Text = "我的自定义头部";
            // 可点击ImageView的事件已经在HeaderViewHolder里处理了
        }
        else if (holder is RecyclerViewHolder viewHolder)
        {
            int dataPosition = position - 1;
            viewHolder.txtTitle.Text = lstData[dataPosition].description;
            viewHolder.imageView.SetImageBitmap(lstData[dataPosition].img);
            // 原有其他控件的绑定逻辑保持不变
        }
    }

    public override RecyclerView.ViewHolder OnCreateViewHolder(ViewGroup parent, int viewType) 
    {
        LayoutInflater inflater = LayoutInflater.From(parent.Context);
        if (viewType == VIEW_TYPE_HEADER)
        {
            View headerView = inflater.Inflate(Resource.Layout.Your_Header_Layout, parent, false);
            return new HeaderViewHolder(headerView, ctx);
        }
        else
        {
            View itemView = inflater.Inflate(Resource.Layout.RecView_Profile, parent, false);
            return new RecyclerViewHolder(itemView, ctx);
        }
    }

    public override int ItemCount 
    {
        get { return lstData.Count + 1; }
    }
}

public class DataForProfile 
{
    public int imageId { get; set; }
    public Bitmap img { get; set; }
    public string description { get; set; }
}

class RecyclerViewHolder : RecyclerView.ViewHolder 
{
    public ImageView imageView { get; set; }
    public TextView txtTitle { get; set; }
    public TextView txtDescription { get; set; }
    public TextView txtDate { get; set; }
    public TextView txtLikeCountBlue { get; set; }
    public TextView txtLikeCountGreen { get; set; }
    public TextView txtComments { get; set; }
    private Typeface font;
    private Context ctx;

    public RecyclerViewHolder(View itemView, Context ctx) : base(itemView) 
    {
        this.ctx = ctx;
        txtTitle = itemView.FindViewById<TextView>(Resource.Id.RecView_Profile_TaskName);
        imageView = itemView.FindViewById<ImageView>(Resource.Id.imageView1);
        txtDescription = itemView.FindViewById<TextView>(Resource.Id.RecView_Profile_Description);
        txtDate = itemView.FindViewById<TextView>(Resource.Id.RecView_Profile_Date);
        txtLikeCountBlue = itemView.FindViewById<TextView>(Resource.Id.txt_recview_profile_blue);
        txtLikeCountGreen = itemView.FindViewById<TextView>(Resource.Id.txt_recview_profile_green);
        txtComments = itemView.FindViewById<TextView>(Resource.Id.txt_recview_profile_comments);
        font = Typeface.CreateFromAsset(ctx.Assets, "CourierNew.ttf");
        txtTitle.SetTypeface(font, TypefaceStyle.Bold);
        txtDescription.SetTypeface(font, TypefaceStyle.Normal);
        txtDate.SetTypeface(font, TypefaceStyle.Normal);
        txtLikeCountBlue.SetTypeface(font, TypefaceStyle.Normal);
        txtLikeCountGreen.SetTypeface(font, TypefaceStyle.Normal);
        txtComments.SetTypeface(font, TypefaceStyle.Normal);
    }
}

public class HeaderViewHolder : RecyclerView.ViewHolder
{
    public TextView HeaderTxt1 { get; set; }
    public ImageView HeaderClickableImg { get; set; }

    public HeaderViewHolder(View itemView, Context ctx) : base(itemView)
    {
        // 替换成你头部布局的实际控件ID
        HeaderTxt1 = itemView.FindViewById<TextView>(Resource.Id.header_text_example);
        HeaderClickableImg = itemView.FindViewById<ImageView>(Resource.Id.header_clickable_img);

        // 处理点击事件
        HeaderClickableImg.Click += (s, e) =>
        {
            // 这里写你的点击逻辑，比如跳转、弹窗等
        };
    }
}

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