Fragment 和 FragmentActivity的使用（二）

 

今天继续完成剩下的学习部分，现在项目很多地方使用viewpager来提供滑动，今天记录学习viewpager配合fragment的显示，增加一个CallLogsFragment配合之前SMSListFragment
1.CallLogsFragment,主要显示手机的电话记录，这都是之前的代码，所以只要把Activity转换成Fragment就可以了，也一样， 
Activity.setContentView(int) 转变成Fragment.onCreateView(View) 并且 findViewById也在里面了
Activity.onCreate() 代码 转成  Fragment.onActivityCreated()中
Activity.onResume() 代码 转成 Fragment.onResume() 中

代码如下：

1. public class CallLogsFragment extends Fragment{
2. private ListView vList;
3. private CallPanelView vDial;
4. private TextView vShowDial;
5. private CallListAdapter mAdapter;
6. private Animation mDialHidAnim;
7. private Animation mDialShowAnim;
8. @Override
9. public View onCreateView(LayoutInflater inflater, ViewGroup container,
10. Bundle savedInstanceState) {
11. // TODO Auto-generated method stub
12. View root = inflater.inflate(R.layout.activity_calls_list_screen, null);
13. vList = (ListView) root.findViewById(R.id.activity_call_list_lv);
14. vShowDial = (TextView) root.findViewById(R.id.activity_call_show_dial);
15. vDial = (CallPanelView) root.findViewById(R.id.dial_panel_view);
16. return root;
17. }
18. @Override
19. public void onActivityCreated(Bundle savedInstanceState) {
20. // TODO Auto-generated method stub
21. super.onActivityCreated(savedInstanceState);
22. prepareResourceAndData();
23. bindView();
24. }
25. @Override
26. public void onResume() {
27. // TODO Auto-generated method stub
28. super.onResume();
29. mAdapter.setCallNumbers(CallCache.getInstance().getCallNumbers());
30. }
31. private void prepareResourceAndData() {
32. mAdapter = new CallListAdapter(getActivity());
33. mDialHidAnim = AnimationUtils.loadAnimation(getActivity().getApplicationContext(),
34. R.anim.dial_panel_hidden);
35. mDialHidAnim.setAnimationListener(new AnimationListener() {
36. public void onAnimationStart(Animation animation) {}
37. public void onAnimationRepeat(Animation animation) {}
38. public void onAnimationEnd(Animation animation) {
39. // End
40. vShowDial.setVisibility(View.VISIBLE);
41. vDial.setVisibility(View.GONE);
42. }
43. });
44. mDialShowAnim = AnimationUtils.loadAnimation(getActivity().getApplicationContext(),
45. R.anim.dial_panel_show);
46. mDialShowAnim.setAnimationListener(new AnimationListener() {
47. public void onAnimationStart(Animation animation) {}
48. public void onAnimationRepeat(Animation animation) {}
49. public void onAnimationEnd(Animation animation) {
50. // End
51. vShowDial.setVisibility(View.GONE);
52. }
53. });
54. }
55. private void bindView() {
56. vList.setAdapter(mAdapter);
57. vList.setOnItemClickListener(new OnItemClickListener() {
58. @Override
59. public void onItemClick(AdapterView<?> parent, View view,
60. int position, long id) {
61. // TODO Auto-generated method stub
62. CallItemView itemview = (CallItemView) view;
63. itemview.toggleExpand();
64. hidDialPanel(true);
65. }
66. });
67. vList.setOnScrollListener(new OnScrollListener() {
68. public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {}
69. @Override
70. public void onScrollStateChanged(AbsListView view, int scrollState) {
71. // TODO Auto-generated method stub
72. if (scrollState == OnScrollListener.SCROLL_STATE_TOUCH_SCROLL) {
73. hidDialPanel(false);
74. }
75. }
76. });
77. vDial.setPanelAnim(mDialShowAnim, mDialHidAnim);
78. vShowDial.setVisibility(View.GONE);
79. vShowDial.setOnClickListener(new OnClickListener() {
80. @Override
81. public void onClick(View v) {
82. // TODO Auto-generated method stub
83. vDial.show();
84. }
85. });
86. }
87. private void hidDialPanel(boolean anim) {
88. if (vDial.getVisibility() == View.VISIBLE) {
89. if(anim){
90. vDial.dismiss();
91. }else{
92. vDial.setVisibility(View.GONE);
93. vShowDial.setVisibility(View.VISIBLE);
94. }
95. }
96. }
97. }
98. }

2.对昨天主页面布局修改，增加ViewPager，去掉原有的容器framelayout：

1. <?xml version="1.0" encoding="utf-8"?>
2. <
3. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
4. android:id="@+id/door_root_content_fl"
5. android:layout_width="match_parent"
6. android:layout_height="match_parent" >
7. <LinearLayout
8. android:layout_width="match_parent"
9. android:layout_height="match_parent"
10. android:orientation="vertical" >
11. <android.support.v4.view.ViewPager
12. android:id="@+id/door_viewpager_content_vp"
13. android:layout_width="match_parent"
14. android:layout_height="0dp"
15. android:layout_weight="1" />
16. <LinearLayout
17. android:layout_width="match_parent"
18. android:layout_height="55dp"
19. android:orientation="horizontal" >
20. <Button
21. android:id="@+id/door_menu_btn"
22. android:layout_width="match_parent"
23. android:layout_height="match_parent"
24. android:gravity="center"
25. android:text="菜单" />
26. </LinearLayout>
27. </LinearLayout>
28. <
29. </FrameLayout>

3.V4 support 包里面已经帮我们写好了 FragmentPagerAdapter,看源码可以知道在 PageAdapter.instantiateItem中，有：

1. Fragment fragment = mFragmentManager.findFragmentByTag(name);
2. if (fragment != null) {
3. if (DEBUG) Log.v(TAG, "Attaching item #" + itemId + ": f=" + fragment);
4. mCurTransaction.attach(fragment);
5. } else {
6. fragment = getItem(position);
7. if (DEBUG) Log.v(TAG, "Adding item #" + itemId + ": f=" + fragment);
8. mCurTransaction.add(container.getId(), fragment,
9. makeFragmentName(container.getId(), itemId));
10. }

可以看出
ViewPager在添加fragment
的时候先在FragmentManager里面找有没有，如果没有就会去请求PageAdapter.getItem(position)来生成
fragment,进行添加，因此我们只要重写FragmentPagerAdapter并实现getItem方法就可以了，代码如下：

1. class FragmentAdapter extends FragmentPagerAdapter{
2. public FragmentAdapter(FragmentManager fm) {
3. super(fm);
4. // TODO Auto-generated constructor stub
5. }
6. @Override
7. public Fragment getItem(int position) {
8. // TODO Auto-generated method stub
9. return getPagerFragmentByPosition(position);
10. }
11. @Override
12. public int getCount() {
13. // TODO Auto-generated method stub
14. return 2;
15. }
16. }private Fragment getPagerFragmentByPosition(int position){
17. if(position == FRAG_INDEX_CALL_LOG){
18. return new CallLogsFragment();
19. }
20. if(position == FRAG_INDEX_SMS){
21. return new SMSListFragment();
22. }
23. return null;
24. }

4.页面完整代码：

1. public class DoorFragmentActivity extends FragmentActivity{
2. public static final String FRAG_SMS = "sms_list_frag";
3. public static final String FRAG_TEXT = "text_frag";
4. public static final int FRAG_INDEX_CALL_LOG = 0;
5. public static final int FRAG_INDEX_SMS = 1;
6. private Fragment mTextFragment;
7. private FragmentManager mFragMgr;
8. private ViewPager vViewPager;
9. private Button mMenuBtn;
10. @Override
11. protected void onCreate(Bundle savedInstanceState) {
12. // TODO Auto-generated method stub
13. super.onCreate(savedInstanceState);
14. setContentView(R.layout.door_fragment_activity_layout);
15. initFragments();
16. bindViews();
17. }
18. private void bindViews(){
19. mMenuBtn = (Button) findViewById(R.id.door_menu_btn);
20. mMenuBtn.setOnClickListener(new OnClickListener() {
21. @Override
22. public void onClick(View v) {
23. // TODO Auto-generated method stub
24. showOutFragments(FRAG_TEXT, true);
25. }
26. });
27. vViewPager = (ViewPager) findViewById(R.id.door_viewpager_content_vp);
28. vViewPager.setAdapter(new FragmentAdapter(mFragMgr));
29. }
30. private void initFragments(){
31. mFragMgr = getSupportFragmentManager();
32. TextFragment textfrag = new TextFragment();
33. textfrag.setMessage("这是 菜单界面");
34. mTextFragment = textfrag;
35. }
36. private void showOutFragments(String tag, boolean needback){
37. FragmentTransaction trans = mFragMgr.beginTransaction();
38. trans.setCustomAnimations(R.anim.frag_enter,
39. R.anim.frag_exit);
40. trans.add(R.id.door_root_content_fl, getFragmentByTag(tag), tag);
41. if(needback){
42. trans.addToBackStack(tag);
43. }
44. trans.commit();
45. }
46. private Fragment getFragmentByTag(String tag){
47. if(FRAG_TEXT.equals(tag)){
48. return mTextFragment;
49. }
50. return null;
51. }
52. private Fragment getPagerFragmentByPosition(int position){
53. if(position == FRAG_INDEX_CALL_LOG){
54. return new CallLogsFragment();
55. }
56. if(position == FRAG_INDEX_SMS){
57. return new SMSListFragment();
58. }
59. return null;
60. }
61. class FragmentAdapter extends FragmentPagerAdapter{
62. public FragmentAdapter(FragmentManager fm) {
63. super(fm);
64. // TODO Auto-generated constructor stub
65. }
66. @Override
67. public Fragment getItem(int position) {
68. // TODO Auto-generated method stub
69. return getPagerFragmentByPosition(position);
70. }
71. @Override
72. public int getCount() {
73. // TODO Auto-generated method stub
74. return 2;
75. }
76. }
77. }
78. }

5.效果图，左右滑动显示通话记录和短信：

1. <pre code_snippet_id="94266" snippet_file_name="blog_20131203_4_3649255"></pre>
2. <pre></pre>