自定义Dialog(图片,文字说明,单选按钮)----类ListPreference实现(2)
在上一篇 中,只是实现一个perference,但是点击以后没有响应事件,我们可以定义一个一个Dialog,Dialog选项里面需要有图片,文字说明,后面还需要一个单选按钮,所以自己写了一个demo,效果图如下:
功能的完成是使用Dialog的addView()方法,把一个ListView添加进去。ListView控件里面使用了ImageView和CheckedTextView控件,CheckedTextView是一个提供文字和选择框的控件。如果对于CheckedTextView不熟悉,请自己查下文档,在这里就不在多说。
主要功能代码如下:
- public class ListViewActivityextends Activity {
- /** Called when the activity is first created. */
- @Override
- public void onCreate(Bundle savedInstanceState){
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- Button button=(Button)findViewById(R.id.button);
- //获取ListView
- final LayoutInflater factory = LayoutInflater.from(ListViewActivity.this);
- final View view = factory.inflate(
- R.layout.listview,null);
- final ListView list = (ListView) view.findViewById(R.id.ListView01);
- //把数据项添加到listItem里面
- ArrayList<HashMap<String,Object>> listItem =newArrayList<HashMap<String, Object>>();
- for(int i=0;i<5;i++)
- {
- if(i==0){
- HashMap<String,Object> map =new HashMap<String,Object>();
- map.put("ItemImage", R.drawable.checked);
- map.put("ItemTitle", "1");
- listItem.add(map);
- }else if(i==1){
- HashMap<String,Object> map =new HashMap<String,Object>();
- map.put("ItemImage", R.drawable.c);
- map.put("ItemTitle", "2");
- listItem.add(map);
- }else if(i==2){
- HashMap<String,Object> map =new HashMap<String,Object>();
- map.put("ItemImage", R.drawable.d);
- map.put("ItemTitle", "3");
- listItem.add(map);
- }else if(i==3){
- HashMap<String,Object> map =new HashMap<String,Object>();
- map.put("ItemImage", R.drawable.d);
- map.put("ItemTitle", "4");
- listItem.add(map);
- }else{
- HashMap<String,Object> map =new HashMap<String,Object>();
- map.put("ItemImage", R.drawable.e);
- map.put("ItemTitle", "5");
- listItem.add(map);
- }
- }
- //获得SimpleAdapter,并且把它添加到listView中
- SimpleAdapter listItemAdapter =new SimpleAdapter(this,listItem,
- R.layout.item,
- new String[] {"ItemImage","ItemTitle"},
- new int[] {R.id.imageView,R.id.checkedTextView}
- );
- list.setAdapter(listItemAdapter);
- list.setOnItemClickListener(new OnItemClickListener(){
- public void onItemClick(AdapterView<?>arg0, View arg1,int arg2,
- long arg3) {
- //把所有的单选全部设为非选中
- for(int i=0;i<arg0.getCount();i++)
- {
- View v = list.getChildAt(i);
- CheckedTextViewcheckText=(CheckedTextView)v.findViewById(R.id.checkedTextView);
- checkText.setChecked(false);
- }
- //获得点击项的CheckedTextView,并设为选中
- CheckedTextViewcheck=(CheckedTextView)arg1.findViewById(R.id.checkedTextView);
- check.setChecked(true);
- }
- });
- final AlertDialog.Builder builder=new AlertDialog.Builder(ListViewActivity.this);
- button.setOnClickListener(new View.OnClickListener() {
- public void onClick(View v) {
- builder.setTitle("Dialog");
- builder.setView(list);
- builder.setNegativeButton("cencel",null);
- builder.create().show();
- }
- });
- }
- }
其中item.xml代码如下
- <?xml version="1.0"encoding="utf-8"?>
- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="horizontal"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- >
- <ImageView
- android:id="@+id/imageView"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- />
- <CheckedTextView xmlns:android="http://schemas.android.com/apk/res/android"
- android:id="@+id/checkedTextView"
- android:layout_width="match_parent"
- android:layout_height="?android:attr/listPreferredItemHeight"
- android:textAppearance="?android:attr/textAppearanceLarge"
- android:gravity="center_vertical"
- android:checkMark="?android:attr/listChoiceIndicatorSingle"
- android:paddingLeft="6dip"
- android:paddingRight="6dip"
- />
- </LinearLayout>
Listview.xml文件如下
- <?xml version="1.0"encoding="utf-8"?>
- <ListView xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:id="@+id/ListView01"
- />
应该特别注意listview.xml不要把他写在一个父控件下如:LinearLayout等,如果这样会出现错误,。还有就是如果你listview添加过多选项,当单击的时候会出现空指针异常。
另外,Demo源代码可以在此下载。
http://download.csdn.net/source/3494251
2012年7月19号补充:
当listView中含有超过一屏幕的时候,采用以上方法会有空指针异常,是因为未显示的View为空,但是上面代码中要遍历所有代码,所以为空。如何优化,可以参考
ListView Item 选择问题解决之道
这篇文章。