android之fragment征程

通過最近空閒時候對Fragment的學習,嘗試着寫了一個小Demo,將在開發的時候能常用到的Fragment知識放在一起,寫過了這個Demo對Android Fragment的瞭解更加深入了,以後做起有關的項目也會順手很多,下面先貼上幾張實現之後的圖片:

實現的功能很簡單,也是最基本的,上下分別是兩個Fragment,上面的Fragment中是一個listview,當點擊item時,下面的Fragment顯示對應的文字詳細信息:

 

               

 

具體的實現步驟如下:

①創建工程FragmentExam,目錄視圖如下(把之前的FragmentPreference的demo也加到了一起):

 

②main.xml文件佈局,垂直方向上兩個Fragment,用<Fragment>標籤聲明

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     tools:context=".MainActivity"   
  6.     android:orientation="vertical"  
  7.     android:background="#7ecef4">  
  8.     <fragment   
  9.         android:name="com.example.fragementexam.FragementList"  
  10.         android:id="@+id/frag_list"  
  11.         android:layout_width="fill_parent"  
  12.         android:layout_height="0dp"  
  13.         android:layout_weight="2"/>  
  14.     <fragment   
  15.         android:name="com.example.fragementexam.FragementDetails"  
  16.         android:id="@+id/frag_detail"  
  17.         android:layout_width="fill_parent"  
  18.         android:layout_height="0dp"  
  19.         android:layout_weight="1"/>  
  20. </LinearLayout>  
<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"
    tools:context=".MainActivity" 
    android:orientation="vertical"
    android:background="#7ecef4">
	<fragment 
	    android:name="com.example.fragementexam.FragementList"
	    android:id="@+id/frag_list"
	    android:layout_width="fill_parent"
	    android:layout_height="0dp"
	    android:layout_weight="2"/>
	<fragment 
	    android:name="com.example.fragementexam.FragementDetails"
	    android:id="@+id/frag_detail"
	    android:layout_width="fill_parent"
	    android:layout_height="0dp"
	    android:layout_weight="1"/>
</LinearLayout>


③FragmentList.Java的代碼,它繼承了ListFragment,注意在onCreateView方法中使用inflater的inflate方法將佈局頁面引進:

  1. package com.example.fragementexam;  
  2.   
  3. import java.util.ArrayList;  
  4. import java.util.HashMap;  
  5. import java.util.List;  
  6. import java.util.Map;  
  7.   
  8. import android.app.ListFragment;  
  9. import android.os.Bundle;  
  10. import android.util.Log;  
  11. import android.view.LayoutInflater;  
  12. import android.view.View;  
  13. import android.view.ViewGroup;  
  14. import android.widget.ListView;  
  15. import android.widget.SimpleAdapter;  
  16.   
  17. public class FragementList extends ListFragment {  
  18.     private String[] values = new String[] { "侏儒""人類""暗夜精靈""矮人""德萊尼",  
  19.             "狼人" };  
  20.     private int[] images = new int[] { R.drawable.gnome,  
  21.             R.drawable.human, R.drawable.nightelf,  
  22.             R.drawable.dwarf, R.drawable.draenei,  
  23.             R.drawable.werewolf };  
  24.   
  25.     @Override  
  26.     public View onCreateView(LayoutInflater inflater, ViewGroup container,  
  27.             Bundle savedInstanceState) {  
  28.   
  29.         return inflater.inflate(R.layout.frag_list, container, false);  
  30.     }  
  31.   
  32.     @Override  
  33.     public void onActivityCreated(Bundle savedInstanceState) {  
  34.         super.onActivityCreated(savedInstanceState);  
  35.   
  36.         List<Map<String, Object>> listItems = new ArrayList<Map<String, Object>>();  
  37.         for (int i = 0; i < values.length; i++) {  
  38.             Map<String, Object> listItem = new HashMap<String, Object>();  
  39.             listItem.put("values", values[i]);  
  40.             listItem.put("images", images[i]);  
  41.             listItems.add(listItem);  
  42.         }  
  43.         SimpleAdapter adapter = new SimpleAdapter(getActivity(), listItems,  
  44.                 R.layout.list_item, new String[] { "values""images" },  
  45.                 new int[] { R.id.txt_title, R.id.img });  
  46.         setListAdapter(adapter);  
  47.   
  48.     }  
  49.   
  50.     @Override  
  51.     public void onListItemClick(ListView l, View v, int position, long id) {  
  52.         // String item = (String) getListAdapter().getItem(position);  
  53.         FragementDetails frag = (FragementDetails) getFragmentManager()  
  54.                 .findFragmentById(R.id.frag_detail);  
  55.         if (frag != null && frag.isInLayout()) {  
  56.             switch (position) {  
  57.             case 0:  
  58.                 frag.setText(getString(R.string.Gnome));  
  59.                 break;  
  60.             case 1:  
  61.                 frag.setText(getString(R.string.Human));  
  62.                 break;  
  63.             case 2:  
  64.                 frag.setText(getString(R.string.NightElf));  
  65.                 break;  
  66.             case 3:  
  67.                 frag.setText(getString(R.string.Dwarf));  
  68.                 break;  
  69.             case 4:  
  70.                 frag.setText(getString(R.string.Draenei));  
  71.                 break;  
  72.             case 5:  
  73.                 frag.setText(getString(R.string.Werewolf));  
  74.                 break;  
  75.             }  
  76.         }  
  77.   
  78.         Log.i("PDA""position = " + position);  
  79.     }  
  80.   
  81. }  
package com.example.fragementexam;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.ListFragment;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ListView;
import android.widget.SimpleAdapter;

public class FragementList extends ListFragment {
	private String[] values = new String[] { "侏儒", "人類", "暗夜精靈", "矮人", "德萊尼",
			"狼人" };
	private int[] images = new int[] { R.drawable.gnome,
			R.drawable.human, R.drawable.nightelf,
			R.drawable.dwarf, R.drawable.draenei,
			R.drawable.werewolf };

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {

		return inflater.inflate(R.layout.frag_list, container, false);
	}

	@Override
	public void onActivityCreated(Bundle savedInstanceState) {
		super.onActivityCreated(savedInstanceState);

		List<Map<String, Object>> listItems = new ArrayList<Map<String, Object>>();
		for (int i = 0; i < values.length; i++) {
			Map<String, Object> listItem = new HashMap<String, Object>();
			listItem.put("values", values[i]);
			listItem.put("images", images[i]);
			listItems.add(listItem);
		}
		SimpleAdapter adapter = new SimpleAdapter(getActivity(), listItems,
				R.layout.list_item, new String[] { "values", "images" },
				new int[] { R.id.txt_title, R.id.img });
		setListAdapter(adapter);

	}

	@Override
	public void onListItemClick(ListView l, View v, int position, long id) {
		// String item = (String) getListAdapter().getItem(position);
		FragementDetails frag = (FragementDetails) getFragmentManager()
				.findFragmentById(R.id.frag_detail);
		if (frag != null && frag.isInLayout()) {
			switch (position) {
			case 0:
				frag.setText(getString(R.string.Gnome));
				break;
			case 1:
				frag.setText(getString(R.string.Human));
				break;
			case 2:
				frag.setText(getString(R.string.NightElf));
				break;
			case 3:
				frag.setText(getString(R.string.Dwarf));
				break;
			case 4:
				frag.setText(getString(R.string.Draenei));
				break;
			case 5:
				frag.setText(getString(R.string.Werewolf));
				break;
			}
		}

		Log.i("PDA", "position = " + position);
	}

}


④FragementDetails.java的代碼,這個比較簡單,裏面有一個設置TextView內容的方法,其佈局頁面也僅僅是一個TextView

  1. package com.example.fragementexam;  
  2.   
  3. import android.app.Fragment;  
  4. import android.os.Bundle;  
  5. import android.view.LayoutInflater;  
  6. import android.view.View;  
  7. import android.view.ViewGroup;  
  8. import android.widget.TextView;  
  9.   
  10.   
  11. public class FragementDetails extends Fragment {  
  12.   
  13.     @Override  
  14.     public View onCreateView(LayoutInflater inflater, ViewGroup container,  
  15.             Bundle savedInstanceState) {  
  16.         // TODO Auto-generated method stub  
  17.         return inflater.inflate(R.layout.frag_detail, container,false);  
  18.     }  
  19.       
  20.     public void setText(String item){  
  21.         TextView txt = (TextView) getView().findViewById(R.id.txt_detail);  
  22.         txt.setText(item);  
  23.     }  
  24.   
  25.       
  26. }  
package com.example.fragementexam;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;


public class FragementDetails extends Fragment {

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		return inflater.inflate(R.layout.frag_detail, container,false);
	}
	
	public void setText(String item){
		TextView txt = (TextView) getView().findViewById(R.id.txt_detail);
		txt.setText(item);
	}

	
}


 

其他的部分就是一些數組,String的定義了,這個demo雖然簡單,卻將Android Fragment方面常用到的做了一個綜述,如果自己寫明白了這個的話,今後遇到類似的項目應該要好應付的多,好了,收工!
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章