android横向翻页滚动菜单

话不多说,先看效果图:

device-2019-03-20-113939.gif

最上面的是简单的recycleview列表,下面的是可翻页滚动的菜单,采用的是viewpager + recycleview模式。

翻页滚动菜单使用方法:

private void initViewpager() {
    List<MenuInfo> listData2 = new ArrayList<>();
    for (int i = 0; i < 15; i++) {
        MenuInfo menu = new MenuInfo();
        menu.setResId(R.mipmap.ic_launcher);
        menu.setName(String.valueOf(i));
        listData2.add(menu);
    }
    ViewPagerAdapter viewPagerAdapter = new ViewPagerAdapter(this, 5);
    viewPagerAdapter.setDate(listData2);
    vpContent.setAdapter(viewPagerAdapter);
}

顶层的viewpager的适配器,用于适配有多少页的菜单:

public class ViewPagerAdapter extends PagerAdapter implements IMenuPageClickListener {
List<MenuInfo> data;
List<OnepageRecycleViewAdapter> adapterList;
Context context;
int pageSize = 5; //一页包含菜单的数量大小
String TAG = "ViewPagerAdapter";

public ViewPagerAdapter(Context context, int pageSize) {
    this.context = context.getApplicationContext();
    this.pageSize = pageSize;
}

public void setDate(List<MenuInfo> listData) {
    this.data = listData;
    this.adapterList = new ArrayList<>();
}

@Override
public int getCount() {//注意,这里是页数
    if (data == null) {
        return 0;
    }
    if (data.size() % pageSize == 0) {
        return data.size() / pageSize;
    } else {
        return data.size() / pageSize + 1;
    }
}

@Override
public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
    return view == object;
}

@NonNull
@Override
public Object instantiateItem(@NonNull ViewGroup container, int pageIndex) {
    View view = LayoutInflater.from(context).inflate(R.layout.item_view_pager, null);
    RecyclerView recyclerView = view.findViewById(R.id.rc_page_item);
    GridLayoutManager layoutManager = new GridLayoutManager(context, 5);
    recyclerView.setLayoutManager(layoutManager);

    OnepageRecycleViewAdapter adapter;
    if(adapterList.size() > pageIndex && adapterList.get(pageIndex) != null){
        adapter = adapterList.get(pageIndex);
    }else{
        adapter = new OnepageRecycleViewAdapter(context, pageIndex);
    }
    List<MenuInfo> pageMenuList = getPageListData(pageIndex);
    adapter.setData(pageMenuList);
    adapter.setMenuItemClickListener(this);
    recyclerView.setAdapter(adapter);
    adapterList.add(adapter);
    container.addView(view);
    return view;
}

@Override
public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
    container.removeView((View) object);
}

private List<MenuInfo> getPageListData(int position) {
    int startIndex = 0;
    int endIndex = 0;
    if (data.size() / pageSize > position || (data.size() % pageSize == 0 && data.size() / pageSize == position)) { //15 5 1  15 5 0
        startIndex = pageSize * position;
        endIndex = pageSize * (position + 1);
    } else { //16 5 3
        startIndex = pageSize * position;
        endIndex = data.size();
    }
    Log.e(TAG, "startIndex=" + startIndex + ";endIndex=" + endIndex + ";position=" + position);
    List<MenuInfo> list = new ArrayList<>();
    for (int i = startIndex; i < endIndex; i++) {
        list.add(data.get(i));
    }
    return list;
}

private int mLastSelectedPageIndex = -1, mLastSelectedPosInPage = -1;

@Override
public void onMenuItemClick(int pageIndex, int position) {
    int positionInAll = pageIndex * pageSize + position;
    Toast.makeText(context, "点击第" + positionInAll + "个菜单", Toast.LENGTH_SHORT).show();
    Log.e(TAG, "pageIndex=" + pageIndex + ";position = " + position);
    adapterList.get(pageIndex).getMenuList().get(position).setSelected(true);
    adapterList.get(pageIndex).notifyItemChanged(position);
    Log.e(TAG, "mLastSelectedPageIndex=" + mLastSelectedPageIndex + ";mLastSelectedPosInPage=" + mLastSelectedPosInPage);
    //并且通知其他菜单改变颜色
    int lastPositionInAll = mLastSelectedPageIndex * pageSize + mLastSelectedPosInPage;
    if (mLastSelectedPageIndex != -1 && mLastSelectedPosInPage != -1 && lastPositionInAll != positionInAll) {
        adapterList.get(mLastSelectedPageIndex).getMenuList().get(mLastSelectedPosInPage).setSelected(false);
        adapterList.get(mLastSelectedPageIndex).notifyItemChanged(mLastSelectedPosInPage);
    }
    mLastSelectedPageIndex = pageIndex;
    mLastSelectedPosInPage = position;
}
}

每一页菜单的recycleview适配:

public class OnepageRecycleViewAdapter extends RecyclerView.Adapter<OnepageRecycleViewAdapter.MenuViewHolder> {
private List<MenuInfo> data;
private Context context;
private int pageIndex;
String TAG = "OnepageRecycleViewAdapter";
IMenuPageClickListener menuPageClickListener;

public OnepageRecycleViewAdapter(Context context, int pageIndex) {
    this.context = context.getApplicationContext();
    this.pageIndex = pageIndex;
}

public void setData(List<MenuInfo> data) {
    this.data = data;
}

public void setMenuItemClickListener(IMenuPageClickListener listener) {
    menuPageClickListener = listener;
}

@NonNull
@Override
public MenuViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
    return new MenuViewHolder(LayoutInflater.from(context).inflate(R.layout.item_menu, null));
}

@Override
public void onBindViewHolder(@NonNull MenuViewHolder holder, final int position) {
    Log.e(TAG, "onBindViewHolder position=" + position);
    MenuInfo menu = data.get(position);
    holder.ivIcon.setImageResource(menu.getResId());
    holder.tvName.setText(menu.getName());
    holder.llItemContent.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            if (menuPageClickListener != null) {
                menuPageClickListener.onMenuItemClick(pageIndex, position);
            }
        }
    });
    if (menu.isSelected()) {
        holder.tvName.setText(menu.getName() + "(选中)");
    } else {
        holder.tvName.setText(menu.getName());
    }
}

public List<MenuInfo> getMenuList() {
    return data;
}

@Override
public int getItemCount() {
    return data == null ? 0 : data.size();
}

class MenuViewHolder extends RecyclerView.ViewHolder {
    LinearLayout llItemContent;
    ImageView ivIcon;
    TextView tvName;

    public MenuViewHolder(View itemView) {
        super(itemView);
        llItemContent = itemView.findViewById(R.id.ll_item_content);
        ivIcon = itemView.findViewById(R.id.iv_icon);
        tvName = itemView.findViewById(R.id.tv_name);
    }
}
}

最后附上代码链接:
https://github.com/hqfeijian/HorizontalViewPager/tree/master

之前有一篇也是横向滚动菜单的,不过发现每一次点击去notifyItemChanged的时候,都会触发所有的item刷新,链接见:
https://blog.csdn.net/qq_22706515/article/details/53173162

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值