listView布局

androiddm布局之ListView androiddm布局之ListView SDK文档说明： A view that shows items in a vertically scrolling list. The items come from the ListAdapter associated with this view. ListView是一个垂直显示选项的滚动列表，它的数据来自ListAdapter。注意它是可以多选。 ListView应该是应用最广泛的布局之一，首先从最简单的代码开始。使用高焕堂的36计中的例子---第四章4.5 第七章 7.1.4 P183。由于主要是讲解listview，所以对代码进行简化。 代码如下：

1. private String[] data ={"Android", "Google", "Eclipse"}; 2. private ListView lv = null; 3. private TextView tv = null; 4. @Override 5. public void onCreate(Bundle savedInstanceState) { 6. super.onCreate(savedInstanceState); 7. setContentView(R.layout.main); 8. lv = (ListView)findViewById(R.id.listdemo); 9. ArrayAdapter< String> adapter = new ArrayAdapter(this,android.R.layout.simple_list_item_1,data); 10. lv.setAdapter(adapter); 11. lv.setOnItemClickListener(listener); 12. } 13. OnItemClickListener listener = new OnItemClickListener(){ 14. public void onItemClick(AdapterView arg0, View arg1, int arg2, 15. long arg3) { 16. tv = (TextView)findViewById(R.id.tv); 17. tv.setText("you click is:"+data[arg2]); 18. } 19. };

复制代码 XML文件：

1. 2. android:id="@+id/tv" 3. android:layout_width="fill_parent" 4. android:layout_height="wrap_content" 5. android:text="@string/hello" 6. /> 7. 8. android:id="@+id/listdemo" 9. android:layout_width="fill_parent" 10. android:layout_height="wrap_content" 11. />

复制代码 对于ListView中最重要的是如果让list中 加载/填充 数据。参看：

setAdapter(ListAdapter adapter) Sets the data behind this ListView.

这里使用比较简单的方式，ArrayAdapter通过数组实现list

所使用的构造函是： public ArrayAdapter(Context context, int resource, int textViewResourceId, T[] objects) 第二个参数说明： textViewResourceId The resource ID for a layout file containing a TextView to use when instantiating views.

这是一个资源ID，android把一些常用的显示方式的资源文件写好了，我把关于list部份列出，大家可以通过修改android.R.layout.看看效果。当然这个资源文件我们也可以自己写，以便实现自定义显示方式。

建议：认真看APIDemo下View中List的例子。 Step2 使用ListActivity,重新实现上面功能，如下

1. private String[] data ={"item1","item2","item3"}; 2. @Override 3. public void onCreate(Bundle icicle) { 4. super.onCreate(icicle); 5. // Create an array of Strings, that will be put to our ListActivity 6. this.setListAdapter(new ArrayAdapter(this, 7. android.R.layout.simple_list_item_1, data)); 8. } 9. @Override 10. protected void onListItemClick(ListView l, View v, int position, long id) { 11. setTitle("you click is:"+data[position]); 12. }

复制代码 代码是不是精简很多。 Step3 带有图标的listview 主程序的创建如下代码，代码十分的简单

1. IconifiedTextListAdapter itla = new IconifiedTextListAdapter(this); 2. // Add four items 3. itla.addItem(new IconifiedText( 4. "Surf Web", getResources().getDrawable(R.drawable.favicon))); 5. itla.addItem(new IconifiedText( 6. "Report Bug", getResources().getDrawable(R.drawable.bug))); 7. itla.addItem(new IconifiedText( 8. "Speak Spanish", getResources().getDrawable(R.drawable.locale))); 9. itla.addItem(new IconifiedText( 10. "Vidoop", getResources().getDrawable(R.drawable.vidoop))); 11. // Display it 12. setListAdapter(itla);

复制代码 1． 让我们开始创建基础类：IconifiedText，这是一个十分简单的类,其中只有三个成员，以及构造函数，还有相关的get/set函数。

1. public class IconifiedText{ 2. private String mText = ""; 3. private Drawable mIcon; 4. private boolean mSelectable = true; 5. public IconifiedText(String text, Drawable bullet) { 6. mIcon = bullet; 7. mText = text; 8. } 9. // ... 10. }

复制代码 2． 现在让我们来看一下IconifiedTextListAdapter类，它包含了50行的代码，但并没有做太多的事，它的基础是一个包含IconifiedTexts的列表，通过addItem来添加列表成员，getItem通过postion位置得到成员信息，使用isSelectable判断是否选中。 作为一个（专业）适配器，第二件事提供一个重载的接口，通过它得到它包含的（所有的东西）： 1. /** @param convertView The old view to overwrite, if one is passed 2. * @returns a IconifiedTextView that holds wraps around an IconifiedText */ 3. public View getView(int position, View convertView, ViewGroup parent) { 4. IconifiedTextView btv; 5. if (convertView == null) { 6. btv = new IconifiedTextView(mContext, mItems.get(position)); 7. } else { // Reuse/Overwrite the View passed 8. // We are assuming(!) that it is castable! 9. btv = (IconifiedTextView) convertView; 10. btv.setText(mItems.get(position).getText()); 11. btv.setIcon(mItems.get(position).getIcon()); 12. } 13. return btv; 14. }

复制代码 3.IconifiedTextView这个类并不能懂，它继承于LinearLayout,我们要记得，在android的GUI是可以被嵌套的的。所以它没有任何问题，在这个View中，它包含了两个view，一个是ImageView还有一个是TextView.

1. public IconifiedTextView(Context context, IconifiedText aIconifiedText) { 2. super(context); 3. /* First Icon and the Text to the right (horizontal), 4. * not above and below (vertical) */ 5. this.setOrientation(HORIZONTAL); 6. mIcon = new ImageView(context); 7. mIcon.setImageDrawable(aIconifiedText.getIcon()); 8. // left, top, right, bottom 9. mIcon.setPadding(0, 2, 5, 0); // 2px up, 5px to the right 10. /* At first, add the Icon to ourself 11. * (! we are extending LinearLayout) */