Android ListView 多种布局--初步

##提出问题
先看下面这个ListView

此处输入图片的描述

该如何实现上面这个需求?
##解决问题
我们知道ListView数据绑定类BaseAdapter有个getItemViewType,这个方法完全满足上面的要求,下面写个简单的Demo实现上面的需求。

  • 定义主UI R.layout.activity_listview_type
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <ListView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/list_view"
            android:divider="@color/list_view_divider_color"
            android:dividerHeight="1dp" />
</LinearLayout>
  • 定义其中一种Item UI R.layout.item_listview_type_title
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:tools="http://schemas.android.com/tools"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <TextView
            android:id="@+id/item_list_view_type_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:gravity="center"
            android:textColor="@android:color/black"
            android:textSize="@dimen/item_list_view_type_title_size"
            android:padding="8dp"
            tools:ignore="RtlHardcoded,RtlSymmetry" />

</LinearLayout>
  • 定义另外一种Item UI R.layout.item_listview_type_content
<?xml version="1.0" encoding="utf-8"?>

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
          xmlns:tools="http://schemas.android.com/tools"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:gravity="center"
          android:textColor="@android:color/black"
          android:textSize="@dimen/item_list_view_type_title_size"
          android:padding="8dp"
          android:drawablePadding="10dp"
          android:drawableRight="@mipmap/ic_launcher"
          android:id="@+id/item_list_view_type_content"
          tools:ignore="RtlHardcoded">

</TextView>
  • 最后写UI主类
import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.List;

public class ListViewTypeActivity extends Activity
{

    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_listview_type);

        initView();
    }

    private void initView()
    {
        ListView listView = (ListView) findViewById(R.id.list_view);

        List<ItemFeed> data = new ArrayList<>();

        for (int i = 0; i < 20; i++)
        {
            ItemFeed feed = new ItemFeed();

            if (i % 5 == 0)
            {
                feed.setItemType(ItemType.TITLE);
                feed.setText("TypeListView_Item: Title" + i);
            }
            else
            {
                feed.setItemType(ItemType.CONTENT);
                feed.setText("TypeListView_Item: Content" + i);
            }

            data.add(feed);
        }

        BaseAdapter listAdapter = new TypedListAdapter(data);

        listView.setAdapter(listAdapter);
    }

    private class TypedListAdapter extends BaseAdapter
    {
        private List<ItemFeed> data;

        public TypedListAdapter(List<ItemFeed> datas)
        {
            this.data = datas;
        }

        @Override
        public int getViewTypeCount()
        {
            return 2;
        }

        @Override
        public int getItemViewType(int position)
        {
            final ItemFeed feed = data.get(position);

            if (feed != null)
            {
                return feed.getItemType().getValue();
            }

            return super.getItemViewType(position);
        }

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

        @Override
        public Object getItem(int position)
        {
            return data == null ? null : data.get(position);
        }

        @Override
        public long getItemId(int position)
        {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent)
        {
            final ItemFeed feed = data.get(position);
            final LayoutInflater inflater = LayoutInflater.from(ListViewTypeActivity.this);
            ItemTitleHolder titleHolder;
            ItemContentHolder contentHolder;

            int type = getItemViewType(position);

            switch (type)
            {
                case 0:

                    if (convertView == null)
                    {
                        convertView = inflater.inflate(R.layout.item_listview_type_title, parent, false);
                        titleHolder = new ItemTitleHolder(convertView);
                        convertView.setTag(titleHolder);
                    }
                    else
                    {
                        titleHolder = (ItemTitleHolder) convertView.getTag();
                    }

                    titleHolder.refreshUI(feed);

                    break;

                case 1:

                    if (convertView == null)
                    {
                        convertView = inflater.inflate(R.layout.item_listview_type_content, parent, false);
                        contentHolder = new ItemContentHolder(convertView);
                        convertView.setTag(contentHolder);
                    }
                    else
                    {
                        contentHolder = (ItemContentHolder) convertView.getTag();
                    }

                    contentHolder.refreshUI(feed);

                    break;
            }

            return convertView;
        }
    }

    private class ItemTitleHolder
    {
        private TextView title;

        public ItemTitleHolder(View convertView)
        {
            if (convertView != null)
            {
                title = (TextView) convertView.findViewById(R.id.item_list_view_type_title);
            }
        }

        public void refreshUI(ItemFeed feed)
        {
            if (title != null && feed != null)
            {
                title.setText(feed.getText());
            }
        }

    }

    private class ItemContentHolder
    {
        private TextView content;

        public ItemContentHolder(final View convertView)
        {
            if (convertView != null)
            {
                content = (TextView) convertView.findViewById(R.id.item_list_view_type_content);
            }
        }

        public void refreshUI(ItemFeed feed)
        {
            if (content != null && feed != null)
            {
                content.setText(feed.getText());
            }
        }

    }

    private class ItemFeed
    {
        public ItemType getItemType()
        {
            return itemType;
        }

        public void setItemType(ItemType itemType)
        {
            this.itemType = itemType;
        }

        public String getText()
        {
            return text;
        }

        public void setText(String text)
        {
            this.text = text;
        }

        private ItemType itemType;
        private String text;


    }

    private enum ItemType
    {
        TITLE(0),

        CONTENT(1);

        public int getValue()
        {
            return value;
        }

        private int value;

        ItemType(int value)
        {
            this.value = value;
        }
    }
}

##运行结果
此处输入图片的描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值