Android控件开发——ListView

简介: 上篇博客解决了Android客户端通过WebService与服务器端程序进行交互的问题,这篇博客重点关注两个问题,一个是Android应用程序如何与本机文件型数据库SQLite进行交互,另一问题则是如何在ListView中按照我们想要的界面效果进行展示。

上篇博客解决了Android客户端通过WebService与服务器端程序进行交互的问题,这篇博客重点关注两个问题,一个是Android应用程序如何与本机文件型数据库SQLite进行交互,另一问题则是如何在ListView中按照我们想要的界面效果进行展示。限于篇幅这篇重点讲ListView,下篇博客重点阐述SQLite。

ListView是一个常用的数据显示控件,假设我们要做一个简单的界面,如图所示。


这张图是我直接从Android平板电脑(Android 4.2.2)上面截图下来的,就是一个普通的列表,能够点击报名按钮获取到对应行的信息。

这里面显示的数据是我从SQLite数据库中查询出来的,封装的类的代码如下:

public class MyDatabaseHelper extends SQLiteOpenHelper {

	private static final String name = "mydb.db";// SQLite数据库文件名
	private static final int version = 1;// SQLite数据库版本号

	public MyDatabaseHelper(Context context) {
		super(context, name, null, version);
	}

	@SuppressLint("SimpleDateFormat")
	@Override
	public void onCreate(SQLiteDatabase db) {
		try {
			// 开启事务
			db.beginTransaction();
			String sql = "create table jobInfo (name varchar(20),"
					+ "num integer," + "date varchar(10),"
					+ "description text)";
			db.execSQL(sql);

			//测试插入10条数据
			for (int i = 0; i < 10; i++) {
				db.execSQL(
						"insert into jobInfo(name,num,date,description)values(?,?,?,?)",
						new Object[] {
								"name" + i,
								i,
								new SimpleDateFormat("yyyy-MM-dd")
										.format(new Date()), "description" + i });
			}

			// 标识事务成功
			db.setTransactionSuccessful();
		} finally {
			// 结束事务
			db.endTransaction();
		}
	}

	@Override
	public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {
		//数据库升级操作
	}
}
在需要创建数据库、插入数据的地方都可以实例化MyDatabaseHelper这个类,关于更多的SQLite的细节下篇博客将会进行详细的说明。

activity_main.xml布局文件:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin" >

    <LinearLayout
        android:id="@+id/head"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="岗位名称"
            android:textSize="24sp"
            android:width="150dip" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="岗位数量"
            android:textSize="24sp"
            android:width="150dip" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="发布日期"
            android:textSize="24sp"
            android:width="150dip" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="岗位描述"
            android:textSize="24sp"
            android:width="550dip" />
    </LinearLayout>

    <ListView
        android:id="@id/android:list"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/head" >
    </ListView>

</RelativeLayout>
可以看到这是一个相对布局,里面有一个线性布局,线性布局里面又放置了4个TextView作为ListView数据的标题。下面直接是一个ListView控件,由于这是相对布局,为了让ListView显示在“表头”下面,我们设置了layout_below属性。此外要注意ListView的id的写法。

接着按照界面的要求,我们准备一下ListView加载布局文件的内容,我们起名为:list_item.xml。

list_item.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="24sp"
        android:width="150dip" />

    <TextView
        android:id="@+id/num"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="24sp"
        android:width="150dip" />

    <TextView
        android:id="@+id/date"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="24sp"
        android:width="150dip" />

    <TextView
        android:id="@+id/description"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="24sp"
        android:width="550dip" />

    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:focusable="false"
        android:focusableInTouchMode="false"
        android:text="报名"
        android:width="150dip"
        android:textSize="24sp" />

</LinearLayout>
这也是一个普通的线性布局,设置orientation为horizontal(水平)。

布局文件准备好,下面我们准备写代码了。

我们让MainActivity这个类继承自ListActivity,完整的代码如下:

public class MainActivity extends ListActivity {

	List<Map<String, Object>> list;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		list = new ArrayList<Map<String, Object>>();
		//初始化SQLite数据库操作类对象
		MyDatabaseHelper dbHelper = new MyDatabaseHelper(MainActivity.this);
		
		//查询数据库返回Cursor(游标)对象
		Cursor cursor = dbHelper.getReadableDatabase().query("jobInfo",
				new String[] { "name", "num", "date", "description" }, null,
				null, null, null, "name");
		
		//将结果集封装到List<Map<String,Object>>数据结构当中
		while (cursor.moveToNext()) {
			Map<String, Object> map = new HashMap<String, Object>();
			map.put("name", cursor.getString(0));
			map.put("num", cursor.getInt(1));
			map.put("date", cursor.getString(2));
			map.put("description", cursor.getString(3));
			map.put("btn", R.drawable.ic_launcher);
			list.add(map);
		}
		//查询完毕,记得及时关闭数据库链接
		cursor.close();
		MyButtonAdapter adapter = new MyButtonAdapter(MainActivity.this, list,
				R.layout.list_item, new String[] { "name", "num", "date",
						"description", "btn" }, new int[] { R.id.name,
						R.id.num, R.id.date, R.id.description, R.id.btn });

		//给ListView设置数据填充适配器
		ListView listView = (ListView) findViewById(android.R.id.list);
		listView.setAdapter(adapter);
	}

	@Override
	protected void onListItemClick(ListView l, View v, int position, long id) {
		//ListView的
		@SuppressWarnings("unchecked")
		Map<String, Object> map = (HashMap<String, Object>) l
				.getItemAtPosition(position);
		Toast.makeText(MainActivity.this,
				"您点击了:" + map.get("name").toString() + "岗位!",
				Toast.LENGTH_SHORT).show();
	}
	
	public class MyButtonAdapter extends BaseAdapter {

		private class ButtonViewHolder {
			TextView name;
			TextView num;
			TextView date;
			TextView description;
			Button btn;
		}

		private Context mContext;
		private List<Map<String, Object>> mList;
		private ButtonViewHolder holder;
		private LayoutInflater mInflater;
		private String[] keyString;
		private int[] valueViewID;

		// 构造函数初始化变量
		public MyButtonAdapter(Context context, List<Map<String, Object>> list,
				int resource, String[] from, int[] to) {
			this.mContext = context;
			this.mList = list;

			// 获得布局文件对象
			mInflater = (LayoutInflater) context
					.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
			keyString = new String[from.length];
			valueViewID = new int[to.length];

			// 复制数组
			System.arraycopy(from, 0, keyString, 0, from.length);
			System.arraycopy(to, 0, valueViewID, 0, to.length);
		}

		@Override
		public int getCount() {
			return list.size();
		}

		@Override
		public Object getItem(int position) {
			return list.get(position);
		}

		/**
		 * 从list中移除某一项
		 * 
		 * @param position
		 */
		public void removeItem(int position) {
			list.remove(position);
			// 通知数据集已改变,请求自刷新
			this.notifyDataSetChanged();
		}

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

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			if (convertView != null) {
				holder = (ButtonViewHolder) convertView.getTag();
			} else {
				convertView = mInflater.inflate(R.layout.list_item, null);
				holder = new ButtonViewHolder();
				holder.name = (TextView) convertView
						.findViewById(valueViewID[0]);// 岗位名称
				holder.num = (TextView) convertView
						.findViewById(valueViewID[1]);// 岗位数量
				holder.date = (TextView) convertView
						.findViewById(valueViewID[2]);// 发布日期
				holder.description = (TextView) convertView
						.findViewById(valueViewID[3]);// 岗位描述
				holder.btn = (Button) convertView.findViewById(valueViewID[4]);// 报名按钮
				convertView.setTag(holder);
			}
			Map<String, Object> appInfo = mList.get(position);
			if (appInfo != null) {
				String aname = (String) appInfo.get(keyString[0]);
				Integer anum = (Integer) appInfo.get(keyString[1]);
				String adate = (String) appInfo.get(keyString[2]);
				String adescription = (String) appInfo.get(keyString[3]);
				holder.name.setText(aname);
				holder.num.setText(anum + "");
				holder.date.setText(adate);
				holder.description.setText(adescription);

				// 报名按钮事件
				holder.btn.setOnClickListener(new lvButtonListener(position));
			}
			return convertView;
		}

		class lvButtonListener implements OnClickListener {
			private int position;

			lvButtonListener(int pos) {
				position = pos;
			}

			@Override
			public void onClick(View v) {
				int vid = v.getId();
				if (vid == holder.btn.getId()) {
					String result = "" + "岗位名称:"
							+ list.get(position).get("name") + "\r\n" + "岗位人数:"
							+ list.get(position).get("num") + "\r\n" + "发布日期:"
							+ list.get(position).get("date") + "\r\n" + "岗位描述:"
							+ list.get(position).get("description") + "\r\n";

					new AlertDialog.Builder(MainActivity.this)
							.setTitle("提示")
							.setIcon(R.drawable.ic_launcher)
							.setMessage(result + "\r\n" + "您确定要申请该岗位吗?")
							.setPositiveButton(R.string.positive,
									new DialogInterface.OnClickListener() {
										@Override
										public void onClick(
												DialogInterface dialog,
												int which) {
											Toast toast = Toast
													.makeText(
															MainActivity.this,
															"您点击了"
																	+ getResources()
																			.getString(
																					R.string.positive)
																	+ "按钮,申请了"
																	+ list.get(
																			position)
																			.get("name")
																	+ "的岗位!",
															Toast.LENGTH_SHORT);
											toast.setGravity(Gravity.CENTER, 0,
													0);
											toast.show();
										}
									})
							.setNegativeButton(R.string.negative,
									new DialogInterface.OnClickListener() {
										@Override
										public void onClick(
												DialogInterface dialog,
												int which) {
											Toast toast = Toast
													.makeText(
															MainActivity.this,
															"您点击了"
																	+ getResources()
																			.getString(
																					R.string.negative)
																	+ "按钮",
															Toast.LENGTH_SHORT);
											toast.setGravity(Gravity.CENTER, 0,
													0);
											toast.show();
										}
									}).create().show();
					// 如果要删除行,可以调用此方法
					// removeItem(position);
				}
			}
		}
	}
}

上面的代码有几个知识点需要注意:

1、SQLite数据库的查询操作

我们通过getReadableDatabase().query方法执行了查询操作,返回Cursor(游标,与JDBC中的ResultSet类似)对象。

2、ListView控件使用(重点)

我们参考了SimpleAdapter默认的构造函数的方法,创建了自定义的MyButtonAdapter类,在显示数据的同时,能够给每一行的按钮绑定点击事件。

3、弹出提示框

弹出提示框的代码很长,完全可以封装到一个方法中,简化代码。这里完整的列出来,目的就是体验一下设计思路。经过观察我们发现,这就是所谓的“链式编程”,可以通过连续的".",设置参数(控制显示效果)。

strings.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="positive">确定</string>
    <string name="negative">取消</string>
</resources>

最终在pad上面的执行效果如下:





目录
相关文章
|
5天前
|
Linux 编译器 Android开发
FFmpeg开发笔记(九)Linux交叉编译Android的x265库
在Linux环境下,本文指导如何交叉编译x265的so库以适应Android。首先,需安装cmake和下载android-ndk-r21e。接着,下载x265源码,修改crosscompile.cmake的编译器设置。配置x265源码,使用指定的NDK路径,并在配置界面修改相关选项。随后,修改编译规则,编译并安装x265,调整pc描述文件并更新PKG_CONFIG_PATH。最后,修改FFmpeg配置脚本启用x265支持,编译安装FFmpeg,将生成的so文件导入Android工程,调整gradle配置以确保顺利运行。
24 1
FFmpeg开发笔记(九)Linux交叉编译Android的x265库
|
27天前
|
Java Android开发
Android 开发获取通知栏权限时会出现两个应用图标
Android 开发获取通知栏权限时会出现两个应用图标
14 0
|
1月前
|
XML 缓存 Android开发
Android开发,使用kotlin学习多媒体功能(详细)
Android开发,使用kotlin学习多媒体功能(详细)
103 0
|
1月前
|
设计模式 人工智能 开发工具
安卓应用开发:构建未来移动体验
【2月更文挑战第17天】 随着智能手机的普及和移动互联网技术的不断进步,安卓应用开发已成为一个热门领域。本文将深入探讨安卓平台的应用开发流程、关键技术以及未来发展趋势。通过分析安卓系统的架构、开发工具和框架,本文旨在为开发者提供全面的技术指导,帮助他们构建高效、创新的移动应用,以满足不断变化的市场需求。
18 1
|
1天前
|
数据库 Android开发 开发者
安卓应用开发:构建高效用户界面的策略
【4月更文挑战第24天】 在竞争激烈的移动应用市场中,一个流畅且响应迅速的用户界面(UI)是吸引和保留用户的关键。针对安卓平台,开发者面临着多样化的设备和系统版本,这增加了构建高效UI的复杂性。本文将深入分析安卓平台上构建高效用户界面的最佳实践,包括布局优化、资源管理和绘制性能的考量,旨在为开发者提供实用的技术指南,帮助他们创建更流畅的用户体验。
|
17天前
|
XML Java Android开发
Android之UI基础控件
Android之UI基础控件
|
18天前
|
XML 开发工具 Android开发
构建高效的安卓应用:使用Jetpack Compose优化UI开发
【4月更文挑战第7天】 随着Android开发不断进化,开发者面临着提高应用性能与简化UI构建流程的双重挑战。本文将探讨如何使用Jetpack Compose这一现代UI工具包来优化安卓应用的开发流程,并提升用户界面的流畅性与一致性。通过介绍Jetpack Compose的核心概念、与传统方法的区别以及实际集成步骤,我们旨在提供一种高效且可靠的解决方案,以帮助开发者构建响应迅速且用户体验优良的安卓应用。
|
21天前
|
监控 算法 Android开发
安卓应用开发:打造高效启动流程
【4月更文挑战第5天】 在移动应用的世界中,用户的第一印象至关重要。特别是对于安卓应用而言,启动时间是用户体验的关键指标之一。本文将深入探讨如何优化安卓应用的启动流程,从而减少启动时间,提升用户满意度。我们将从分析应用启动流程的各个阶段入手,提出一系列实用的技术策略,包括代码层面的优化、资源加载的管理以及异步初始化等,帮助开发者构建快速响应的安卓应用。
|
21天前
|
Java Android开发
Android开发之使用OpenGL实现翻书动画
本文讲述了如何使用OpenGL实现更平滑、逼真的电子书翻页动画,以解决传统贝塞尔曲线方法存在的卡顿和阴影问题。作者分享了一个改造后的外国代码示例,提供了从前往后和从后往前的翻页效果动图。文章附带了`GlTurnActivity`的Java代码片段,展示如何加载和显示书籍图片。完整工程代码可在作者的GitHub找到:https://github.com/aqi00/note/tree/master/ExmOpenGL。
23 1
Android开发之使用OpenGL实现翻书动画
|
21天前
|
Android开发 开发者
Android开发之OpenGL的画笔工具GL10
这篇文章简述了OpenGL通过GL10进行三维图形绘制,强调颜色取值范围为0.0到1.0,背景和画笔颜色设置方法;介绍了三维坐标系及与之相关的旋转、平移和缩放操作;最后探讨了坐标矩阵变换,包括设置绘图区域、调整镜头参数和改变观测方位。示例代码展示了如何使用这些方法创建简单的三维立方体。
18 1
Android开发之OpenGL的画笔工具GL10