首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在Android上实现物料设计展开/折叠列表?

如何在Android上实现物料设计展开/折叠列表?
EN

Stack Overflow用户
提问于 2015-02-08 08:13:08
回答 2查看 16K关注 0票数 27

我正在寻找实现这种风格的材料列表。我如何在Android上做到这一点?我应该看什么类?有没有现成的库可以让这个实现变得简单?

EN

回答 2

Stack Overflow用户

发布于 2016-04-13 21:47:29

是的,您可以很容易地用库SectionedRecyclerViewAdapter实现它。这里有一个完整的工作示例here

基本上,您创建了一个section类:

class MySection extends StatelessSection {

    String title;
    List<String> list;
    boolean expanded = true; // true if you want it to be displayed expanded initially

    public MySection(String title, List<String> list) {
        // call constructor with layout resources for this Section header, footer and items 
        super(R.layout.section_header, R.layout.section_item);

        this.title = title;
        this.list = list;
    }

    @Override
    public int getContentItemsTotal() {
        return expanded? list.size() : 0;
    }

    @Override
    public RecyclerView.ViewHolder getItemViewHolder(View view) {
        // return a custom instance of ViewHolder for the items of this section
        return new MyItemViewHolder(view);
    }

    @Override
    public void onBindItemViewHolder(RecyclerView.ViewHolder holder, int position) {
        MyItemViewHolder itemHolder = (MyItemViewHolder) holder;

        // bind your view here
        itemHolder.tvItem.setText(list.get(position));
    }

    @Override
    public RecyclerView.ViewHolder getHeaderViewHolder(View view) {
        return new SimpleHeaderViewHolder(view);
    }

    @Override
    public void onBindHeaderViewHolder(RecyclerView.ViewHolder holder) {
        MyHeaderViewHolder headerHolder = (MyHeaderViewHolder) holder;

        // bind your header view here
        headerHolder.tvItem.setText(title);

        // handles the click on the header to toggle the expanded variable
        headerHolder.rootView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                expanded = !expanded;
                headerHolder.imgArrow.setImageResource(
                        expanded ? R.drawable.ic_keyboard_arrow_up_black_18dp : R.drawable.ic_keyboard_arrow_down_black_18dp
                );
                sectionAdapter.notifyDataSetChanged();
            }
        });
    }
}

然后使用您的部分设置RecyclerView:

// Create an instance of SectionedRecyclerViewAdapter 
SectionedRecyclerViewAdapter sectionAdapter = new SectionedRecyclerViewAdapter();

// Create your sections with the list of data for each topic
MySection topic1Section = new MySection("Attractions", attractionsList);
MySection topic2Section = new MySection("Dining", diningList);

// Add your Sections to the adapter
sectionAdapter.addSection(topic1Section);
sectionAdapter.addSection(topic2Section);

// Set up your RecyclerView with the SectionedRecyclerViewAdapter
RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerview);
recyclerView.setLayoutManager(new LinearLayoutManager(getContext()));
recyclerView.setAdapter(sectionAdapter);
票数 6
EN

Stack Overflow用户

发布于 2016-04-13 06:35:17

我使用这个库实现了这样一个列表:

expandable-recycler-view

有一个相关的博客,但它指的是一个旧版本:

Expand a RecyclerView in Four Steps

它基本上是一个适配器,您可以在其中提供包含子元素的父元素列表。您还必须为父母和子对象指定两个持有者。有关更多详细信息,请参阅库的页面。

class MyChild {
  // add data
}
class MyParentListItem implements ParentListItem {
  private final List<MyChild> mChildren;

  MyParentListItem(List<MyChild> children) {
    mChildren = children;
    // add other data
  }

  @Override
  public List<MyChild> getChildItemList() {
    return mChildren;
  }

  @Override
  public boolean isInitiallyExpanded() {
    return false;
  }
}

class MyParentViewHolder extends ParentViewHolder {
  MyParentViewHolder(View itemView) {
    super(itemView);
    // get other views with itemView.findViewById(..);
  }
}

class MyChildViewHolder extends ChildViewHolder {
  MyParentViewHolder(View itemView) {
    super(itemView);
    // get other views with itemView.findViewById(..);
  }
}

public class MyExpandableAdapter extends ExpandableRecyclerAdapter<MyParentViewHolder, MyChildViewHolder> {
  private final LayoutInflater mInflater;
  public MyExpandableAdapter(List<MyParentListItem> parentItemList, Context context) {
    super(parentItemList);
    mInflater = LayoutInflater.from(context);
  }

  @Override
  public MyParentViewHolder onCreateParentViewHolder(ViewGroup parentViewGroup) {
    final View itemView = mInflater.inflate(R.layout.parent_layout, parentViewGroup, false);
    return new MyParentViewHolder(itemView);
  }

  @Override
  public MyChildViewHolder onCreateChildViewHolder(ViewGroup childViewGroup) {
    final View itemView = mInflater.inflate(R.layout.child_layout, childViewGroup, false);
    return new MyChildViewHolder(itemView);
  }

  // bind data to holders in the onBind methods
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28389052

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档