控件之 Dialog ListView GridView

最新推荐文章于 2022-07-20 22:19:45 发布

MYBOYER

最新推荐文章于 2022-07-20 22:19:45 发布

阅读量1k

点赞数

文章标签： Android基础学习

Android基础控件专栏收录该内容

152 篇文章 0 订阅

订阅专栏

Dialog 对话框，它运行起来的效果是什么样呢？如下图

2011-12-20 18:45 上传

下载附件 (28.95 KB)

这种是最常用的对话框

2011-12-20 18:46 上传

下载附件 (36.5 KB)

当点击了上图的确定后，会弹此对话框，这种对话框属于自定义布局类型

2011-12-20 18:46 上传

下载附件 (26.3 KB)

当执行一些比较费时的操作时，用这种对话框是个不错的选择

2011-12-20 18:47 上传

下载附件 (14.64 KB)

当我们需要用户进行选择操作，又不能使用下来列表时，可以使用这种自定义布局的对话框

接下来我们就一起来看看这些通过代码是如何实现的？

package TSD.Jason.Example;
import android.app.Activity;
import android.app.AlertDialog;
import android.app.ProgressDialog;
import android.app.AlertDialog.Builder;
import android.app.Dialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.Button;
/**
* 对话框
* @author Administrator
* 常用方法：
* setTitle()：给对话框设置title.
setIcon():给对话框设置图标。
setMessage():设置对话框的提示信息
setItems()：设置对话框要显示的一个list,一般用于要显示几个命令时
setSingleChoiceItems():设置对话框显示一个单选的List
setMultiChoiceItems():用来设置对话框显示一系列的复选框。
setPositiveButton():给对话框添加”Yes”按钮。
setNegativeButton():给对话框添加”No”按钮。
*
*/
publicclass DialogActivity extends Activity {
Button btn1;
ProgressDialog p;
@Override
protectedvoid onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.diaolg);
btn1 = (Button)findViewById(R.id.btnDialog);
btn1.setOnClickListener(new Button.OnClickListener() {
@Override
publicvoid onClick(View v) {
Builder dialog = new AlertDialog.Builder(DialogActivity.this);
dialog.setTitle("登录提示");
dialog.setIcon(android.R.drawable.ic_dialog_info);
dialog.setMessage("是否登录？");
dialog.setPositiveButton("确定", new DialogInterface.OnClickListener() {
@Override
publicvoid onClick(DialogInterface dialog, int which) {
ShowLoginDialog();
}
});
dialog.setNegativeButton("取消", new DialogInterface.OnClickListener() {
@Override
publicvoid onClick(DialogInterface dialog, int which) {
DialogActivity.this.finish();
}
});
dialog.show();
}
});
}
}

复制代码

以上代码是我们第一张对话框的效果实现代码，大家发现是不是挺简单，当我们单击确定按钮后，将调用一个叫做ShowLoginDialog的方法。

这个方法马上会贴出来，在这里我还是要强调下，大家在写代码的时候一定要有一个良好的编程思想，将功能拆分，降低代码的耦合度，一个方法只做一件事情，不要一股脑的将代码写到一个方法里。希望大家记得。

privatevoid ShowLoginDialog()
{
Builder builder =new AlertDialog.Builder(DialogActivity.this);
builder.setTitle("用户登录");
LayoutInflater factory = LayoutInflater.from(DialogActivity.this);
View dialogView = factory.inflate(R.layout.dialogview, null);
builder.setView(dialogView);
builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
@Override
publicvoid onClick(DialogInterface dialog, int which) {
DialogWait();
}
});
builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
@Override
publicvoid onClick(DialogInterface dialog, int which) {
DialogActivity.this.finish();
}
});
builder.show();
}

复制代码

上边被标注的代码是为了让Dialog中的内容部分显示我们自定义的布局文件，通过builder对象的setView方法就可以将R.layout.dialogview这个布局文件绑定到对话框中。

布局文件代码如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="账号"
/>
<EditText
android:id="@+id/txtUserName"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:hint="请输入账号"
/>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="密码"
/>
<EditText
android:id="@+id/txtUserPwd"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:password="true"
android:hint="请输入密码"
/>
</LinearLayout>

复制代码

第三个等待效果的对话框是如何实现的呢？上边我们调用了一个方法叫做 DialogWait

privatevoid DialogWait()
{
p = ProgressDialog.show(DialogActivity.this, "正在登录", "请稍后...", true);
new Thread(){
publicvoid run(){
try {
Thread.sleep(2000);
} catch (InterruptedException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
finally{
p.dismiss();//登录结束后，取消对话框
}
}
}.start();
}

复制代码

大家注意，此时的类就不在是AlertDialog，而是ProgressDialog。

上边代码我们为了测试看效果，所以开启了一个线程，并挂起2秒，这在以后项目中是不需要的，如果大家看不太懂，那么这里先跳过。

接下来我们来看看如何在对话框中嵌套一个ListView。

首先，需要一个布局文件，布局文件里只创建一个ListView，如下代码

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

复制代码

Java代码如下

privatevoid ShowLoginDialog()
{
Builder builder =new AlertDialog.Builder(Tab1Activity.this);
builder.setTitle("选择城市");
LayoutInflater factory = LayoutInflater.from(Tab1Activity.this);
View dialogView = factory.inflate(R.layout.dialogcity, null);
listCity =(ListView)dialogView.findViewById(R.id.listCity);
GetCity();
builder.setView(dialogView);
builder.show();
}
privatevoid GetCity()
{
System.out.println("asd");
ArrayList<HashMap<String, String>> listData =new ArrayList<HashMap<String,String>>();
HashMap<String, String> hmItem =new HashMap<String, String>();
hmItem.put("city", "北京");
listData.add(hmItem);
hmItem =new HashMap<String, String>();
hmItem.put("city", "上海");
listData.add(hmItem);
hmItem =new HashMap<String, String>();
hmItem.put("city", "深圳");
listData.add(hmItem);
hmItem =new HashMap<String, String>();
hmItem.put("city", "天津");
listData.add(hmItem);
hmItem =new HashMap<String, String>();
hmItem.put("city", "南京");
listData.add(hmItem);
hmItem =new HashMap<String, String>();
hmItem.put("city", "武汉");
listData.add(hmItem);
hmItem =new HashMap<String, String>();
hmItem.put("city", "江苏");
listData.add(hmItem);
hmItem =new HashMap<String, String>();
hmItem.put("city", "宁波");
listData.add(hmItem);
SimpleAdapter sim =new SimpleAdapter(this, listData, android.R.layout.simple_list_item_1, new String[]{"city"}, newint[]{android.R.id.text1});
listCity.setAdapter(sim);
}

复制代码

直接调用ShowLoginDialog方法即可。注意标注的代码，需要先获取ListView。这里已经用到了ListView，如果不太懂下边就将ListView，大家注意看。

ListView

上边已经展示过它运行的效果了，这里就不展示运行效果了。

那么要使用ListView需要哪些步骤呢？举一个例子，可能不太恰当

冰箱里没有鸡蛋了，我们从家里提了一个篮子去超市买鸡蛋。就是这样的一个过程。我们来分解下这个步骤

冰箱 == 展示数据 == ListView

超市里的鸡蛋 == 数据 == ArrayList<E> 泛型集合

篮子 == 适配器 == SimpleAdapter

我们应该将鸡蛋（ArrayList<E>）装到篮子里（SimpleAdapter）然后提回家放到冰箱里（ ListView）

分解完步骤后，那么我们看看如何用代码实现这个过程。

ListView userList; //声明一个ListView对象（冰箱）

userList = (ListView)findViewById(R.id.listUserInfo); //获取布局文件中的ListView控件赋值给ListView对象

ArrayList<HashMap<String, String>> listData = new ArrayList<HashMap<String,String>>(); //数据源（超市装鸡蛋的盒子）

HashMap<String, String> hmItem = new HashMap<String, String>(); //需要一个HashMap键值对（每一个鸡蛋）
hmItem.put("userName", "张三");
hmItem.put("userPhone", "1234567890");
listData.add(hmItem); //将鸡蛋装到数据源中

String[] s = new String[2]; //列和键值对中的键一一对应每个键值对应该是一样的列数
s[0] = "userName";
s[1] = "userPhone";
int[] i = new int[2]; //用什么控件来装载上边String集合中的列和上边的String数组也是一一对应的
i[0] = android.R.id.text1;
i[1] = android.R.id.text2;
SimpleAdapter sim = new SimpleAdapter(this, listData, android.R.layout.simple_list_item_1, s, i); //这就是我们的篮子
userList.setAdapter(sim); //将篮子中的鸡蛋装到冰箱中 :)

完整的代码如下

package TSD.Jason.Example;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.SimpleAdapter;
/**
* ListView基本使用方法
*
* 使用ListView的基本步骤
* 1.准备ListView要显示的数据；
* ArrayList<HashMap<String, String>> listData = new ArrayList<HashMap<String,String>>();
*
* 2.使用一维或多维动态数组保存数据；
* HashMap<String, String> hmItem = new HashMap<String, String>();
hmItem.put("userName", "张三");
hmItem.put("userPhone", "1234567890");
* 3.构建适配器，简单地来说，适配器就是 Item数组，动态数组有多少元素就生成多少个Item；
* SimpleAdapter simpleAdapter；
* 数据绑定的类
* 参数解释
*
* 第一个context，很明显大家根据英文可以知道是上下文的意思，它官方的意思是：SimpleAdapter所要运行关联到的视图，这个是什么呢？就是你这个SimpleAdapter所在的Activity（一般而言），所以这个参数一般是this
第二个是一个泛型只要是一个List就行，这一般会想到是ArrayList，而他内部存储的则是Map或者继承自Map的对象，比如HashMap，这些语法都是Java的基本语法，不再详述了！这里呢是作为数据源，而且每一个ArraList中的一行就代表着呈现出来的一行，Map的键就是这一行的列名，值也是有列名的。
第三个资源文件，就是说要加载这个两列所需要的视图资源文件，你可以左边一个TextView右边一个TextView，目的在于呈现左右两列的值！
第四个参数是一个数组，主要是将Map对象中的名称映射到列名，一一对应
第五个是将第四个参数的值一一对象的显示（一一对应）在接下来的int形的id数组中，这个id数组就是LayOut的xml文件中命名id形成的唯一的int型标识符
* context 关联SimpleAdapter运行着的视图的上下文。
data 一个Map的列表。在列表中的每个条目对应列表中的一行，应该包含所有在from中指定的条目
resource 一个定义列表项目的视图布局的资源唯一标识。布局文件将至少应包含哪些在to中定义了的名称。
from 一个将被添加到Map上关联每一个项目的列名称的列表
to 应该在参数from显示列的视图。这些应该全是TextView。在列表中最初的N视图是从参数from中最初的N列获取的值。
*
* 4.把适配器添加到ListView,并显示出来。
* @author Administrator
*
*/
publicclass ListViewActivity extends Activity {
ListView userList;
@Override
protectedvoid onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.listview);
userList = (ListView)findViewById(R.id.listUserInfo);
ArrayList<HashMap<String, String>> listData =new ArrayList<HashMap<String,String>>();
HashMap<String, String> hmItem =new HashMap<String, String>();
hmItem.put("userName", "张三");
hmItem.put("userPhone", "1234567890");
listData.add(hmItem);
hmItem =new HashMap<String, String>();
hmItem.put("userName", "李四");
hmItem.put("userPhone", "981234502");
listData.add(hmItem);
hmItem =new HashMap<String, String>();
hmItem.put("userName", "王五");
hmItem.put("userPhone", "5622435566221");
listData.add(hmItem);
//SimpleAdapter simpleAdapter = new SimpleAdapter(this, listData, R.layout.textviewitem, new String[]{"userName","userPhone"}, new int[]{R.id.txtUserName,R.id.txtUserPhone});
//SimpleAdapter simpleAdapter = new SimpleAdapter(this, listData, android.R.layout.simple_list_item_1, new String[]{"userName","userPhone"}, new int[]{android.R.id.text1,android.R.id.text2});
//SimpleAdapter simpleAdapter = new SimpleAdapter(this, listData, android.R.layout.simple_list_item_2, new String[]{"userName","userPhone"}, new int[]{android.R.id.text1,android.R.id.text2});
String[] s =new String[2];
s[0] ="userName";
s[1] ="userPhone";
int[] i =newint[2];
i[0] = android.R.id.text1;
i[1] = android.R.id.text2;
SimpleAdapter sim =new SimpleAdapter(this, listData, android.R.layout.simple_list_item_1, s, i);
userList.setAdapter(sim);
//列表项单击事件
userList.setOnItemClickListener(new ListView.OnItemClickListener() {
@Override
publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2,
long arg3) {
System.out.println(arg2);
System.out.println(arg3);
}
});
//列表项选中事件
userList.setOnItemSelectedListener(new ListView.OnItemSelectedListener() {
@Override
publicvoid onItemSelected(AdapterView<?> arg0, View arg1,
int arg2, long arg3) {
// TODO Auto-generated method stub
System.out.println("selected----------"+arg2);
System.out.println("selected----------"+arg3);
}
@Override
publicvoid onNothingSelected(AdapterView<?> arg0) {
// TODO Auto-generated method stub
}
});
//列表项长按事件
userList.setOnItemLongClickListener(new ListView.OnItemLongClickListener() {
@Override
publicboolean onItemLongClick(AdapterView<?> arg0, View arg1,
int arg2, long arg3) {
System.out.println("long---------"+ arg2);
System.out.println("long---------"+ arg3);
returntrue;
}
});
}
}

复制代码

上边注释的三句话

第一句是我们可以自定义布局文件展示数据

第二句我们可以用内置的布局文件来展示

第三句和第二句一样，但是效果不一样，大家运行看看就明白了

GridView

类似与手机主菜单中展示的效果，如图

2011-12-20 18:49 上传

下载附件 (75.72 KB)

网格视图控件和我们的ListView 操作很像，上边已经解释过了，这里直接贴代码了

package TSD.Jason.Example;
import java.util.ArrayList;
import java.util.HashMap;
import android.app.Activity;
import android.os.Bundle;
import android.widget.GridView;
import android.widget.SimpleAdapter;
publicclass GridViewActivity extends Activity {
// 定义整型数组即图片源
private Integer[] mImageIds =
{
R.drawable.img1,
R.drawable.img2,
R.drawable.img3,
R.drawable.img4,
R.drawable.img5,
R.drawable.img6,
R.drawable.img7,
R.drawable.img8,
R.drawable.img1,
};
@Override
protectedvoid onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.gridview);
GridView gridview = (GridView) findViewById(R.id.gridview);
// 生成动态数组，并且转入数据
ArrayList<HashMap<String, Object>> lstImageItem =new ArrayList<HashMap<String, Object>>();
for (int i =0; i <9; i++) {
HashMap<String, Object> map =new HashMap<String, Object>();
map.put("ItemImage", mImageIds[i]);// 添加图像资源的ID
map.put("ItemText", "NO."+ String.valueOf(i));// 按序号做ItemText
lstImageItem.add(map);
}
SimpleAdapter simple =new SimpleAdapter(this, lstImageItem,
R.layout.gridviewitem,
new String[] { "ItemImage", "ItemText" }, newint[] {
R.id.ItemImage, R.id.ItemText });
gridview.setAdapter(simple);
}
}

复制代码

MYBOYER

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
控件之 Dialog ListView GridView

Dialog 对话框，它运行起来的效果是什么样呢？如下图2011-12-20 18:45 上传下载附件(28.95 KB)这种是最常用的对话框2011-12-20 18:46 上传下载附件(36.5 KB)当点击了上图的确定后，会弹此对话框，这种对话框属于自定义布局类型2011-12-20 18:4
复制链接

扫一扫

专栏目录