介绍

  1. 常见的应用框架
  2. 框架一：多个tab+Fragment，点击不同的tab加载不同的Fragment，不能滑动切换只能点击切换；
  3. 框架二：多个tab+ViewPager+FragmentPagerAdapter，点击不同的tab加载ViewPager对应的item，可以滑动切换，经过改进，可以实现"强制刷新"！
    框架三：多个tab+ViewPager+FragmentPagerAdapter+SlidingMenu，左右滑菜单
  4. 其他:
  5. 上有标题栏，标题栏可以是在Fragment或ViewPager中的(如QQ，每个页面的标题栏都不一样)或者和tab同级(如微信，所有页面的标题栏都一样)。

  8.  















框架一，MainActivity








  2. public class MainActivity extends Activity implements OnClickListener {
  3.     /**
  4.      * 四个TextView控件
  5.      */
  6.     private TextView[] mTabTVs = new TextView[4];
  7.     /**
  8.      * 四个控件【未】按下时的图片id
  9.      */
  10.     private int[] mTabTVIdsNormal;
  11.     /**
  12.      * 四个控件按下时的图片id
  13.      */
  14.     private int[] mTabTVIdsPress;
  16.     @Override
  17.     protected void onCreate(Bundle savedInstanceState) {
  18.         super.onCreate(savedInstanceState);
  19.         setContentView(R.layout.main);
  20.         initViews();
  21.         setTabSelection(mTabTVs[0]);
  22.     }
  24.     private void initViews() {
  26.         mTabTVs[0] = (TextView) findViewById(R.id.tv_tab_bottom_weixin);
  27.         mTabTVs[1] = (TextView) findViewById(R.id.tv_tab_bottom_friend);
  28.         mTabTVs[2] = (TextView) findViewById(R.id.tv_tab_bottom_contact);
  29.         mTabTVs[3] = (TextView) findViewById(R.id.tv_tab_bottom_setting);
  31.         mTabTVIdsNormal = new int[] { R.drawable.tab_weixin_normal, R.drawable.tab_find_frd_normal, R.drawable.tab_address_normal,
  32.                 R.drawable.tab_settings_normal };
  34.         mTabTVIdsPress = new int[] { R.drawable.tab_weixin_pressed, R.drawable.tab_find_frd_pressed, R.drawable.tab_address_pressed,
  35.                 R.drawable.tab_settings_pressed };
  37.         //给四个控件设置一个Tag，当我们点击某个控件时可以根据这个Tag来识别此控件，当然我们也可以根据v.getid()来识别，但在这里setTag还有其他妙用
  38.         for (int i = 0; i < mTabTVs.length; i++) {
  39.             mTabTVs[i].setOnClickListener(this);
  40.             mTabTVs[i].setTag(i);
  41.         }
  42.     }
  44.     @Override
  45.     public void onClick(View v) {
  46.         switch (v.getId()) {
  47.         case R.id.tv_tab_bottom_weixin:
  48.         case R.id.tv_tab_bottom_friend:
  49.         case R.id.tv_tab_bottom_contact:
  50.         case R.id.tv_tab_bottom_setting:
  51.             setTabSelection(v);
  52.             break;
  54.         default:
  55.             break;
  56.         }
  57.     }
  59.     private void setTabSelection(View v) {
  60.         //清除掉所有的选中状态
  61.         for (int i = 0; i < mTabTVs.length; i++) {
  62.             mTabTVs[i].setCompoundDrawablesWithIntrinsicBounds(null, getResources().getDrawable(mTabTVIdsNormal[i]), null, null);
  63.             mTabTVs[i].setSelected(false);
  64.         }
  66.         // 改变控件的图片，这里的setSelected是为了演示通过selector来改变文字颜色
  67.         int index = (Integer) v.getTag();
  68.         ((TextView) v).setCompoundDrawablesWithIntrinsicBounds(null, getResources().getDrawable(mTabTVIdsPress[index]), null, null);
  69.         v.setSelected(true);
  70.         FragmentTransaction transaction = getFragmentManager().beginTransaction();
  71.         switch (index) {
  72.         case 0:
  73.             transaction.replace(R.id.id_content, new MainTabFragment());//每次都必须通过new的方式创建Fragment，不然可能出问题
  74.             break;
  75.         case 1:
  76.             transaction.replace(R.id.id_content, new MainTabFragment());
  77.             break;
  78.         case 2:
  79.             transaction.replace(R.id.id_content, new MainTabFragment());
  80.             break;
  81.         case 3:
  82.             transaction.replace(R.id.id_content, new MainTabFragment());
  83.             break;
  84.         }
  85.         transaction.commit();
  86.     }
  88. }
  89.  















框架一，布局








  3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     android:orientation="vertical" >
  8.     <TextView
  9.         android:layout_width="fill_parent"
  10.         android:layout_height="45dp"
  11.         android:background="@drawable/title_bar"
  12.         android:gravity="center"
  13.         android:text="微信"
  14.         android:textColor="#fff"
  15.         android:textSize="20sp"
  16.         android:textStyle="bold" />
  18.     <FrameLayout
  19.         android:id="@+id/id_content"
  20.         android:layout_width="match_parent"
  21.         android:layout_height="0dp"
  22.         android:layout_weight="2016" />
  24.     <LinearLayout
  25.         android:id="@+id/ly_main_tab_bottom"
  26.         android:layout_width="fill_parent"
  27.         android:layout_height="55dp"
  28.         android:background="@drawable/bottom_bar" >
  30.         <TextView
  31.             android:id="@+id/tv_tab_bottom_weixin"
  32.             android:layout_width="0dp"
  33.             android:layout_height="fill_parent"
  34.             android:layout_weight="1"
  35.             android:drawableTop="@drawable/tab_weixin_normal"
  36.             android:gravity="center"
  37.             android:text="微信"
  38.             android:textColor="@drawable/text_color_sel" />
  40.         <TextView
  41.             android:id="@+id/tv_tab_bottom_friend"
  42.             android:layout_width="0dp"
  43.             android:layout_height="fill_parent"
  44.             android:layout_weight="1"
  45.             android:drawableTop="@drawable/tab_find_frd_normal"
  46.             android:gravity="center"
  47.             android:text="朋友"
  48.             android:textColor="@drawable/text_color_sel" />
  50.         <TextView
  51.             android:id="@+id/tv_tab_bottom_contact"
  52.             android:layout_width="0dp"
  53.             android:layout_height="fill_parent"
  54.             android:layout_weight="1"
  55.             android:drawableTop="@drawable/tab_address_normal"
  56.             android:gravity="center"
  57.             android:text="通讯录"
  58.             android:textColor="@drawable/text_color_sel" />
  60.         <TextView
  61.             android:id="@+id/tv_tab_bottom_setting"
  62.             android:layout_width="0dp"
  63.             android:layout_height="fill_parent"
  64.             android:layout_weight="1"
  65.             android:drawableTop="@drawable/tab_settings_normal"
  66.             android:gravity="center"
  67.             android:text="设置"
  68.             android:textColor="@drawable/text_color_sel" />
  69.     </LinearLayout>
  72. </LinearLayout>
  73.  















框架一，fragment








  2. public class MainTabFragment extends Fragment {
  4.     @Override
  5.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
  6.         View view = inflater.inflate(R.layout.main_tab_01, container, false);
  7.         TextView tv = (TextView) view.findViewById(R.id.tv);
  8.         tv.setText(new SimpleDateFormat("yyyy-MM-dd\nHH:mm:ss").format(new Date()));
  9.         return view;
  10.     }
  12. }
  15. <?xml version="1.0" encoding="utf-8"?>
  16. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  17.     android:layout_width="fill_parent"
  18.     android:layout_height="fill_parent"
  19.     android:background="#fcfcfc"
  20.     android:orientation="vertical" >
  22.     <TextView
  23.         android:id="@+id/tv"
  24.         android:layout_width="fill_parent"
  25.         android:layout_height="fill_parent"
  26.         android:background="#88cc"
  27.         android:gravity="center"
  28.         android:text="第一个页面"
  29.         android:textColor="#000"
  30.         android:textSize="30sp" />
  33. </LinearLayout>  
  35.  















框架二，MainActivity








  2. /**
  3.  * 使用support.v4.app中的Fragment，继承自FragmentActivity
  4.  * 没办法，使用FragmentPagerAdapter就不可以用app的Fragment，只能用v4的Fragment
  5.  * 有个问题：viewpage响应的条目会因为自己的缓存机制导致不更新页面
  6.  * @author 白乾涛
  7.  */
  8. public class MainActivity2 extends FragmentActivity implements OnClickListener {
  9.     private ViewPager mViewPager;
  10.     private FragmentPagerAdapter mPagerAdapter;
  11.     private List<Fragment> mFragments = new ArrayList<Fragment>();
  13.     /**
  14.      * 四个TextView控件
  15.      */
  16.     private TextView[] mTabTVs = new TextView[4];
  17.     /**
  18.      * 四个控件【未】按下时的图片id
  19.      */
  20.     private int[] mTabTVIdsNormal;
  21.     /**
  22.      * 四个控件按下时的图片id
  23.      */
  24.     private int[] mTabTVIdsPress;
  26.     @Override
  27.     protected void onCreate(Bundle savedInstanceState) {
  28.         super.onCreate(savedInstanceState);
  29.         setContentView(R.layout.main2);
  30.         initViews();
  31.         initViewPage();
  32.         setTabSelection(mTabTVs[0]);
  33.     }
  35.     private void initViews() {
  37.         mTabTVs[0] = (TextView) findViewById(R.id.tv_tab_bottom_weixin);
  38.         mTabTVs[1] = (TextView) findViewById(R.id.tv_tab_bottom_friend);
  39.         mTabTVs[2] = (TextView) findViewById(R.id.tv_tab_bottom_contact);
  40.         mTabTVs[3] = (TextView) findViewById(R.id.tv_tab_bottom_setting);
  42.         mTabTVIdsNormal = new int[] { R.drawable.tab_weixin_normal, R.drawable.tab_find_frd_normal, R.drawable.tab_address_normal,
  43.                 R.drawable.tab_settings_normal };
  45.         mTabTVIdsPress = new int[] { R.drawable.tab_weixin_pressed, R.drawable.tab_find_frd_pressed, R.drawable.tab_address_pressed,
  46.                 R.drawable.tab_settings_pressed };
  48.         //给四个控件设置一个Tag，当我们点击某个控件时可以根据这个Tag来识别此控件，当然我们也可以根据v.getid()来识别，但在这里setTag还有其他妙用
  49.         for (int i = 0; i < mTabTVs.length; i++) {
  50.             mTabTVs[i].setOnClickListener(this);
  51.             mTabTVs[i].setTag(i);
  52.         }
  53.     }
  55.     private void initViewPage() {
  56.         mFragments.add(new MainTabFragment2());
  57.         mFragments.add(new MainTabFragment2());
  58.         mFragments.add(new MainTabFragment2());
  59.         mFragments.add(new MainTabFragment2());
  61.         mPagerAdapter = new FragmentPagerAdapter(getSupportFragmentManager()) {
  62.             @Override
  63.             public int getCount() {
  64.                 return mFragments.size();
  65.             }
  67.             @Override
  68.             public Fragment getItem(int arg0) {
  69.                 return mFragments.get(arg0);
  70.             }
  71.         };
  73.         mViewPager = (ViewPager) findViewById(R.id.id_viewpager);
  74.         mViewPager.setAdapter(mPagerAdapter);
  75.         mViewPager.setOnPageChangeListener(new OnPageChangeListener() {
  77.             @Override
  78.             public void onPageSelected(int position) {
  79.                 setTabSelection(mTabTVs[position]);
  80.             }
  82.             @Override
  83.             public void onPageScrollStateChanged(int arg0) {
  84.             }
  86.             @Override
  87.             public void onPageScrolled(int arg0, float arg1, int arg2) {
  88.             }
  89.         });
  90.     }
  92.     @Override
  93.     /**
  94.      *当下面tab的状态改变时，更改ViewPager选中项
  95.      */
  96.     public void onClick(View v) {
  97.         switch (v.getId()) {
  98.         case R.id.tv_tab_bottom_weixin:
  99.         case R.id.tv_tab_bottom_friend:
  100.         case R.id.tv_tab_bottom_contact:
  101.         case R.id.tv_tab_bottom_setting:
  102.             setTabSelection(v);
  103.             mViewPager.setCurrentItem((Integer) v.getTag());
  104.             break;
  106.         default:
  107.             break;
  108.         }
  109.     }
  111.     /**
  112.      *当ViewPager选中项改变时，更改下面tab的状态
  113.      */
  114.     private void setTabSelection(View v) {
  115.         //清除掉所有的选中状态
  116.         for (int i = 0; i < mTabTVs.length; i++) {
  117.             mTabTVs[i].setCompoundDrawablesWithIntrinsicBounds(null, getResources().getDrawable(mTabTVIdsNormal[i]), null, null);
  118.             mTabTVs[i].setSelected(false);
  119.         }
  121.         // 改变控件的图片，这里的setSelected是为了演示通过selector来改变文字颜色
  122.         int index = (Integer) v.getTag();
  123.         ((TextView) v).setCompoundDrawablesWithIntrinsicBounds(null, getResources().getDrawable(mTabTVIdsPress[index]), null, null);
  124.         v.setSelected(true);
  125.     }
  127. }
  128.  



















框架二，布局








  3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     android:orientation="vertical" >
  8.     <TextView
  9.         android:layout_width="fill_parent"
  10.         android:layout_height="45dp"
  11.         android:background="@drawable/title_bar"
  12.         android:gravity="center"
  13.         android:text="微信"
  14.         android:textColor="#fff"
  15.         android:textSize="20sp"
  16.         android:textStyle="bold" />
  18.     <android.support.v4.view.ViewPager
  19.         android:id="@+id/id_viewpager"
  20.         android:layout_width="fill_parent"
  21.         android:layout_height="0dp"
  22.         android:layout_weight="2016" />
  24.     <LinearLayout
  25.         android:id="@+id/ly_main_tab_bottom"
  26.         android:layout_width="fill_parent"
  27.         android:layout_height="55dp"
  28.         android:background="@drawable/bottom_bar" >
  30.         <TextView
  31.             android:id="@+id/tv_tab_bottom_weixin"
  32.             android:layout_width="0dp"
  33.             android:layout_height="fill_parent"
  34.             android:layout_weight="1"
  35.             android:drawableTop="@drawable/tab_weixin_normal"
  36.             android:gravity="center"
  37.             android:text="微信"
  38.             android:textColor="@drawable/text_color_sel" />
  40.         <TextView
  41.             android:id="@+id/tv_tab_bottom_friend"
  42.             android:layout_width="0dp"
  43.             android:layout_height="fill_parent"
  44.             android:layout_weight="1"
  45.             android:drawableTop="@drawable/tab_find_frd_normal"
  46.             android:gravity="center"
  47.             android:text="朋友"
  48.             android:textColor="@drawable/text_color_sel" />
  50.         <TextView
  51.             android:id="@+id/tv_tab_bottom_contact"
  52.             android:layout_width="0dp"
  53.             android:layout_height="fill_parent"
  54.             android:layout_weight="1"
  55.             android:drawableTop="@drawable/tab_address_normal"
  56.             android:gravity="center"
  57.             android:text="通讯录"
  58.             android:textColor="@drawable/text_color_sel" />
  60.         <TextView
  61.             android:id="@+id/tv_tab_bottom_setting"
  62.             android:layout_width="0dp"
  63.             android:layout_height="fill_parent"
  64.             android:layout_weight="1"
  65.             android:drawableTop="@drawable/tab_settings_normal"
  66.             android:gravity="center"
  67.             android:text="设置"
  68.             android:textColor="@drawable/text_color_sel" />
  69.     </LinearLayout>
  72. </LinearLayout>
  73.  















框架二，fragment








  2. /**
  3.  * 使用support.v4.app中的Fragment
  4.  * @author 白乾涛
  5.  */
  6. public class MainTabFragment2 extends Fragment {
  8.     @Override
  9.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
  10.         View view = inflater.inflate(R.layout.main_tab_01, container, false);
  11.         TextView tv = (TextView) view.findViewById(R.id.tv);
  12.         tv.setText(new SimpleDateFormat("yyyy-MM-dd\nHH:mm:ss").format(new Date()));
  13.         return view;
  14.     }
  16. }
  17.  















框架3，MainActivity








  2. /**
  3.  * 只能用v4的Fragment
  4.  * @author 白乾涛
  5.  */
  6. public class MainActivity3 extends SlidingFragmentActivity implements OnClickListener {
  7.     private ViewPager mViewPager;
  8.     private FragmentPagerAdapter mPagerAdapter;
  9.     private List<Fragment> mFragments = new ArrayList<Fragment>();
  10.     private ImageView iv_menu_left;
  11.     private ImageView iv_menu_right;
  13.     /**
  14.      * 四个TextView控件
  15.      */
  16.     private TextView[] mTabTVs = new TextView[4];
  17.     /**
  18.      * 四个控件【未】按下时的图片id
  19.      */
  20.     private int[] mTabTVIdsNormal;
  21.     /**
  22.      * 四个控件按下时的图片id
  23.      */
  24.     private int[] mTabTVIdsPress;
  26.     @Override
  27.     public void onCreate(Bundle savedInstanceState) {
  28.         super.onCreate(savedInstanceState);
  29.         requestWindowFeature(Window.FEATURE_NO_TITLE);
  30.         setContentView(R.layout.main3);
  31.         initViews();
  32.         initMenu();
  33.         initViewPage();
  34.         setTabSelection(mTabTVs[0]);
  35.     }
  37.     private void initViews() {
  38.         mTabTVs[0] = (TextView) findViewById(R.id.tv_tab_bottom_weixin);
  39.         mTabTVs[1] = (TextView) findViewById(R.id.tv_tab_bottom_friend);
  40.         mTabTVs[2] = (TextView) findViewById(R.id.tv_tab_bottom_contact);
  41.         mTabTVs[3] = (TextView) findViewById(R.id.tv_tab_bottom_setting);
  43.         mTabTVIdsNormal = new int[] { R.drawable.tab_weixin_normal, R.drawable.tab_find_frd_normal, R.drawable.tab_address_normal,
  44.                 R.drawable.tab_settings_normal };
  46.         mTabTVIdsPress = new int[] { R.drawable.tab_weixin_pressed, R.drawable.tab_find_frd_pressed, R.drawable.tab_address_pressed,
  47.                 R.drawable.tab_settings_pressed };
  49.         //给四个控件设置一个Tag，当我们点击某个控件时可以根据这个Tag来识别此控件，当然我们也可以根据v.getid()来识别，但在这里setTag还有其他妙用
  50.         for (int i = 0; i < mTabTVs.length; i++) {
  51.             mTabTVs[i].setOnClickListener(this);
  52.             mTabTVs[i].setTag(i);
  53.         }
  55.         //点击弹出左右侧滑菜单
  56.         iv_menu_left = (ImageView) findViewById(R.id.iv_menu_left);
  57.         iv_menu_right = (ImageView) findViewById(R.id.iv_menu_right);
  58.         iv_menu_left.setOnClickListener(this);
  59.         iv_menu_right.setOnClickListener(this);
  60.     }
  62.     private void initMenu() {
  63.         SlidingMenu menu = getSlidingMenu();
  64.         //两侧通用设置
  65.         menu.setMode(SlidingMenu.LEFT_RIGHT);
  66.         menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_MARGIN);
  67.         menu.setShadowWidthRes(R.dimen.shadow_width);
  68.         menu.setShadowDrawable(R.drawable.shadow);
  69.         menu.setBehindOffsetRes(R.dimen.slidingmenu_offset);
  70.         menu.setFadeDegree(0.35f);
  72.         //左侧的菜单
  73.         setBehindContentView(R.layout.menu_left);//左右侧不能使用同一个布局，并且replace掉的控件的ID不能相同！不知道为什么会有这种情况！
  74.         Fragment leftMenuFragment = new MainTabFragment2("左侧的");
  75.         getSupportFragmentManager().beginTransaction().replace(R.id.menu_left, leftMenuFragment).commit();
  77.         //右侧菜单设置
  78.         menu.setSecondaryShadowDrawable(R.drawable.shadow);//根据资源文件ID来设置右边（二级）滑动菜单的阴影效果
  79.         menu.setSecondaryMenu(R.layout.menu_right);//设置右边侧滑菜单
  80.         Fragment rightMenuFragment = new MainTabFragment2("右侧的");
  81.         getSupportFragmentManager().beginTransaction().replace(R.id.menu_right, rightMenuFragment).commit();
  82.     }
  84.     private void initViewPage() {
  85.         mFragments.add(new MainTabFragment2("第1个"));
  86.         mFragments.add(new MainTabFragment2("第2个"));
  87.         mFragments.add(new MainTabFragment2("第3个"));
  88.         mFragments.add(new MainTabFragment2("第4个"));
  90.         mPagerAdapter = new FragmentPagerAdapter(getSupportFragmentManager()) {
  91.             @Override
  92.             public int getCount() {
  93.                 return mFragments.size();
  94.             }
  96.             @Override
  97.             public Fragment getItem(int arg0) {
  98.                 return mFragments.get(arg0);
  99.             }
  100.         };
  102.         mViewPager = (ViewPager) findViewById(R.id.id_viewpager);
  103.         mViewPager.setAdapter(mPagerAdapter);
  104.         mViewPager.setOnPageChangeListener(new OnPageChangeListener() {
  106.             @Override
  107.             public void onPageSelected(int position) {
  108.                 setTabSelection(mTabTVs[position]);
  109.             }
  111.             @Override
  112.             public void onPageScrollStateChanged(int arg0) {
  113.             }
  115.             @Override
  116.             public void onPageScrolled(int arg0, float arg1, int arg2) {
  117.             }
  118.         });
  119.     }
  121.     @Override
  122.     /**
  123.      *当下面tab的状态改变时，更改ViewPager选中项
  124.      */
  125.     public void onClick(View v) {
  126.         switch (v.getId()) {
  127.         case R.id.tv_tab_bottom_weixin:
  128.         case R.id.tv_tab_bottom_friend:
  129.         case R.id.tv_tab_bottom_contact:
  130.         case R.id.tv_tab_bottom_setting:
  131.             setTabSelection(v);
  132.             mViewPager.setCurrentItem((Integer) v.getTag());
  133.             break;
  135.         case R.id.iv_menu_left:
  136.             getSlidingMenu().showMenu();
  137.             break;
  139.         case R.id.iv_menu_right:
  140.             getSlidingMenu().showSecondaryMenu();
  141.             break;
  142.         default:
  143.             break;
  144.         }
  145.     }
  147.     /**
  148.      *当ViewPager选中项改变时，更改下面tab的状态
  149.      */
  150.     private void setTabSelection(View v) {
  151.         //清除掉所有的选中状态
  152.         for (int i = 0; i < mTabTVs.length; i++) {
  153.             mTabTVs[i].setCompoundDrawablesWithIntrinsicBounds(null, getResources().getDrawable(mTabTVIdsNormal[i]), null, null);
  154.             mTabTVs[i].setSelected(false);
  155.         }
  157.         // 改变控件的图片，这里的setSelected是为了演示通过selector来改变文字颜色
  158.         int index = (Integer) v.getTag();
  159.         ((TextView) v).setCompoundDrawablesWithIntrinsicBounds(null, getResources().getDrawable(mTabTVIdsPress[index]), null, null);
  160.         v.setSelected(true);
  161.     }
  163. }
  164.  















框架3，布局








  3. main3.xml
  4. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  5.     xmlns:tools="http://schemas.android.com/tools"
  6.     android:layout_width="match_parent"
  7.     android:layout_height="match_parent"
  8.     android:orientation="vertical" >
  10.     <LinearLayout
  11.         android:layout_width="fill_parent"
  12.         android:layout_height="45dp"
  13.         android:background="@drawable/title_bar"
  14.         android:orientation="horizontal" >
  16.         <ImageView
  17.             android:id="@+id/iv_menu_left"
  18.             android:layout_width="wrap_content"
  19.             android:layout_height="wrap_content"
  20.             android:layout_gravity="center_vertical"
  21.             android:layout_marginLeft="3dp"
  22.             android:src="@drawable/showleft_normal" />
  24.         <TextView
  25.             android:layout_width="fill_parent"
  26.             android:layout_height="wrap_content"
  27.             android:layout_gravity="center_vertical"
  28.             android:layout_weight="2016"
  29.             android:gravity="center"
  30.             android:text="微信"
  31.             android:textColor="#fff"
  32.             android:textSize="20sp"
  33.             android:textStyle="bold" />
  35.         <ImageView
  36.             android:id="@+id/iv_menu_right"
  37.             android:layout_width="wrap_content"
  38.             android:layout_height="wrap_content"
  39.             android:layout_gravity="center_vertical"
  40.             android:layout_marginRight="3dp"
  41.             android:src="@drawable/showright_normal" />
  42.     </LinearLayout>
  44.     <android.support.v4.view.ViewPager
  45.         android:id="@+id/id_viewpager"
  46.         android:layout_width="fill_parent"
  47.         android:layout_height="0dp"
  48.         android:layout_weight="1" />
  50.     <LinearLayout
  51.         android:id="@+id/ly_main_tab_bottom"
  52.         android:layout_width="fill_parent"
  53.         android:layout_height="55dp"
  54.         android:background="@drawable/bottom_bar" >
  56.         <TextView
  57.             android:id="@+id/tv_tab_bottom_weixin"
  58.             android:layout_width="0dp"
  59.             android:layout_height="fill_parent"
  60.             android:layout_weight="1"
  61.             android:drawableTop="@drawable/tab_weixin_normal"
  62.             android:gravity="center"
  63.             android:text="微信"
  64.             android:textColor="@drawable/text_color_sel" />
  66.         <TextView
  67.             android:id="@+id/tv_tab_bottom_friend"
  68.             android:layout_width="0dp"
  69.             android:layout_height="fill_parent"
  70.             android:layout_weight="1"
  71.             android:drawableTop="@drawable/tab_find_frd_normal"
  72.             android:gravity="center"
  73.             android:text="朋友"
  74.             android:textColor="@drawable/text_color_sel" />
  76.         <TextView
  77.             android:id="@+id/tv_tab_bottom_contact"
  78.             android:layout_width="0dp"
  79.             android:layout_height="fill_parent"
  80.             android:layout_weight="1"
  81.             android:drawableTop="@drawable/tab_address_normal"
  82.             android:gravity="center"
  83.             android:text="通讯录"
  84.             android:textColor="@drawable/text_color_sel" />
  86.         <TextView
  87.             android:id="@+id/tv_tab_bottom_setting"
  88.             android:layout_width="0dp"
  89.             android:layout_height="fill_parent"
  90.             android:layout_weight="1"
  91.             android:drawableTop="@drawable/tab_settings_normal"
  92.             android:gravity="center"
  93.             android:text="设置"
  94.             android:textColor="@drawable/text_color_sel" />
  95.     </LinearLayout>
  98. </LinearLayout>
  101. menu_left.xml
  102. <?xml version="1.0" encoding="utf-8"?>
  103. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  104.     android:id="@+id/menu_left"
  105.     android:layout_width="match_parent"
  106.     android:background="#ccf"
  108.     android:layout_height="match_parent" />
  111. menu_right.xml
  112. <?xml version="1.0" encoding="utf-8"?>
  113. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  114.     android:id="@+id/menu_right"
  115.     android:layout_width="match_parent"
  116.     android:background="#ccf"
  118.     android:layout_height="match_parent" />
  119.  
















附件列表


												


											
应用框架 ViewPager Tab Fragment SlidingMenu的更多相关文章
	

    
								
  1. ViewPager+tab+Fragment的滑动
		
    package teamhgl.xinwensudu; import android.os.Bundle;import android.support.v4.app.Fragment;import a ...
    
		
    2. 
						
  2. Android tab导航的几种方法:ActionBar tab +fragment,Viewpager+pagerTitleStrip,开源框架ViewPageIndicator 和 ViewPager
		
    action来实现tab标签 并跟fragment结合 因为要写新闻客户端这个tab导航是必须的 这里我写几个小练习,希望大家融会贯通. 1actionbar设置tab +fragment 布局是个l ...
    
		
    3. 
						
  3. Android开发之ViewPager+ActionBar+Fragment实现响应式可滑动Tab
		
     今天我们要实现的这个效果呢,在Android的应用中十分地常见,我们可以看到下面两张图,无论是系统内置的联系人应用,还是AnyView的阅读器应用,我们总能找到这样的影子,当我们滑动屏幕时,Tab可 ...
    
		
    4. 
						
  4. 低版本系统兼容的ActionBar（六）用Fragment+ViewPager+Tab实现快速导航
		
    Tab经常和Fragment结合使用,这一讲我们用3种方式来实现这种快捷导航. 0.重要的两个监听器 MyTabListener,这个我们之前已经接触过了 package com.kale.actio ...
    
		
    5. 
						
  5. ViewPager之Fragment页面切换
		
    一.概述 ViewPager是android-support-v4中提供的类,它是一个容器类,常用于页面之间的切换. 继上篇文章<ViewPager之引导页>之后,本文主要介绍ViewPa ...
    
		
    6. 
						
  6. ViewPager和Fragment的结合使用fragment里包含着listview的常见问题
		
    在我们开发的过程中可能会遇到类似需求,我们需要做一个左右滑动的tab导航,这个时候有些朋友可能会想到viewpager和fragment的结合来实现这个功能:当然实现的方法不单单着一种.我们这个随笔讨 ...
    
		
    7. 
						
  7. 【 Android 】ViewPager + TabLayout + Fragment 数据初始化问题
		
    在 ViewPager 和 Fragment 配合使用的时候,ViewPager 会使用预加载机制,使得我们在没有切换到到对应页面时,就已经加载好了,这是个非常不好的用户体验. 所以本示例项目就诞生了 ...
    
		
    8. 
						
  8. 使用ViewPager切换Fragment时，防止频繁调用OnCreatView
		
    使用ViewPager切换Fragment,我原先使用系统自带的适配器FragmentPagerAdapter. 切换fragment时,频繁调用oncreatview(). 查看FragmentPa ...
    
		
    9. 
						
  9. viewpager和fragment预加载的解决
		
    在使用Viewpager和fragment处理中会出现预加载的问题,最近看别人的代码,终于找到了一个很好的处理方法 能有效的解决预加载的问题,在fragment都继承一个重写setUserVisibl ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Java学习----不变的常量
			
    byte: -128~+127 short int:129 long float:1.5f  (1.5被系统默认为double) double:4.5d char:'s'  '1' boolean:t ...
    
			
    2. 
						
  2. jquery mobile selectmenu下拉菜单
			
    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...
    
			
    3. 
						
  3. underscorejs-max学习
			
    2.15 max 2.15.1 语法: _.max(list, [iteratee], [context]) 2.15.2 说明: 返回list中的最小值. list为集合,数组.对象.字符串或arg ...
    
			
    4. 
						
  4. C# .net 如何根据访问者IP获取所在地区
			
    第一步:在根目录添加新项(类),新建一个类文件,把以下文件粘贴到该类文件下:   using System; using System.Collections.Generic; using Syste ...
    
			
    5. 
						
  5. oracle删除互相关联的记录
			
    今天遇到一个问题,在数据库中删除一条记录,但是在删除的时候报错了,报出该记录已经被其他子记录引用,想了好久不知道怎么做,后来发现报错提示信息中会提示删除该记录时影响了那个约束条件,于是思路出来了: 1 ...
    
			
    6. 
						
  6. weekly review
			
    鉴于某位昔日工作在我身边的大师一直在写review,所以为了能靠近大师,我也要开始写review了. 无名师曾经说过,想要成为大师的话,要先找到一个大师,然后追随大师,再然后与大师通行,之后成为大师, ...
    
			
    7. 
						
  7. 牛人总结python中string模块各属性以及函数的用法，果断转了，好东西
			
    http://blog.chinaunix.net/uid-25992400-id-3283846.html http://blog.csdn.net/xiaoxiaoniaoer1/article/ ...
    
			
    8. 
						
  8. Unable to boot device in current state: Creating
			
    安装完xcode6.1后,将其改名为Xcode6.1.app,再移动个位置,启动模拟器,问题来了: Unable to boot device in current state: Creating 解 ...
    
			
    9. 
						
  9. 之前C#代码的重新设计
			
    /* 我用python重构了一把这个代码 大家的反应似乎是过度设计了 好吧,我决定不那么激进,采用更中庸一些的重构 我也有些疑惑: 是否如果重构后的代码比重构前要多,就算过度了呢? */ void m ...
    
			
    10. 
						
  10. POJ3267 The Cow Lexicon(dp)
			
    题目链接. 分析: dp[i]表示母串从第i位起始的后缀所对应的最少去掉字母数. dp[i] = min(dp[i+res]+res-strlen(pa[j])); 其中res 为从第 i 位开始匹配 ...
    
			
    11.