Tab+List导航(滑动+点击导航)

1.在activity_main.xml中设置为:
  < android.support.v4.view.ViewPager
        android:id="@+id/vp_content_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
那么,就全部都要匹配,都要使用android-support-v4.jar包中的相关控件等
2.在Fragment的实现类中
package com.example.actionbarwithfragmenttest;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class FragmentB extends Fragment {
 @Override
 public View onCreateView(LayoutInflater inflater, ViewGroup container,   Bundle savedInstanceState) { 
 
  //设置布局文件
  //将xml文件转换为View
   View v = inflater.inflate(R.layout.fragment_3, container,false);
  return v;
 }
}

3.在MainActivity.java中, 要使Activity继承于FragmentActivity
package com.example.actionbarwithfragmenttest;
import java.util.ArrayList;
import android.app.ActionBar;
import android.app.ActionBar.Tab;
import android.app.ActionBar.TabListener;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;

public class MainActivity extends  FragmentActivity implements  TabListener {
 ActionBar actionBar;
 ViewPager vpContent;
 ArrayList<Fragment> fragments=new ArrayList<Fragment>();
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
 
  actionBar = getActionBar();
  actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
  //隐藏icon/title
  actionBar.setDisplayShowTitleEnabled(false);
  actionBar.setDisplayShowHomeEnabled(false);
 
  // 创建tabR对象
  Tab tabR = actionBar.newTab();
  tabR.setText("R");
  // 设置监听器
  tabR.setTabListener(this);
  // 添加Tab
  actionBar.addTab(tabR);
   // 创建tabG对象
  Tab tabG = actionBar.newTab();
  tabG.setText("G");
  tabG.setTabListener(this);
  actionBar.addTab(tabG);
   // 创建tabB对象
  Tab tabB = actionBar.newTab();
  tabB.setText("B");
  tabB.setTabListener(this);
  actionBar.addTab(tabB);
 
  fragments.add(new FragmentR());
  fragments.add(new FragmentG());
  fragments.add(new FragmentB());
 
  vpContent=(ViewPager) findViewById(R.id.vp_content_main);
  vpContent. setAdapter(new MyAdapter( getSupportFragmentManager())); 
// g etSupportFragmentManager()是android-support-v4.jar中的
  vpContent. setOnPageChangeListener(new OnPageChangeListener() {
   
   @Override
   public void onPageSelected(int arg0) {
     actionBar.setSelectedNavigationItem(arg0);
   }
   @Override
   public void onPageScrolled(int arg0, float arg1, int arg2) {}
   @Override
   public void onPageScrollStateChanged(int arg0) {}
  });
 }
 
  //创建FragmentPageAdapter
 class MyAdapter extends  FragmentPagerAdapter{
  public MyAdapter(FragmentManager fm) {
   super(fm);
  }
  @Override
  public Fragment getItem(int arg0) {
   return  fragments.get(arg0);
  }
  @Override
  public int getCount() {
   return fragments.size();
  }
 }
 
 @Override
 public void  onTabSelected(Tab tab, FragmentTransaction ft) {
  int position =  tab.getPosition();
  if(v pContent==null){
   return;
  }
   vpContent.setCurrentItem(position);
 }
 
 @Override
 public void onTabReselected(Tab tab, FragmentTransaction ft) {}
 @Override
 public void onTabUnselected(Tab tab, FragmentTransaction ft) {}
}


效果:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,你想问关于顶部导航TabLayout和ViewPager的内容。这两个组件通常一起使用,可以实现轻松的页面切换和导航功能。 TabLayout是一个选项卡布局,用于显示多个页面的标题,并且可以通过点选项卡来切换页面。ViewPager是一个可滑动的布局容器,可以容纳多个子视图,并且可以通过滑动来切换子视图。 在Android中,我们可以通过将TabLayout和ViewPager结合起来使用,来实现多页面的导航和切换。具体的实现方式可以参考以下步骤: 1. 在布局文件中添加TabLayout和ViewPager组件,并将它们进行关联: ``` <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" /> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. 在Activity或Fragment中,创建PagerAdapter适配器,并将其设置给ViewPager: ``` public class MyPagerAdapter extends FragmentPagerAdapter { private final List<Fragment> mFragments = new ArrayList<>(); private final List<String> mFragmentTitles = new ArrayList<>(); public MyPagerAdapter(FragmentManager fm) { super(fm); } public void addFragment(Fragment fragment, String title) { mFragments.add(fragment); mFragmentTitles.add(title); } @Override public Fragment getItem(int position) { return mFragments.get(position); } @Override public int getCount() { return mFragments.size(); } @Override public CharSequence getPageTitle(int position) { return mFragmentTitles.get(position); } } ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager); MyPagerAdapter adapter = new MyPagerAdapter(getSupportFragmentManager()); adapter.addFragment(new Fragment1(), "Tab 1"); adapter.addFragment(new Fragment2(), "Tab 2"); adapter.addFragment(new Fragment3(), "Tab 3"); viewPager.setAdapter(adapter); ``` 3. 将TabLayout和ViewPager进行绑定,并设置TabLayout的显示模式: ``` TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs); tabLayout.setupWithViewPager(viewPager); tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE); ``` 通过以上步骤,我们就可以实现一个带有顶部导航TabLayout和可滑动页面切换功能的布局。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值