查看: 1410|回复: 0

[手机开发] android中GridView实现点击查看更多功能示例

发表于 2017-8-1 08:00:04

首先来看一下效果图;

先说一下我的需求:查看群成员,如果超过15人则全部显示,如果大于15人则先加载15人,其余的不显示,点击查看更多则加载全部。再来说一下我实现的逻辑:首先呢要判断群成员的人数,如果小于或者等于15就用GridView加载全部数据,隐藏查看更多的按钮。如果大于15人,则显示加载更多的按钮,先加载15条数据,其余的不加载,点击按钮之后获取全部数据放到自己写好的adapter里然后加载刷新,再隐藏加载更多的按钮。

好了,来看代码:

  1. <LinearLayout
  2. android:layout_width="match_parent"
  3. android:layout_height="0dp"
  4. android:layout_weight="1"
  5. android:background="@color/white"
  6. android:orientation="vertical">
  7. <GridView
  8. android:id="@+id/grid_member"
  9. android:layout_width="match_parent"
  10. android:layout_height="0dp"
  11. android:layout_margin="15dp"
  12. android:layout_weight="1"
  13. android:horizontalSpacing="15dp"
  14. android:numColumns="5"
  15. android:verticalSpacing="15dp"></GridView>
  16. <LinearLayout
  17. android:id="@+id/llayout_look_more"
  18. android:layout_width="match_parent"
  19. android:layout_height="wrap_content"
  20. android:background="@drawable/btn_white_selector"
  21. android:gravity="center">
  22. <TextView
  23. android:layout_width="wrap_content"
  24. android:layout_height="wrap_content"
  25. android:layout_gravity="center_horizontal"
  26. android:drawableRight="@mipmap/arrow_down_qun"
  27. android:gravity="center"
  28. android:paddingBottom="30dp"
  29. android:paddingTop="15dp"
  30. android:text="查看更多群成员 "
  31. android:textSize="@dimen/small_middle_text_size" />
  32. </LinearLayout>
  33. </LinearLayout>
复制代码

然后是activity中部分判断的核心代码:

首先第一次判断和加载

  1. if (mListData.size() > 15) {
  2. mGroupManageAdapter.setNumber(false);
  3. mLlayoutLookMore.setVisibility(View.VISIBLE);
  4. } else {
  5. mGroupManageAdapter.setNumber(true);
  6. mLlayoutLookMore.setVisibility(View.GONE);
  7. }
  8. mGroupManageAdapter.replace(mListData);
复制代码

点击按钮之后的代码:

  1. mGroupManageAdapter.setNumber(true);
  2. mLlayoutLookMore.setVisibility(View.GONE);
  3. mGroupManageAdapter.replace(mListData);
复制代码

再贴上我的adapter部分代码:

  1. public class GroupManageAdapter extends BaseAdapter {
  2. private Context mContext;
  3. private List<PublicEntity> mList = new ArrayList<>();
  4. private boolean mListType = true;//是否显示全部成员,默认显示
  5. public void setNumber(boolean mListType) {
  6. this.mListType = mListType;
  7. }
  8. public GroupManageAdapter(Context mContext) {
  9. this.mContext = mContext;
  10. }
  11. public void replace(List<PublicEntity> itemDataTypes) {
  12. mList.clear();
  13. if (itemDataTypes.size() > 0) {
  14. mList.addAll(itemDataTypes);
  15. notifyDataSetChanged();
  16. }
  17. }
  18. @Override
  19. public int getCount() {
  20. return mListType ? mList.size() : 15;
  21. }
  22. @Override
  23. public Object getItem(int position) {
  24. return mList.get(position);
  25. }
  26. @Override
  27. public long getItemId(int position) {
  28. return position;
  29. }
  30. @Override
  31. public View getView(final int position, View convertView, ViewGroup parent) {
  32. final ViewHolder holder;
  33. if (convertView == null) {
  34. convertView = View.inflate(mContext, R.layout.item_group_manage_head, null);
  35. holder = new ViewHolder(convertView);
  36. convertView.setTag(holder);
  37. } else {
  38. holder = (ViewHolder) convertView.getTag();
  39. }
  40. String mPic = mList.get(position).getTextOne();
  41. if (mPic != null && mPic.length() > 0) {
  42. Picasso.with(mContext).load(mPic)
  43. .placeholder(R.mipmap.s_hearder_user_nor)
  44. .error(R.mipmap.s_hearder_user_nor)
  45. .transform(new CircleTransform()).into(holder.mImgHead);
  46. } else {
  47. holder.mImgHead.setImageResource(R.mipmap.s_hearder_user_nor);
  48. }
  49. //这里是删除成员的标记,不管。
  50. if (mList.get(position).ismIsShowDeleteIcon()) {
  51. holder.mImgIconDelete.setVisibility(View.VISIBLE);
  52. } else {
  53. holder.mImgIconDelete.setVisibility(View.GONE);
  54. }
  55. holder.mTvName.setText(mList.get(position).getText());
  56. return convertView;
  57. }
  58. static class ViewHolder {
  59. @BindView(R.id.img_head)
  60. ImageView mImgHead;
  61. @BindView(R.id.img_icon_delete)
  62. ImageView mImgIconDelete;
  63. @BindView(R.id.tv_name)
  64. TextView mTvName;
  65. ViewHolder(View view) {
  66. ButterKnife.bind(this, view);
  67. }
  68. }
  69. }
复制代码

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持程序员之家。



回复

使用道具 举报

关闭

站长推荐上一条 /1 下一条