最近我在學習安卓，有些人肯定覺得我瘋了，但是我覺得作為一個從java web轉作前端的人，如果沒有好好搞一下安卓確實說不過去，而且前端和安卓的定位也是一樣的嘛，都是構建用戶頁面和處理交互的，所以今天就帶大家走進安卓的世界。
1 ListView
在布局文件中加入一個ListView控件。
<?xmlversion="1.0"encoding="utf-8"?> <LinearLayoutxmlns:android="
http://schemas.android.com/apk/res/android" android:layout_width="fill_parent"
android:layout_height="fill_parent"> <!-- 添加一個ListView控件 --> <ListView
android:id="@+id/lv" android:layout_width="fill_parent" android:layout_height="fill_parent"/>
</LinearLayout>
然后在Activity中初始化
public class listView extends Activity{
private static final String[] str = new String[] {
"first", "second", "third", "fourth", "fifth"
};//定義一個String數組用來顯示ListView的內容private ListView lv;/** Called
@Override
publicvoid onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
ListView lv = (ListView) findViewById(R.id.lv);//得到ListView對象的引用 /*為ListView設置Adapter來綁定數據*/
lv.setAdapter(new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1, strs));
}
}
提供一下代碼 給大家選擇
lv.setAdapter(new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_checked, strs));
lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);
lv.setAdapter(new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_multiple_choice, strs));
lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);
在前面講到過，ListView的職責除了填充數據外，還要處理用戶的操作。通過如下的代碼就可以為ListView綁定一個點擊監聽器，點擊后在標題欄顯示點擊的行數。
lv.setOnItemClickListener(new OnItemClickListener() {
@Override
publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2,
long arg3) {
//點擊后在標題上顯示點擊了第幾行
setTitle("你點擊了第"+arg2+"行");
}
});
很多時候需要在列表中展示一些除了文字以外的東西，比如圖片等。這時候可以使用SimpleAdapter。SimpleAdapter的使用也非常簡單，同時它的功能也非常強大。可以通過它自定義ListView中的item的內容，比如圖片、多選框等。看一個例子，實現一個每一行都有一個ImageView和TextView的ListView。
<?xmlversion="1.0"encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="fill_parent" android:layout_width="fill_parent">
<ImageViewandroid:layout_alignParentRight="true" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:id="@+id/ItemImage"/>
<TextViewandroid:id="@+id/ItemTitle" android:layout_height="wrap_content"
android:layout_width="fill_parent" android:textSize="20sp"/>
<TextViewandroid:id="@+id/ItemText" android:layout_height="wrap_content"
android:layout_width="fill_parent" android:layout_below="@+id/ItemTitle"/> </RelativeLayout>
配置完畢，就可以在Java代碼中為ListView綁定數據。
publicclass MyListViewSimple extends Activity {
private ListView lv;
@Override
public void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);
setContentView(R.layout.main);
lv = (ListView) findViewById(R.id.lv);
/*定義一個動態數組*/
ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String,Object>>();/*在數組中存放數據*/
for(int i=0;i<10;i++)
{
HashMap<String, Object> map = new HashMap<String, Object>();
map.put("ItemImage", R.drawable.icon);//加入圖片 map.put("ItemTitle", "第"+i+"行");
map.put("ItemText", "這是第"+i+"行");
listItem.add(map);
}
SimpleAdapter mSimpleAdapter = new SimpleAdapter(this,listItem,//需要綁定的數據
R.layout.item,//每一行的布局//動態數組中的數據源的鍵對應到定義布局的View中new String[] {"ItemImage"
,"ItemTitle", "ItemText"},
newint[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText}
);
lv.setAdapter(mSimpleAdapter);
lv.setOnItemClickListener(new
OnItemClickListener() {
@Override
publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2,
long arg3) {
setTitle("你點擊了第"+arg2+"行");//設置標題欄顯示點擊的行
}
});
}
}
當系統開始繪制ListView的時候，首先調用getCount()方法。得到它的返回值，即ListView的長度。然后系統調用getView()方法，根據這個長度逐一繪制ListView的每一行。也就是說，如果讓getCount()返回1，那么只顯示一行。而getItem()和getItemId()則在需要處理和取得Adapter中的數據時調用。那么getView如何使用呢？如果有10000行數據，就繪制10000次？這肯定會極大的消耗資源，導致ListView滑動非常的慢，那應該怎么做呢？通過一個例子來講解如何在使用BaseAdapter的時候優化ListView的顯示。例子中將上一節中的ImageView換成Button，并且處理Button的點擊事件，其中對ListView的顯示做了優化。
publicclass MyListViewBase extends Activity {
private ListView lv;
ArrayList<HashMap<String, Object>>listItem;
@Override
publicvoid onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);
setContentView(R.layout.main);
lv = (ListView) findViewById(R.id.lv);
MyAdapter mAdapter = new MyAdapter(this);
lv.setOnItemClickListener(new OnItemClickListener() {
@Override
publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2,long arg3) {
Log.v("MyListViewBase", "你點擊了ListView條目" + arg2);//在LogCat中輸出信息
}
});
}
private ArrayList<HashMap<String, Object>> getDate(){
ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String, Object>>();
for(int i=0;i<30;i++)
{
HashMap<String, Object> map = new HashMap<String, Object>();
map.put("ItemTitle", "第"+i+"行");
map.put("ItemText", "這是第"+i+"行");
listItem.add(map);
}
return listItem;
}
private class MyAdapter extends BaseAdapter {
private LayoutInflater mInflater;
public MyAdapter(Context context) {
this.mInflater = LayoutInflater.from(context);
}
public View getView(finalint position, View convertView, ViewGroup parent) {
ViewHolder holder;
Log.v("MyListViewBase", "getView " + position + " " + convertView);
if (convertView == null) {
convertView = mInflater.inflate(R.layout.item,null);
holder = new ViewHolder();
holder.title = (TextView) convertView.findViewById(R.id.ItemTitle);
holder.text = (TextView) convertView.findViewById(R.id.ItemText);
holder.bt = (Button) convertView.findViewById(R.id.ItemButton);
convertView.setTag(holder);//綁定ViewHolder對象 }
else{
holder = (ViewHolder)convertView.getTag();
}
holder.title.setText(getDate().get(position).get("ItemTitle").toString());
holder.text.setText(getDate().get(position).get("ItemText").toString());
holder.bt.setOnClickListener(new OnClickListener() {
@Override
publicvoid onClick(View v) {
Log.v("MyListViewBase", "你點擊了按鈕" + position);
}
});
return convertView;
}
}
public final class ViewHolder{
public TextView title;
public TextView text;
public Button bt;
}
}
2 LayoutInflater
假設root 的xml文件為layout_root，待infalte的xml文件為layout_child：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/ll_root"
android:orientation="vertical"
android:layout_width="300dp"
android:layout_height="400dp"
android:background="@color/forestgreen"
>
<TextView
android:id="@+id/tv_root_ll"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="LL and root"
android:layout_gravity="center_horizontal"
android:textSize="20sp"
/>
</LinearLayout>
layout_child：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/ll_child"
android:orientation="vertical"
android:layout_width="200dp"
android:layout_height="200dp"
android:background="@color/violet"
>
<TextView
android:id="@+id/tv_child_ll"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="LL and child"
android:layout_gravity="center_horizontal"
android:textSize="20sp"
/>
</LinearLayout>
private void caseOne(){
childView = inflater.inflate(R.layout.layout_child, null);
setContentView(childView);
}
這種情況，渲染的child視圖，沒有view group, 所以他的layout height 和 width都不起作用，自動為match_parent.
private void caseTwo(){
rootView = (ViewGroup)inflater.inflate(R.layout.layout_root,null);
childView = inflater.inflate(R.layout.layout_child, rootView, false);
setContentView(childView);
}
這個時候有rootview，所以layout_width 和 height起作用。
private void caseThree(){
rootView = (ViewGroup)inflater.inflate(R.layout.layout_root,null);
childView = inflater.inflate(R.layout.layout_child, rootView, true);
setContentView(childView);
}
