ListView 复杂列表 聊天界面 消息类型

时间：2021-09-30 19:36:25
Demo：https://github.com/baiqiantao/MultiTypeTest.git

addHeaderView方式

Activity 

   
   
    

  1. public class Activity1 extends Activity {
    2. 
    
    
    3. 
    
    
  3. @Override
    4. 
    
    
  4. protected void onCreate(Bundle savedInstanceState) {
    5. 
    
    
  5. super.onCreate(savedInstanceState);
    6. 
    
    
  6. ListView listView = new ListView(this);
    7. 
    
    
    8. 
    
    
  8. List<Model1> mList = new ArrayList<>();
    9. 
    
    
  9. for (int i = 0; i < 100; i++) {
    10. 
    
    
  10. mList.add(new Model1(("包青天" + i), R.drawable.icon));
    11. 
    
    
  11. }
    12. 
    
    
    13. 
    
    
  13. //给ListView添加头尾
    14. 
    
    
  14. TextView mTextView = new TextView(this);
    15. 
    
    
  15. mTextView.setText("我是头部\n必须在listview.setAdapter前添加");
    16. 
    
    
  16. mTextView.setBackgroundColor(Color.YELLOW);
    17. 
    
    
  17. listView.addHeaderView(mTextView);//必须在listview.setAdapter前添加。添加以后，listView的position=0的View是此View
    18. 
    
    
    19. 
    
    
  19. ImageView mImageView = new ImageView(this);
    20. 
    
    
  20. mImageView.setImageResource(R.drawable.icon);
    21. 
    
    
  21. mImageView.setLayoutParams(new AbsListView.LayoutParams(AbsListView.LayoutParams.MATCH_PARENT, 300));
    22. 
    
    
  22. listView.addHeaderView(mImageView);
    23. 
    
    
  23. listView.setHeaderDividersEnabled(new Random().nextBoolean());//控制头部是否显示分割线。默认为true
    24. 
    
    
    25. 
    
    
  25. View footerView = new View(this);
    26. 
    
    
  26. footerView.setBackgroundColor(Color.GREEN);
    27. 
    
    
  27. footerView.setLayoutParams(new AbsListView.LayoutParams(AbsListView.LayoutParams.MATCH_PARENT, 50));
    28. 
    
    
  28. listView.addFooterView(footerView);
    29. 
    
    
  29. listView.setFooterDividersEnabled(new Random().nextBoolean());
    30. 
    
    
    31. 
    
    
  31. listView.setAdapter(new MyAdapter1(this, mList));//addHeaderView要放在setAdapter之前，而addFooterView放在前后都可以
    32. 
    
    
  32. listView.setDivider(new ColorDrawable(Color.RED));
    33. 
    
    
  33. listView.setDividerHeight(2);//如果调用了setDivider，也需调用setDividerHeight才行
    34. 
    
    
  34. listView.setOnItemClickListener((parent, view, p, id) -> Toast.makeText(this, "p=" + p, Toast.LENGTH_SHORT).show());
    35. 
    
    
    36. 
    
    
  36. setContentView(listView);
    37. 
    
    
  37. }
    38. 
    
    
  38. }
    39.

Adapter

 
   
   
    

  1. public class MyAdapter1 extends BaseAdapter {
    2. 
    
    
  2. private Context mContext;
    3. 
    
    
  3. private List<Model1> mList;
    4. 
    
    
    5. 
    
    
  5. public MyAdapter1(Context context, List<Model1> list) {
    6. 
    
    
  6. this.mContext = context;
    7. 
    
    
  7. this.mList = list;
    8. 
    
    
  8. }
    9. 
    
    
    10. 
    
    
  10. @Override
    11. 
    
    
  11. public int getCount() {
    12. 
    
    
  12. return mList.size();
    13. 
    
    
  13. }
    14. 
    
    
    15. 
    
    
  15. @Override
    16. 
    
    
  16. public Object getItem(int position) {
    17. 
    
    
  17. return mList.get(position);
    18. 
    
    
  18. }
    19. 
    
    
    20. 
    
    
  20. @Override
    21. 
    
    
  21. public long getItemId(int position) {
    22. 
    
    
  22. return position;
    23. 
    
    
  23. }
    24. 
    
    
    25. 
    
    
  25. @Override
    26. 
    
    
  26. public View getView(int position, View convertView, ViewGroup parent) {
    27. 
    
    
  27. ViewHolder mViewHolder;
    28. 
    
    
  28. if (convertView != null) {
    29. 
    
    
  29. mViewHolder = (ViewHolder) convertView.getTag();
    30. 
    
    
  30. } else {
    31. 
    
    
  31. convertView = LayoutInflater.from(mContext).inflate(R.layout.item, parent, false);
    32. 
    
    
  32. mViewHolder = new ViewHolder();
    33. 
    
    
  33. mViewHolder.iv_head = (ImageView) convertView.findViewById(R.id.holder2_iv);
    34. 
    
    
  34. mViewHolder.tv_name = (TextView) convertView.findViewById(R.id.holder2_title);
    35. 
    
    
  35. convertView.setTag(mViewHolder);
    36. 
    
    
  36. }
    37. 
    
    
  37. Model1 mBean = mList.get(position);
    38. 
    
    
  38. mViewHolder.iv_head.setImageResource(mBean.resId);
    39. 
    
    
  39. mViewHolder.tv_name.setText(mBean.name + " position=" + position);
    40. 
    
    
  40. return convertView;
    41. 
    
    
  41. }
    42. 
    
    
    43. 
    
    
  43. public static class ViewHolder {
    44. 
    
    
  44. public ImageView iv_head;// 头像
    45. 
    
    
  45. public TextView tv_name;// 名字
    46. 
    
    
  46. }
    47. 
    
    
  47. }
    48.

Model

   
   
    

  1. public class Model1 {
    2. 
    
    
  2. public String name;
    3. 
    
    
  3. public int resId;
    4. 
    
    
    5. 
    
    
  5. public Model1(String name, int resId) {
    6. 
    
    
  6. this.name = name;
    7. 
    
    
  7. this.resId = resId;
    8. 
    
    
  8. }
    9. 
    
    
  9. }
    10.

getItemViewType方式

Activity 

   
   
    

  1. public class Activity2 extends Activity {
    2. 
    
    
    3. 
    
    
  3. @Override
    4. 
    
    
  4. protected void onCreate(Bundle savedInstanceState) {
    5. 
    
    
  5. super.onCreate(savedInstanceState);
    6. 
    
    
  6. ListView listView = new ListView(this);
    7. 
    
    
  7. List<Model2> mList = new ArrayList<>();
    8. 
    
    
  8. for (int i = 0; i < 100; i++) {
    9. 
    
    
  9. if (new Random().nextBoolean()) mList.add(new Model2(Model2.ITEM_FIRST, "第一种样式 " + i));
    10. 
    
    
  10. else mList.add(new Model2(Model2.ITEM_SECOND, "第二种样式 " + i, R.drawable.icon));
    11. 
    
    
  11. }
    12. 
    
    
    13. 
    
    
  13. listView.setAdapter(new MyAdapter2(this, mList));
    14. 
    
    
  14. listView.setOnItemClickListener((parent, view, p, id) -> Toast.makeText(this, "p=" + p, Toast.LENGTH_SHORT).show());
    15. 
    
    
  15. setContentView(listView);
    16. 
    
    
  16. }
    17. 
    
    
  17. }
    18.

Adapter【关键】

 
   
   
    

  1. public class MyAdapter2 extends BaseAdapter {
    2. 
    
    
    3. 
    
    
  3. private Context context;
    4. 
    
    
  4. private List<Model2> mList;
    5. 
    
    
    6. 
    
    
  6. public MyAdapter2(Context context, List<Model2> list) {
    7. 
    
    
  7. this.context = context;
    8. 
    
    
  8. mList = list;
    9. 
    
    
  9. }
    10. 
    
    
    11. 
    
    
  11. //**************************************************************************************************************************
    12. 
    
    
  12. @Override
    13. 
    
    
  13. public int getCount() {
    14. 
    
    
  14. return mList.size();
    15. 
    
    
  15. }
    16. 
    
    
    17. 
    
    
  17. @Override
    18. 
    
    
  18. public Object getItem(int position) {
    19. 
    
    
  19. return mList.get(position);
    20. 
    
    
  20. }
    21. 
    
    
    22. 
    
    
  22. //重写方法一：返回值代表的是某一个样式的 Type（是一个需要我们自己定义的，用于区分不同样式的int类型的值）
    23. 
    
    
  23. @Override
    24. 
    
    
  24. public int getItemViewType(int position) {
    25. 
    
    
  25. return mList.get(position).type;
    26. 
    
    
  26. }
    27. 
    
    
    28. 
    
    
  28. //重写方法一：返回的是你有几种类型的样式
    29. 
    
    
  29. @Override
    30. 
    
    
  30. public int getViewTypeCount() {
    31. 
    
    
  31. return 2;
    32. 
    
    
  32. }
    33. 
    
    
    34. 
    
    
  34. @Override
    35. 
    
    
  35. public long getItemId(int paramInt) {
    36. 
    
    
  36. return paramInt;
    37. 
    
    
  37. }
    38. 
    
    
    39. 
    
    
  39. @Override
    40. 
    
    
  40. public View getView(int position, View convertView, ViewGroup parent) {
    41. 
    
    
  41. int type = getItemViewType(position);
    42. 
    
    
  42. //要使用不同类型的ViewHolder
    43. 
    
    
  43. Holder1 holder1 = null;
    44. 
    
    
  44. Holder2 holder2 = null;
    45. 
    
    
    46. 
    
    
  46. //************************************************初始化和复用******************************************
    47. 
    
    
  47. if (convertView != null) {
    48. 
    
    
  48. switch (type) {
    49. 
    
    
  49. case Model2.ITEM_FIRST:
    50. 
    
    
  50. holder1 = (Holder1) convertView.getTag();
    51. 
    
    
  51. Log.i("bqt", position + " 复用 " + type);
    52. 
    
    
  52. break;
    53. 
    
    
  53. case Model2.ITEM_SECOND:
    54. 
    
    
  54. holder2 = (Holder2) convertView.getTag();
    55. 
    
    
  55. Log.i("bqt", position + " 复用 " + type);
    56. 
    
    
  56. break;
    57. 
    
    
  57. }
    58. 
    
    
  58. } else {
    59. 
    
    
  59. switch (type) {
    60. 
    
    
  60. case Model2.ITEM_FIRST:
    61. 
    
    
  61. convertView = View.inflate(context, R.layout.head, null);
    62. 
    
    
  62. holder1 = new Holder1();
    63. 
    
    
  63. holder1.holder1_title = (TextView) convertView.findViewById(R.id.holder1_title);
    64. 
    
    
  64. holder1.holder1_time = (TextView) convertView.findViewById(R.id.holder1_time);
    65. 
    
    
  65. convertView.setTag(holder1);
    66. 
    
    
  66. Log.i("bqt", position + " 初始化 " + type);
    67. 
    
    
  67. break;
    68. 
    
    
  68. case Model2.ITEM_SECOND:
    69. 
    
    
  69. convertView = View.inflate(context, R.layout.item, null);
    70. 
    
    
  70. holder2 = new Holder2();
    71. 
    
    
  71. holder2.holder2_title = (TextView) convertView.findViewById(R.id.holder2_title);
    72. 
    
    
  72. holder2.holder2_iv = (ImageView) convertView.findViewById(R.id.holder2_iv);
    73. 
    
    
  73. convertView.setTag(holder2);
    74. 
    
    
  74. Log.i("bqt", position + " 初始化 " + type);
    75. 
    
    
  75. break;
    76. 
    
    
  76. }
    77. 
    
    
  77. }
    78. 
    
    
    79. 
    
    
  79. //*************************************************填充数据*****************************************
    80. 
    
    
  80. switch (type) {
    81. 
    
    
  81. case Model2.ITEM_FIRST:
    82. 
    
    
  82. if (holder1 != null) {
    83. 
    
    
  83. holder1.holder1_title.setText(mList.get(position).title);
    84. 
    
    
  84. holder1.holder1_time.setText(new SimpleDateFormat("yyyy.MM.dd HH:mm:ss", Locale.getDefault()).format(new Date()));
    85. 
    
    
  85. }
    86. 
    
    
  86. break;
    87. 
    
    
  87. case Model2.ITEM_SECOND:
    88. 
    
    
  88. if (holder2 != null) {
    89. 
    
    
  89. holder2.holder2_title.setText(mList.get(position).title);
    90. 
    
    
  90. holder2.holder2_iv.setImageResource(mList.get(position).resId);
    91. 
    
    
  91. }
    92. 
    
    
  92. break;
    93. 
    
    
  93. }
    94. 
    
    
  94. return convertView;
    95. 
    
    
  95. }
    96. 
    
    
    97. 
    
    
  97. //**************************************************************************************************************************
    98. 
    
    
  98. private class Holder1 {
    99. 
    
    
  99. TextView holder1_title;
    100. 
    
    
  100. TextView holder1_time;
    101. 
    
    
  101. }
    102. 
    
    
    103. 
    
    
  103. private class Holder2 {
    104. 
    
    
  104. TextView holder2_title;
    105. 
    
    
  105. ImageView holder2_iv;
    106. 
    
    
  106. }
    107. 
    
    
  107. }
    108.

Model

 
   
   
    

  1. public class Model2 {
    2. 
    
    
  2. public static final int ITEM_FIRST = 0;//第一个样式
    3. 
    
    
  3. public static final int ITEM_SECOND = 1;//第二个样式
    4. 
    
    
  4. public int type;//记录是哪种样式
    5. 
    
    
  5. public String title;//标题
    6. 
    
    
  6. public int resId;//图片，仅第二个样式可以获取图片
    7. 
    
    
    8. 
    
    
  8. public Model2(int type, String str) {
    9. 
    
    
  9. this.type = type;
    10. 
    
    
  10. title = str;
    11. 
    
    
  11. }
    12. 
    
    
    13. 
    
    
  13. public Model2(int type, String str, int resId) {
    14. 
    
    
  14. this.type = type;
    15. 
    
    
  15. title = str;
    16. 
    
    
  16. this.resId = resId;
    17. 
    
    
  17. }
    18. 
    
    
  18. }
    19.

使用第三方框架 MultiType【推荐】

Demo：https://github.com/baiqiantao/MultiTypeTest.gitGitHub：https://github.com/drakeet/MultiType
     
     
    

  1. compile 'me.drakeet.multitype:multitype:3.1.0'
    2.
2017-7-18

null

标签：

相关文章