Fragment 和 FragmentActivity的使用（二）

时间：2023-12-14 16:24:20

今天继续完成剩下的学习部分，现在项目很多地方使用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.效果图，左右滑动显示通话记录和短信：

Fragment 和 FragmentActivity的使用（二）

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

相关文章