首页 > 代码库 > tab界面实现方式之Fragment
tab界面实现方式之Fragment
相信大家都用过qq，关于qq的界面是怎么实现的呢？其实它的界面就是我们今天要说的--用Fragment来实现tab。
首先，我们来说说这个方式的优点：
1.减少MainActivity类中的代码，将代码分配给相应的Fragment类中
2.由于创建了多个Fragment来管理布局，因此后期维护更加容易，只需要更改相应的Fragment就行
3.在单个Fragment中可以实现更多的功能，想一想qq的向右滑动与向左滑动。如果是viewpager，则不能这些功能。
好，话不多说，直接贴代码
MainActivity布局文件
xml代码
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 android:orientation="vertical" 6 tools:context="com.example.android_tab1.MainActivity" > 7 8 <LinearLayout 9 android:layout_width="match_parent"10 android:layout_height="wrap_content" >11 12 <include layout="@layout/top" />13 </LinearLayout>14 <FrameLayout 15 android:id="@+id/framelayout"16 android:layout_width="match_parent"17 android:layout_height="0dp"18 android:layout_weight="1"19 ></FrameLayout>20 <LinearLayout21 android:layout_width="match_parent"22 android:layout_height="wrap_content" >23 24 <include layout="@layout/bottom" />25 </LinearLayout>26 27 </LinearLayout>
其他的xml代码，比如top.xml, buttom.xml, view1.xml, view2.xml, view3.xml, view4.xml代码都与上一文章中的一样的，这里我就不贴了
WeixinFragment代码
JAVA代码
1 package com.example.Fragment; 2 3 4 import com.example.android_tab2.R; 5 6 import android.os.Bundle; 7 import android.support.v4.app.Fragment; 8 import android.view.LayoutInflater; 9 import android.view.View;10 import android.view.ViewGroup;11 12 public class WeixinFragment extends Fragment{13 @Override14 public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {15 // TODO Auto-generated method stub16 return inflater.inflate(R.layout.view1, container, false);17 }18 }
FriendFragment代码
JAVA代码
1 package com.example.Fragment; 2 3 4 import com.example.android_tab2.R; 5 6 import android.os.Bundle; 7 import android.support.v4.app.Fragment; 8 import android.view.LayoutInflater; 9 import android.view.View;10 import android.view.ViewGroup;11 12 public class FriendFragment extends Fragment{13 @Override14 public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {15 // TODO Auto-generated method stub16 return inflater.inflate(R.layout.view2, container, false);17 }18 }
AddressFragment代码
JAVA代码
1 package com.example.Fragment; 2 3 4 import com.example.android_tab2.R; 5 6 import android.os.Bundle; 7 import android.support.v4.app.Fragment; 8 import android.view.LayoutInflater; 9 import android.view.View;10 import android.view.ViewGroup;11 12 public class AddressFragment extends Fragment{13 @Override14 public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {15 // TODO Auto-generated method stub16 return inflater.inflate(R.layout.view3, container, false);17 }18 }
SettingFragment代码
JAVA代码
1 package com.example.Fragment; 2 3 4 import com.example.android_tab2.R; 5 6 import android.os.Bundle; 7 import android.support.v4.app.Fragment; 8 import android.view.LayoutInflater; 9 import android.view.View;10 import android.view.ViewGroup;11 12 public class SettingFragment extends Fragment{13 @Override14 public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {15 // TODO Auto-generated method stub16 return inflater.inflate(R.layout.view4, container, false);17 }18 }
MainActivity代码
JAVA代码
1 package com.example.android_tab2; 2 3 import com.example.Fragment.AddressFragment; 4 import com.example.Fragment.FriendFragment; 5 import com.example.Fragment.SettingFragment; 6 import com.example.Fragment.WeixinFragment; 7 8 import android.os.Bundle; 9 import android.support.v4.app.Fragment; 10 import android.support.v4.app.FragmentActivity; 11 import android.support.v4.app.FragmentManager; 12 import android.support.v4.app.FragmentTransaction; 13 import android.util.Log; 14 import android.view.View; 15 import android.view.View.OnClickListener; 16 import android.view.Window; 17 import android.widget.ImageButton; 18 import android.widget.LinearLayout; 19 20 public class MainActivity extends FragmentActivity implements OnClickListener{ 21 private LinearLayout linear_weixin = null; 22 private LinearLayout linear_friend = null; 23 private LinearLayout linear_address = null; 24 private LinearLayout linear_setting = null; 25 26 private ImageButton imagebutton_weixin = null; 27 private ImageButton imagebutton_friend = null; 28 private ImageButton imagebutton_address = null; 29 private ImageButton imagebutton_setting = null; 30 31 private Fragment weixinFragment = null; 32 private Fragment friendFragment = null; 33 private Fragment addressFragment = null; 34 private Fragment settingFragment = null; 35 protected void onCreate(Bundle savedInstanceState) { 36 super.onCreate(savedInstanceState); 37 requestWindowFeature(Window.FEATURE_NO_TITLE); 38 setContentView(R.layout.activity_main); 39 initview(); 40 initEvents(); 41 change(0); 42 } 43 44 private void initview() { 45 linear_weixin = (LinearLayout) findViewById(R.id.linear_weixin); 46 linear_friend = (LinearLayout) findViewById(R.id.linear_friend); 47 linear_address = (LinearLayout) findViewById(R.id.linear_address); 48 linear_setting = (LinearLayout) findViewById(R.id.linear_setting); 49 50 51 imagebutton_weixin = (ImageButton) findViewById(R.id.imagebutton_weixin); 52 imagebutton_friend = (ImageButton) findViewById(R.id.imagebutton_friend); 53 imagebutton_address = (ImageButton) findViewById(R.id.imagebutton_address); 54 imagebutton_setting = (ImageButton) findViewById(R.id.imagebutton_setting); 55 56 } 57 private void initEvents() { 58 linear_weixin.setOnClickListener(this); 59 linear_friend.setOnClickListener(this); 60 linear_address.setOnClickListener(this); 61 linear_setting.setOnClickListener(this); 62 } 63 64 65 public void onClick(View v) { 66 resetImage(); 67 switch(v.getId()) 68 { 69 case R.id.linear_weixin: 70 { 71 change(0); 72 break; 73 } 74 case R.id.linear_friend: 75 { 76 change(1); 77 break; 78 } 79 case R.id.linear_address: 80 { 81 change(2); 82 break; 83 } 84 case R.id.linear_setting: 85 { 86 change(3); 87 break; 88 } 89 } 90 } 91 private void change(int i) 92 { 93 //获得Fragment的管理员 94 FragmentManager manager = getSupportFragmentManager(); 95 FragmentTransaction transaction = manager.beginTransaction(); 96 //将所有的Fragment隐藏起来 97 hideFragment(transaction); 98 switch(i) 99 {100 case 0:101 {102 imagebutton_weixin.setImageResource(R.drawable.tab_weixin_pressed);103 if(weixinFragment == null)104 {105 weixinFragment = new WeixinFragment();106 transaction.add(R.id.framelayout, weixinFragment);107 }108 else109 {110 Log.i("main", "1");111 transaction.show(weixinFragment);112 }113 114 break;115 }116 case 1:117 {118 imagebutton_friend.setImageResource(R.drawable.tab_find_frd_pressed);119 if(friendFragment == null)120 {121 friendFragment = new FriendFragment();122 transaction.add(R.id.framelayout, friendFragment);123 }124 else125 {126 Log.i("main", "2");127 //显示特定Fragment128 transaction.show(friendFragment);129 }130 131 break;132 }133 case 2:134 {135 imagebutton_address.setImageResource(R.drawable.tab_address_pressed);136 if(addressFragment == null)137 {138 addressFragment = new AddressFragment();139 transaction.add(R.id.framelayout, addressFragment);140 }141 else142 {143 Log.i("main", "3");144 transaction.show(addressFragment);145 }146 147 break;148 }149 case 3:150 {151 imagebutton_setting.setImageResource(R.drawable.tab_settings_pressed);152 if(settingFragment == null)153 {154 settingFragment = new SettingFragment();155 transaction.add(R.id.framelayout, settingFragment);156 }157 else158 {159 Log.i("main", "4");160 transaction.show(settingFragment);161 }162 163 break;164 }165 }166 transaction.commit();167 }168 private void hideFragment(FragmentTransaction transaction)169 {170 if(weixinFragment != null)171 {172 //隐藏特定的Fragment173 transaction.hide(weixinFragment);174 }175 if(friendFragment != null)176 {177 transaction.hide(friendFragment);178 }179 if(addressFragment != null)180 {181 transaction.hide(addressFragment);182 }183 if(settingFragment != null)184 {185 transaction.hide(settingFragment);186 }187 }188 private void resetImage()189 {190 imagebutton_weixin.setImageResource(R.drawable.tab_weixin_normal);191 imagebutton_friend.setImageResource(R.drawable.tab_find_frd_normal);192 imagebutton_address.setImageResource(R.drawable.tab_address_normal);193 imagebutton_setting.setImageResource(R.drawable.tab_settings_normal);194 }195 }
tab界面实现方式之Fragment
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。