0%

Android UI设计 ListView列表用法

ListView是android中一个重要元素,正如它的名字,一般用于展示列表。比如要展示数据库中的N条纪录,或是列出某个目录下的文件等。看最终效果图: 布局xml:

<?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"
    >
<ListView  android:id="@+id/lv"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="@string/hello"
    />
</LinearLayout>

列表XML:用于指定列表中每个Item的样式,文件名为playlist与下面程序中代码对应

<?xml version="1.0" encoding="utf-8"?>
<TextView 
  android:id="@+id/text1"
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="30px"
  android:textSize="18sp"
></TextView>

程序代码:

package com.pocketdigi;

import java.util.ArrayList;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.AdapterView.OnItemClickListener;

public class main extends Activity {
    /** Called when the activity is first created. */
    ListView lv;
    ArrayAdapter Adapter;
    ArrayList arr=new ArrayList();
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        lv=(ListView)findViewById(R.id.lv);
        arr.add("123");
        arr.add("234");
        arr.add("345");
        Adapter = new ArrayAdapter(this,R.layout.playlist, arr);
        lv.setAdapter(Adapter);
        lv.setOnItemClickListener(lvLis); 
    }
    private OnItemClickListener lvLis=new OnItemClickListener(){
        @Override
        public void onItemClick(AdapterView arg0, View arg1, int arg2,
                long arg3) {
            //点击条目时触发
            //arg2即为点中项的位置
            setTitle(String.valueOf(arr.get(arg2)));
                
        }
        
    };
}

设置每个Item间的分割线:

list.setDivider(null);//null为不显示分割线同,支持Drawble资源
list.setDividerHeight(height)//设置高