ListView详解5

五、本次要讲的是一个listview的进阶效果,主要实现的功能是,单击显示的item时,会显示出一个大图,以突出效果,即抽屉效果的ListView。效果如下所示:

其主要实现思路是:在getView的时候,动态修改布局,将选中的item添加新的View,这样就做到了点击的时候,与其他的item不同的效果。

代码如下:

public class MainActivity extends ListActivity {

	DrawListAdapter adapter;
	int[] imgs={R.drawable.image,R.drawable.packed,R.drawable.paste,R.drawable.text,R.drawable.delete};
	String[] text={"第一抽屉","第二抽屉","第三抽屉","第四抽屉","第五抽屉"};
	int currentItem=0;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        adapter = new DrawListAdapter(this);
        //setListAdapter和getListView方法是ListActivity的方法,分别用于设置adapter和获得一个listview
        this.setListAdapter(adapter);
        this.getListView().setOnItemClickListener(new OnItemClickListener(){

			public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
					long arg3) {
				// TODO Auto-generated method stub
				currentItem=arg2;
				//notifyDataSetChanged()可以在修改适配器绑定的数组后,不用重新刷新Activity,通知Activity更新ListView
				adapter.notifyDataSetChanged();
			}
        });
    }

    public class DrawListAdapter extends BaseAdapter{

    	Activity activity;
    	LayoutInflater inflater;

    	public DrawListAdapter(Activity a){
    		activity=a;
    		inflater=activity.getLayoutInflater();
    	}

		public int getCount() {
			// TODO Auto-generated method stub
			return imgs.length;
		}

		public Object getItem(int arg0) {
			// TODO Auto-generated method stub
			return null;
		}

		public long getItemId(int position) {
			// TODO Auto-generated method stub
			return position;
		}

		public View getView(int position, View convertView, ViewGroup arg2) {
			// TODO Auto-generated method stub
			LinearLayout layout=new LinearLayout(activity);
			layout.setOrientation(LinearLayout.VERTICAL);
			layout.addView(addTitleView(position));
			if(currentItem==position){
				layout.addView(addCustomView(position));
			}
			return layout;
		}

		//获取选中项的内容
		private View addCustomView(int i) {
			// TODO Auto-generated method stub
			View view=new View(activity);
			ImageView iv=new ImageView(activity);
			//根据点击的position设置相应要显示的图片
			switch (i) {
			case 0:
				iv.setImageResource(R.drawable.ic_launcher);
				view=iv;
				break;
			case 1:
				iv.setImageResource(R.drawable.ic_launcher);
				view=iv;
				break;
			case 2:
				iv.setImageResource(R.drawable.ic_launcher);
				view=iv;
				break;
			case 3:
				iv.setImageResource(R.drawable.ic_launcher);
				view=iv;
				break;
			case 4:
				iv.setImageResource(R.drawable.ic_launcher);
				view=iv;
				break;
			}
			return view;
		}

		//获取list的标题内容
		private View addTitleView(int i) {
			// TODO Auto-generated method stub
			LinearLayout layout=new LinearLayout(activity);
			layout.setOrientation(LinearLayout.HORIZONTAL);
			ImageView iv=new ImageView(activity);
			iv.setImageResource(imgs[i]);
			layout.addView(iv,new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT));
			TextView tv=new TextView(activity);
			tv.setText(text[i]);
			layout.addView(tv,new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT));
			layout.setGravity(Gravity.CENTER);
			return layout;
		}

    }
}
时间: 2024-10-18 22:27:32

ListView详解5的相关文章

Android ListView详解_Android

ListView 控件可使用四种不同视图显示项目.通过此控件,可将项目组成带有或不带有列标头的列,并显示伴随的图标和文本. 可使用 ListView 控件将称作 ListItem 对象的列表条目组织成下列四种不同的视图之一:1.大(标准)图标2.小图标3.列表4.报表 View 属性决定在列表中控件使用何种视图显示项目.还可用 LabelWrap 属性控制列表中与项目关联的标签是否可换行显示.另外,还可管理列表中项目的排序方法和选定项目的外观. 由于google doc 很多人都打不开,故更新了

pp列表之分组ListView详解_Android

吸引用户的眼球,是我们至死不渝的追求:第一时间呈现最有价值的信息,简明大方,告诉客户,你的选择是多么的明智,这正是你寻觅已久的东西. 分组的应用场合还是很多的,有数据集合的地方往往要分组显示:分组的形式也很多,最常见的就是镶嵌在列表中,网上说的很多ExpandListView的也是一种.Android自带的通讯录中的联系人是按照拼音首字母(A,B,C,D......)分组分类的,效果如下: 我们今天也是要实现这样类似的一个效果.1.样本数据:为了突出重点,直击要点,这里提供一个整理好的数据样本:

ListView详解3

三.SimpleAdapter SimpleAdapter可以自定义拓展listview. 使用simpleAdapter的数据用一般都是HashMap构成的List,list的每一节对应ListView的每一行.HashMap的每个键值数据映射到布局文件中对应id的组件上.因为系统没有对应的布局文件可用,我们可以自己定义一个布局vlist.xml.下面做适配,new一个SimpleAdapter参数一次是:this,布局文件,HashMap的 title 和 info,img.布局文件的组件i

ListView详解2

二.CursorAdapter 通过游标获得数据后,在listview中显示结果. Cursor cursor = getContentResolver().query(People.CONTENT_URI, null, null, null, null);先获得一个指向系统通讯录数据库的Cursor对象获得数据来源. startManagingCursor(cursor);我们将获得的Cursor对象交由Activity管理,这样Cursor的生命周期和Activity便能够自动同步. Sim

ListView详解4

四.BaseAdapter BaseAdapter是一个公共基类适配器,直接提供相关控件的数据提供. <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:

ListView详解1

listview的显示需要三个元素: 1.ListVeiw 用来展示列表的View. 2.适配器 用来把数据映射到ListView上的中介. 3.数据    具体的将被映射的字符串,图片,或者基本组件. 根据列表的适配器类型,列表分为三种,ArrayAdapter,SimpleAdapter和SimpleCursorAdapter 一.ArrayAdapter的listview public class MyListView extends Activity { private ListView

ListView详解0

ListView常用方法总结 1.listview拖动变黑解决方法 在Android中,ListView是最常用的一个控件,在做UI设计的时候,很多人希望能够改变一下它的背景,使他能够符合整体的UI设计,改变背景背很简单只需要准备一张图片然后指定属性 android:background="@drawable/bg",不过不要高兴地太早,当你这么做以后,发现背景是变了,但是当你拖动,或者点击list空白位置的时候发现ListItem都变成黑色的了. 这个要从Listview的效果说起,

WinJS ListView控件详解

您有数据, 很多数据. 您需要以如下方式呈现这些数据,即用户可以毫不费 力地在应用程序中访问和理解数据. 应用程序以新闻文章.配方.赛事比分.财 务图表等形式公开其数据,所有数据都呈现在屏幕上大小不同的区域中,尽量吸 引使用者的注意. 由于小型到中型数据网格便于人们使用.搜索和筛选,现在市 场上众多应用程序大都以较为合理的网格或列表格式呈现数据. 无论是企业应用 程序.个人应用程序还是其他应用程序,网格都是支撑数据快速浏览的基本框架 . 在 Windows 应用商店的应用中,通过使用 ListV

Android开发之ListView、GridView 详解及示例代码_Android

    ListView与GridView是Android开发中的常用控件,它们和Adapter配合使用能够实现很多界面效果.下面分别以实例说明ListView.GridView的用法.        1.ListView的Android开发实例        ListView 是android开发中最常用的控件之一,一般构成列表包括三个元素,ListView:用来展示列表的视图.Adapter:数据与视图连接的桥梁.Data:具体的数据包括字符串 .图片或者控件.        适配器一般有以