實現帶圖示的ListView
MainAcivity.java
package com.xwy.b;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.support.v4.app.Fragment;
import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ListView;
import android.widget.SimpleAdapter;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.fragment_main);
ListView listView = (ListView) findViewById(R.id.listView1);
int[] imageId = new int[]{R.drawable.img01,R.drawable.img02,R.drawable.img03,
R.drawable.img04,R.drawable.img05,R.drawable.img06,R.drawable.img07,
R.drawable.img08};//定義並初始化儲存圖片id的陣列
String[] title = new String[]{"保密設定","安全","系統設定","上網","我的文件",
"GPS導航","我的音樂","E-mail"};//定義並初始化儲存列表項文字的陣列
List<Map<String,Object>> listItems = new ArrayList<Map<String,Object>>();//建立一個list集合
//通過for迴圈將圖片和列表項文字放到Map中,並新增到list集合
for(int i=0;i<imageId.length;i++){
Map<String,Object> map = new HashMap<String, Object>();//例項化map物件
map.put("image", imageId[i]);
map.put("title", title[i]);
listItems.add(map);//將map物件新增到list集合中
}
SimpleAdapter adapter = new SimpleAdapter(this, listItems,R.layout.items, new String[]{"title", "image"},new int[]{R.id.title,R.id.image} );
listView.setAdapter(adapter);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
/**
* A placeholder fragment containing a simple view.
*/
public static class PlaceholderFragment extends Fragment {
public PlaceholderFragment() {
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View rootView = inflater.inflate(R.layout.fragment_main, container,
false);
return rootView;
}
}
}
fragment_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.xwy.b.MainActivity$PlaceholderFragment"
android:orientation="vertical" >
<ListView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/listView1" />
</LinearLayout>
items.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<ImageView
android:id="@+id/image"
android:paddingRight="10px"
android:paddingBottom="20px"
android:adjustViewBounds="true"
android:maxWidth="72px"
android:maxHeight="72px"
android:layout_height="wrap_content"
android:layout_width="wrap_content" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10px"
android:layout_gravity="center"
android:id="@+id/title"/>
</LinearLayout>
相關文章
- ListView 實現帶有Filpper效果的左右滑動刪除 ItemView
- jQuery實現圖示特效(精靈圖)jQuery特效
- icon 圖示css實現CSS
- 帶圖片的,多列的DropDownList的實現
- 使用 flutter 的ListView實現滾動列表FlutterView
- 簡單實現具有彈性的ListViewView
- [安卓] 16、ListView和GridView結合顯示單元實現自定義列表顯示效果安卓View
- CSS3 實現RSS圖示CSSS3
- iOS 簡單實現帶圖片的LabeliOS
- Geoserver + MySQL實現圖層顯示和文字顯示ServerMySql
- CSS遮罩實現PNG圖示變色CSS遮罩
- QT5.9如何實現插入圖片與圖示QT
- SAP UI5 Web Component的圖示實現UIWeb
- antd圖示庫按需載入的外掛實現
- PyQt5 帶視窗圖示QT
- 用ListView簡單實現滑動列表View
- android 用ListView實現表格樣式AndroidView
- 如何實現 iOS 16 帶來的 Depth Effect 圖片效果iOS
- 實現Google帶截圖功能的web反饋外掛GoWeb
- php怎麼實現定位地圖顯示PHP地圖
- 前端通過background實現圖片裁剪顯示的方法前端
- OICQ中使用者圖示選擇的實現 (轉)
- 請問:一些圖示的拖放,然後圖形方式這個圖示對應的類是如何實現的
- HarmonyOS:如何使用系統自帶圖示
- 封裝ListView,實現自動載入更多封裝View
- Android ListView實現品種分類效果AndroidView
- 實現性別平等?先做好圖示設計!
- QLabel顯示圖片 ,並實現縮放
- django 實現圖片上傳和顯示操作Django
- Android ListView收縮與展開的封裝實現AndroidView封裝
- 在asp.net中ListView的交替背景顏色實現ASP.NETView
- Android 網路圖片檢視顯示的實現方法Android
- 圖示字型 VS 雪碧圖——圖示字型應用實踐
- Android------Anndroid中ListView在劃屏到底部的時候動態新增ListView的Item實現AndroidView
- ASwing 中 JTree 實現 folder 自定義圖示
- 小程式上是實現拖動懸浮圖示
- Delphi製作帶圖示的彈出式選單 (轉)
- [Android開源]:EasyImageGetter幫你實現帶網路圖片的html圖文混排!AndroidHTML