android用户界面-组件Widget-列表视图ListView-低调大师

android用户界面-组件Widget-列表视图ListView

2017-11-12 676

ListView是比较常用的控件

程序效果是实现一个ListView,ListView里面有标题，内容和图片，并加入点击和长按响应。

列表的显示需要三个元素：

1．ListVeiw 用来展示列表的View。

2．适配器用来把数据映射到ListView上的中介。

3．数据具体的将被映射的字符串，图片，或者基本组件。

根据列表的适配器类型，列表分为三种，ArrayAdapter，SimpleAdapter和SimpleCursorAdapter

SimpleAdapter的例子如下：

首先在xml里面定义一个ListView

1.<?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout
3. android:id="@+id/LinearLayout01"
4. android:layout_width="fill_parent"
5. android:layout_height="fill_parent"
6. xmlns:android="http://schemas.android.com/apk/res/android">
7. <ListView android:layout_width="wrap_content"
8. android:layout_height="wrap_content"
9. android:id="@+id/ListView01"
10. />
11. </LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
	android:id="@+id/LinearLayout01" 
	android:layout_width="fill_parent" 
	android:layout_height="fill_parent" 
	xmlns:android="http://schemas.android.com/apk/res/android">
<ListView android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:id="@+id/ListView01"
          />
</LinearLayout>

定义ListView每个条目的Layout，用RelativeLayout实现：

1.<?xml version="1.0" encoding="utf-8"?>
2.<RelativeLayout
3. android:id="@+id/RelativeLayout01"
4. android:layout_width="fill_parent"
5. xmlns:android="http://schemas.android.com/apk/res/android"
6. android:layout_height="wrap_content"
7. android:paddingBottom="4dip"
8. android:paddingLeft="12dip"
9. android:paddingRight="12dip">
10.<ImageView
11. android:paddingTop="12dip"
12. android:layout_alignParentRight="true"
13. android:layout_width="wrap_content"
14. android:layout_height="wrap_content"
15. android:id="@+id/ItemImage"
16. />
17.<TextView
18. android:text="TextView01"
19. android:layout_height="wrap_content"
20. android:textSize="20dip"
21. android:layout_width="fill_parent"
22. android:id="@+id/ItemTitle"
23. />
24.<TextView
25. android:text="TextView02"
26. android:layout_height="wrap_content"
27. android:layout_width="fill_parent"
28. android:layout_below="@+id/ItemTitle"
29. android:id="@+id/ItemText"
30. />
31.</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
	android:id="@+id/RelativeLayout01" 
	android:layout_width="fill_parent" 
	xmlns:android="http://schemas.android.com/apk/res/android" 
	android:layout_height="wrap_content" 
	android:paddingBottom="4dip" 
	android:paddingLeft="12dip"
	android:paddingRight="12dip">
<ImageView 
	android:paddingTop="12dip"
	android:layout_alignParentRight="true"
	android:layout_width="wrap_content" 
	android:layout_height="wrap_content" 
	android:id="@+id/ItemImage"
	/> 
<TextView 
    android:text="TextView01" 
    android:layout_height="wrap_content" 
    android:textSize="20dip" 
    android:layout_width="fill_parent" 
    android:id="@+id/ItemTitle"
    />
<TextView 
	android:text="TextView02" 
	android:layout_height="wrap_content" 
	android:layout_width="fill_parent" 
	android:layout_below="@+id/ItemTitle" 
	android:id="@+id/ItemText"
	/>
</RelativeLayout>

最后在Activity里面调用和加入Listener,具体见注释：

1.package com.ray.test;
2.
3.import java.util.ArrayList;
4.import java.util.HashMap;
5.
6.import android.app.Activity;
7.import android.os.Bundle;
8.import android.view.ContextMenu;
9.import android.view.MenuItem;
10.import android.view.View;
11.import android.view.ContextMenu.ContextMenuInfo;
12.import android.view.View.OnCreateContextMenuListener;
13.import android.widget.AdapterView;
14.import android.widget.ListView;
15.import android.widget.SimpleAdapter;
16.import android.widget.AdapterView.OnItemClickListener;
17.
18.public class TestListView extends Activity {
19. @Override
20. public void onCreate(Bundle savedInstanceState) {
21. super.onCreate(savedInstanceState);
22. setContentView(R.layout.main);
23. //绑定Layout里面的ListView
24. ListView list = (ListView) findViewById(R.id.ListView01);
25.
26. //生成动态数组，加入数据
27. ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String, Object>>();
28. for(int i=0;i<10;i++)
29. {
30. HashMap<String, Object> map = new HashMap<String, Object>();
31. map.put("ItemImage", R.drawable.checked);//图像资源的ID
32. map.put("ItemTitle", "Level "+i);
33. map.put("ItemText", "Finished in 1 Min 54 Secs, 70 Moves! ");
34. listItem.add(map);
35. }
36. //生成适配器的Item和动态数组对应的元素
37. SimpleAdapter listItemAdapter = new SimpleAdapter(this,listItem,//数据源
38. R.layout.list_items,//ListItem的XML实现
39. //动态数组与ImageItem对应的子项
40. new String[] {"ItemImage","ItemTitle", "ItemText"},
41. //ImageItem的XML文件里面的一个ImageView,两个TextView ID
42. new int[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText}
43. );
44.
45. //添加并且显示
46. list.setAdapter(listItemAdapter);
47.
48. //添加点击
49. list.setOnItemClickListener(new OnItemClickListener() {
50.
51. @Override
52. public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
53. long arg3) {
54. setTitle("点击第"+arg2+"个项目");
55. }
56. });
57.
58. //添加长按点击
59. list.setOnCreateContextMenuListener(new OnCreateContextMenuListener() {
60.
61. @Override
62. public void onCreateContextMenu(ContextMenu menu, View v,ContextMenuInfo menuInfo) {
63. menu.setHeaderTitle("长按菜单-ContextMenu");
64. menu.add(0, 0, 0, "弹出长按菜单0");
65. menu.add(0, 1, 0, "弹出长按菜单1");
66. }
67. });
68. }
69.
70. //长按菜单响应函数
71. @Override
72. public boolean onContextItemSelected(MenuItem item) {
73. setTitle("点击了长按菜单里面的第"+item.getItemId()+"个项目");
74. return super.onContextItemSelected(item);
75. }
76.}

本文转自linzheng 51CTO博客，原文链接:http://blog.51cto.com/linzheng/1080693

微信关注我们

原文链接：https://yq.aliyun.com/articles/467341

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

android用户界面-组件Widget-网格视图GridView

GridView按照行列的方式来显示内容。一般适合显示图标。图片等内容，主要用于设置Adapter。通过基础类BaseAdapter类，重写getView()方法来设置图片显示格式。 /Chapter04_UI_GridView01/src/com/amaker/test/MainActivity.java 代码 packagecom.amaker.test; importandroid.app.Activity; importandroid.content.Context; importandroid.os.Bundle; importandroid.view.View; importandroid.view.ViewGroup; importandroid.widget.BaseAdapter; importandroid.widget.GridView; importandroid.widget.ImageView; publicclassMainActivityextendsActivity{ privateGridViewgv; @Ov...

2017-11-12

587

android的进度条有对话框进度条、标题进度条和水平进度条一、对话框进度条创建步骤 1、覆盖Activity的onCreateDialog()方法，并在其中创建对话框。 2、调用Activity的showDialog()方法，显示进度条对话框。 /Chapter04_UI_ProgressBar01/src/com/amaker/test/MainActivity.java 代码 packagecom.amaker.test; importandroid.app.Activity; importandroid.app.Dialog; importandroid.app.ProgressDialog; importandroid.content.DialogInterface; importandroid.os.Bundle; importandroid.view.View; importandroid.view.View.OnClickListener; importandroid.widget.Button; publicclassMainActi...

2017-11-12

629

资源下载

更多资源

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。