Android新手之旅(8) ListView的使用

來源:互聯網
上載者:User

  希望使用ListView來展示資訊,每行一個表徵圖,右側是文字,分為兩行布局。經過嘗試,這樣可以實現:

1、Layout下建立item.xml

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout  
         android:layout_width="fill_parent"  
         xmlns:android="http://schemas.android.com/apk/res/android"
         android:layout_height="wrap_content"  
         android:paddingBottom="2dip"  
         android:paddingLeft="12dip"> 
         <ImageView  
               android:layout_width="wrap_content"  
               android:id="@+id/itemImage" android:layout_height="fill_parent"
               android:paddingTop="2dip" >  
         </ImageView> 
         <TextView  
               android:text="TextView01"  
               android:layout_height="wrap_content"  
               android:layout_width="fill_parent"  
               android:id="@+id/itemTitle" android:layout_toRightOf="@+id/itemImage" android:textSize="16dip"
               android:textColor="#000"> 
         </TextView> 
         <TextView  
               android:text="TextView02"  
               android:layout_height="wrap_content"  
               android:layout_width="fill_parent"  
               android:id="@+id/itemText" android:layout_toRightOf="@+id/itemImage" android:layout_below="@+id/itemTitle"
               android:textSize="10dip"
               android:textColor="#000"> 
         </TextView> 
</RelativeLayout>

2、首頁面中Listview的樣式

<ListView android:layout_marginTop="20px"  android:layout_height="wrap_content" android:layout_width="fill_parent" android:id="@+id/MyListView"></ListView>

3、通過以下核心函數應用樣式

private View makeItemView(String strTitle, String strText, int resId) {
    LayoutInflater inflater = (LayoutInflater) act
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);

    // 使用View的對象itemView與R.layout.item關聯
    View itemView = inflater.inflate(R.layout.item, null);

    // 通過findViewById()方法執行個體R.layout.item內各組件
    TextView title = (TextView) itemView.findViewById(R.id.itemTitle);
    title.setText(strTitle);
    TextView text = (TextView) itemView.findViewById(R.id.itemText);
    text.setText(strText);
    ImageView image = (ImageView) itemView.findViewById(R.id.itemImage);
    image.setImageResource(resId);
    return itemView;
}

4、主程式中的使用,把一系列數組傳遞進去

listView=(ListView)this.findViewById(R.id.MyListView);
listView.setAdapter(new ListViewAdapterImageText(this, titles,texts,resIds));

5、效果

6、ListView的單擊處理

import android.widget.AdapterView.OnItemClickListener;
import android.view.View; 

        //添加點擊  
        listView.setOnItemClickListener(new OnItemClickListener() {  
            @Override 
            public void onItemClick(AdapterView<?> arg0,View arg1, int arg2,  
                    long arg3) {  
                setTitle("點擊第"+arg2+"個項目");  
            }  
        });

參考:Android ListView常用用法 

參考:Android入門第七篇之ListView (二)

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.