安卓 ListView列表

界面示例：

界面布局：thumbsup_page_layout.xml

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" > <RelativeLayout android:id="@+id/thumbsup_tittle_bg" android:layout_width="fill_parent" android:layout_height="181px" android:background="@drawable/thumbsup_tittle_bg" > </RelativeLayout> <ImageView android:id="@+id/thumbsup_close" android:layout_width="36px" android:layout_height="36px" android:layout_alignParentRight="true" android:padding="5dp" android:src="@drawable/thumbsup_close" /> <TextView android:id="@+id/thumbsup_tittle_note" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/thumbsup_tittle_bg" android:background="#0288d1" android:gravity="center" android:paddingBottom="10dp" android:paddingTop="10dp" android:text="thumbsup_tittle_note" android:textColor="@android:color/white" android:textSize="24sp" tools:text="关注粉丝页，获取免费金币" /> <LinearLayout android:id="@+id/thumbsup_list_content" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@+id/thumbsup_tittle_note" android:background="#FFDCDCDC" android:orientation="vertical" > </LinearLayout> </RelativeLayout>

列表项布局：thumbsup_list_iteam_layout.xml

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" > <RelativeLayout android:id="@+id/thumbsup_layout_bg" android:layout_width="fill_parent" android:layout_height="90px" android:layout_marginBottom="1dp" android:layout_marginLeft="0dp" android:layout_marginRight="0dp" android:layout_marginTop="1dp" android:background="@drawable/thumbsup_list_iteam_bg" android:paddingBottom="5dp" android:paddingLeft="10dp" android:paddingRight="5dp" android:paddingTop="5dp"> <ImageView android:id="@+id/thumbsup_iteam_icon" android:layout_width="77px" android:layout_height="77px" android:layout_centerVertical="true" android:src="@drawable/thumbsup_list_game_icon"/> <ImageView android:id="@+id/thumbsup_iteam_button" android:layout_width="100px" android:layout_height="50px" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:src="@drawable/thumbsup_list_click_button" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_marginLeft="5dp" android:layout_marginRight="5dp" android:layout_toLeftOf="@id/thumbsup_iteam_button" android:layout_toRightOf="@id/thumbsup_iteam_icon" android:orientation="vertical"> <TextView android:id="@+id/thumbsup_note1" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="关注Warfare Strike粉丝页" android:textColor="@android:color/black" android:textSize="16sp" /> <TextView android:id="@+id/thumbsup_note2" android:layout_width="match_parent" android:layout_height="0px" android:text="剩余次数：10" android:textColor="@android:color/black" android:textSize="12sp" /> </LinearLayout> </RelativeLayout> </RelativeLayout>

 

ListViewCommonAdapter.java 用于生成List列表

package sci.tool; import android.content.Context; import android.graphics.Color; import android.graphics.drawable.ColorDrawable; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.ArrayAdapter; import android.widget.ListView; /** ListAdapter.java: 安卓listView内容适配工具类。 * 让IteamDatas中的数据按照布局layoutName进行显示 ； * * （TE为待自定义的数据类，里面保存单个列表项的所有数据信息） * 1、继承该类，继承方法 ListViewCommonAdapter(), 通过该接口指定单个列表项的布局文件名、设置所有列表项数据； * 2、实现方法，setIteamView(TE iteamData)， 设置每个列表项的显示； * 3、实现方法，setIteamClick(Context iteamContext, TE iteamData)， 设置每个列表项的点击响应； * 4、调用 getListView()获取ListView，或者直接显示到ViewGroup中ShowListViewIn(ViewGroup group) * * ----- 2018-6-7 下午4:18:10 scimence */ public abstract class ListViewCommonAdapter<TE> extends ArrayAdapter<TE> { LayoutInflater layoutInflater; int resourceId; Context context; /** 根据资源类型、名称，获取资源id */ public static int getId(Context context, String name, String defType) { return context.getResources().getIdentifier(name, defType, context.getPackageName()); } /** 指定 列表项布局、数据, 构建Adaper. * * (如：iteam_layout.xml -> listIteam_LayoutName="iteam_layout"; * TE[] IteamDatas -> 对应每一个列表项的数据, TE为自定义类包含单个列表项的所有数据；) * */ public ListViewCommonAdapter(Context context, String listIteam_LayoutName, TE[] IteamDatas) { super(context, 0, IteamDatas); // 调用数组适配器，进行初始化 this.context = context; this.resourceId = getId(context, listIteam_LayoutName, "layout"); // listView项布局资源id layoutInflater = LayoutInflater.from(context); // 获取LayoutInflater服务 } /** 获取指定postion位置的列表项对应视图，list列表项view生成 */ @Override public View getView(int position, View convertView, ViewGroup parent) { // 从预定义的xml布局创建新的view视图 if (convertView == null) convertView = layoutInflater.inflate(resourceId, null); // 修改视图中的信息 TE iteam = getItem(position); // 获取position个位置的列表项数据 // int textViewId = ResUtil.getId(convertView.getContext(), "ltpay_text", "id"); // TextView textView = (TextView) convertView.findViewById(textViewId); // textView.setText(iteam.Title); curIteamView = convertView; setIteamView(iteam); // 调用虚方法，设置list列表项内容 curIteamView = null; return convertView; // 返回按给定数据显示视图 } /** 临时记录当前操作的ListView项 */ private View curIteamView = null; /** 获取list列表项指定id对应的View, 若未指定viewId则获取对应Iteam项对应View */ public View IteamView(String viewId) { if (viewId == null || viewId.equals("")) return curIteamView; int id = getId(curIteamView.getContext(), viewId, "id"); // 获取ListIteam列表项中指定名称的View的id View view = curIteamView.findViewById(id); // 根据id获取对应的View return view; } /** 获取list列表项指定id对应的View, 若未指定viewId则获取对应Iteam项对应View */ public View IteamView(View iteamView, String viewId) { int id = getId(iteamView.getContext(), viewId, "id"); // 获取ListIteam列表项中指定名称的View的id View view = iteamView.findViewById(id); // 根据id获取对应的View return view; } /** 设置list列表项内容。 * * TE iteamData为：待显示的单个列表项的对应数据 * 列表项的子控件，通过 IteamView(String viewId)获取指定名称的View; * */ public abstract void setIteamView(TE iteamData); // list的事件响应 OnItemClickListener listenList = new OnItemClickListener() { @Override public void onItemClick(AdapterView<?> arg0, View iteamView, int postion, long arg3) { curIteamView = iteamView; setIteamClick(context, getItem(postion)); curIteamView = null; } }; /** 设置list列表项点击响应逻辑。 * * TE iteamData为：待显示的单个列表项的对应数据 * iteamContext为：单个列表项的Context * 列表项的子控件，通过 IteamView(String viewId)获取指定名称的View; * */ public abstract void setIteamClick(Context iteamContext, TE iteamData); // ------------ /** 生成listView */ public ListView getListView() { ListView list = new ListView(context); // 创建listView list.setDivider(new ColorDrawable(Color.GRAY)); // 设置分割线颜色 list.setDividerHeight(1); // 设置分割线尺寸 list.setAdapter(this); // 为列表添加显示数据 list.setOnItemClickListener(this.listenList); return list; } /** 生成listView, 并显示在ViewGroup中 */ public void ShowListViewIn(ViewGroup group) { ListView list = this.getListView(); // 生成listView list.setDividerHeight(0); // 设置分割线尺寸 // 在content中显示ListView信息 group.removeAllViews(); group.addView(list); // 添加listView为显示内容页 } }

定义列表项数据类（根据列表项自定义）：

ListIteamData.java

package sci.demo.androidlistview; import org.json.JSONArray; import org.json.JSONObject; import sci.tool.WebTool; import android.graphics.drawable.Drawable; import android.util.Log; /** ListIteamData.java: 定义该结构用于表示列表项的数据结构 ----- 2018-10-25 下午8:20:46 scimence */ public class ListIteamData { public String iconUrl, btnUrl1, btnUrl2, note; // 图标url地址、按钮url、灰色按钮url、文本说明信息 Drawable icon, btn1, btn2; // 图标图像、按钮图像、灰色按钮图像 public boolean isClicked = false; // 其他信息，记录列表项是否已点击 ListIteamData() {} // public ListIteamData(String... data) // { // this.iconUrl = data[0]; // this.btnUrl1 = data[1]; // this.note1 = data[2]; // this.note2 = data[3]; // } // 从Json对象创建 public ListIteamData(JSONObject obj) { try { this.iconUrl = obj.optString("iconUrl", ""); this.btnUrl1 = obj.optString("btnUrl1", ""); this.btnUrl2 = obj.optString("btnUrl2", ""); this.note = obj.optString("note", ""); // 下载图像资源 icon = WebTool.GetDrawable(iconUrl); btn1 = WebTool.GetDrawable(btnUrl1); btn2 = WebTool.GetDrawable(btnUrl2); } catch (Exception ex) { ex.printStackTrace(); } } // --------------------------------- // 从Json数组解析数据 public static ListIteamData[] ToArray(JSONArray data) { ListIteamData[] Array = new ListIteamData[data.length()]; for (int i = 0; i < data.length(); i++) { try { JSONObject obj = data.getJSONObject(i); Array[i] = new ListIteamData(obj); } catch (Exception ex) { ex.printStackTrace(); Log.e("thumbsupPage.java", "数据ListIteamData解析异常!"); } } return Array; } }

ListAdapter.java 用于生成ListView

package sci.demo.androidlistview; import sci.tool.ListViewCommonAdapter; import android.content.Context; import android.widget.ImageView; import android.widget.TextView; /** ListAdapter.java: ----- 2018-10-25 下午8:32:21 scimence */ public class ListAdapter extends ListViewCommonAdapter<ListIteamData> { /** 1、继承方法 ListViewCommonAdapter(), 通过该接口指定单个列表项的布局文件名、设置所有列表项数据； * * @param context * @param listIteam_LayoutName 布局文件名 * @param IteamDatas 所有列表项数据 */ public ListAdapter(Context context, String listIteam_LayoutName, ListIteamData[] IteamDatas) { super(context, listIteam_LayoutName, IteamDatas); } /** 2、setIteamView(TE iteamData)， 设置每个列表项的显示； * * @param iteamData 将显示的列表项的对应数据 */ @Override public void setIteamView(ListIteamData iteamData) { // TODO 根据列表项数据iteamData，设置列表项的显示 // View view = IteamView("name"); //获取列表项中，指定名称的view // 游戏Icon ImageView Icon = (ImageView) IteamView("thumbsup_iteam_icon"); // Icon.setImageDrawable(iteamData.icon); Icon.setImageDrawable(iteamData.icon); // 按钮 ImageView button = (ImageView) IteamView("thumbsup_iteam_button"); button.setImageDrawable(!iteamData.isClicked ? iteamData.btn1 : iteamData.btn2); // 说明信息 TextView note1 = (TextView) IteamView("thumbsup_note1"); note1.setText(iteamData.note); } /** 3、setIteamClick(Context iteamContext, TE iteamData)， 设置每个列表项的点击响应； * * @param iteamContext 列表项对应的context * @param iteamData 待设置点击逻辑的列表项的对应数据 */ @Override public void setIteamClick(Context iteamContext, ListIteamData iteamData) { // TODO 根据列表项数据iteamData，设置列表项的点击处理逻辑 // View view = IteamView("name"); //获取列表项中，指定名称的view if (!iteamData.isClicked) { iteamData.isClicked = true; // 设置按钮为已点击对应的图像 ImageView button = (ImageView) IteamView("thumbsup_iteam_button"); button.setImageDrawable(iteamData.btn2); // 执行按钮点击对应逻辑 // ... } } }

ListPage.java 列表Activity主页面

package sci.demo.androidlistview; import org.json.JSONArray; import org.json.JSONObject; import sci.tool.ActivityComponent; import sci.tool.ThreadTool; import sci.tool.WebTool; import android.graphics.drawable.Drawable; import android.os.Bundle; import android.widget.LinearLayout; import android.widget.Toast; /** list列表页主界面 ---- 2018-10-25 下午8:32:21 scimence*/ public class ListPage extends ActivityComponent { @Override public void Init(Bundle savedInstanceState) { // 设置Activity页面布局 setContentView("list_view_page"); ThreadTool.getMainHandler().postDelayed(new Runnable() { @Override public void run() { // 获取网络数据， 列表项数据信息获取 String dataUrl = "https://raw.githubusercontent.com/scimence/AndroidListview/master/files/listData"; JSONObject webData = WebTool.GetJSONObject(dataUrl); if (webData != null) { // 设置标题栏背景图 Drawable tittlePic = WebTool.GetDrawable(webData.optString("tittlePic")); if(tittlePic != null) ImageView("thumbsup_tittle_bg").setImageDrawable(tittlePic); // 设置标题栏显示信息 TextView("thumbsup_tittle_note").setText(webData.optString("title")); // 生成列表项显示到ViewGroup中 { JSONArray data = webData.optJSONArray("listData"); // 数据根据列表项所需数据，自行定义 ListIteamData[] datas = ListIteamData.ToArray(data); // 从JSON数据中解析列表信息 ListAdapter adapter = new ListAdapter(ListPage.this, "list_iteam_layout", datas/* , call */); LinearLayout content = LinearLayout("thumbsup_list_content"); // 获取页面的LinerLayout作为显示列表的ViewGroup adapter.ShowListViewIn(content); // 显示列表 } } } }, 1000); // 在主线程中，延时进行列表信息的载入 } /* 设置View点击响应事件 */ @Override public void Click(String viewId) { String text = "点击了View -> " + viewId; Toast.makeText(this, text, Toast.LENGTH_SHORT).show(); // TODO View点击响应逻辑 } }

ActivityComponent.java 为 Activity的子类，简化Activity的使用

ThreadTool.java 线程辅助操作类，用于在主线程、非主线程中 执行逻辑

WebTool.java 下载网络数据、图像

 

AndroidListView源码.zip