Android Studio关于recycleview的使用

移动互联网第二次作业
已实现:

  1. 完成上次的微信页面
  2. 在微信的四个页面中选取一个使用recycleview
  3. 实现顶部悬浮
  4. 实现展开和收缩

项目完成展示:
在这里插入图片描述

写代码时遇到的问题:

  • 无法使用android.support.v7包:
    解决方法:
    打开项目的gradle scripts中的gradle.properties,将下图中的红框选中部分删除即可

    在这里插入图片描述

  • 只显示一条记录:
    一开始我按照老师教的代码尝试的时候出现下图所示情况,本来应该显示的是“这是第0个例子”一直显示到“这是第9个例子”,但是他只显示了一条记录
    在这里插入图片描述
    解决方法:
    经过检查我发现我放置textview的xml文件里面的LinearLayout中的layout_height设置为match_parent,应该改成wrap_content

部分代码:

  • 创建自己的myviewhoder来控制控件和数据之间的映射关系
class myviewhoder extends RecyclerView.ViewHolder{
    RelativeLayout rlParent, rlChild;
    TextView  tvTeamChild;
    TextView tvArea, tvTeam;
    public myviewhoder(View itemView) {
        super(itemView);
        tvArea = itemView.findViewById(R.id.tv_sticky_header_view);
        tvTeam = itemView.findViewById(R.id.tv_team);
        rlParent = itemView.findViewById(R.id.rl_parent);
        rlChild = itemView.findViewById(R.id.rl_child);
        tvTeamChild = itemView.findViewById(R.id.tv_team_child);
    }
}
  • 分别为myviewhoder的tvTeam(即数据名称)、tvTeamChild(即数据详细内容)、tvArea(即数据类别)设置内容
public void onBindViewHolder(final myviewhoder holder, int position) {
    listChrid = new ArrayList<String>();
    initData();

    StickyData stickyData = list.get(position);
    holder.tvTeam.setText(stickyData.getTeam());
    holder.tvTeamChild.setText(listChrid.get(position));
    if (position == 0) {
        holder.tvArea.setVisibility(View.VISIBLE);
        holder.tvArea.setText(stickyData.area);
        holder.itemView.setTag(FIRST_STICKY_VIEW);
    }
    else {
        if (!TextUtils.equals(stickyData.area, list.get(position - 1).area)) {
            holder.tvArea.setVisibility(View.VISIBLE);
            holder.tvArea.setText(stickyData.area);
            holder.itemView.setTag(HAS_STICKY_VIEW);
        }
        else {
            holder.tvArea.setVisibility(View.GONE);
            holder.itemView.setTag(NONE_STICKY_VIEW);
        }
    }
    holder.itemView.setContentDescription(stickyData.area);
    final boolean isExpanded = position == expandedPosition;
    holder.rlChild.setVisibility(isExpanded ? View.VISIBLE : View.GONE);
    holder.rlParent.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            if (holder != null) {
                holder.rlChild.setVisibility(View.GONE);
                notifyItemChanged(expandedPosition);
            }
            expandedPosition = isExpanded ? -1 : holder.getAdapterPosition();
            notifyItemChanged(holder.getAdapterPosition());
        }
    });
}
  • 前端页面显示
    在上次微信作业的基础上进行的修改主要有:
    1.用include引用顶部悬浮< include layout="@layout/sticky_include_recycle_item" />
    2.使用了RecyclerView
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <include layout="@layout/top"/>
    <include layout="@layout/sticky_include_recycle_item" />

    <FrameLayout
        android:id="@+id/id_content"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        >

        <android.support.v7.widget.RecyclerView
            android:id="@+id/rcv_sticky"
            android:scrollbars="none"
            android:overScrollMode="never"
            android:layout_margin="8dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
        </android.support.v7.widget.RecyclerView>
    </FrameLayout>

    <include layout="@layout/button"/>

</LinearLayout>

tv_team是显示数据本身,而tv_team_child则显示数据的详细内容

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_margin="5dp"
    android:orientation="vertical">

    <include layout="@layout/sticky_include_recycle_item" />
    <RelativeLayout
        android:id="@+id/rl_parent"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="@android:color/holo_green_dark">

        <TextView
            android:id="@+id/tv_team"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_margin="5dp"
            android:text="@string/app_name"
            android:textColor="@android:color/white" />
    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/rl_child"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:background="@android:color/darker_gray"
        android:visibility="gone">

        <TextView
            android:id="@+id/tv_team_child"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:textColor="@android:color/white"
            tools:text="副部局" />

    </RelativeLayout>
</LinearLayout>

下面是项目的全部代码:
https://github.com/pudding-as/wy_github/tree/master/app/src
点击进入仓库

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值