文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

灵活使用Android中ActionBar和ViewPager切换页面

2022-06-06 09:29

关注

本文实例讲述了Android使用ActionBar和ViewPager切换页面,分享给大家供大家参考。具体如下:
运行效果截图如下:

项目布局如下:

具体代码如下:

MainActivity.java代码


import java.util.ArrayList;
import java.util.List;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.app.FragmentTransaction;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.support.v7.app.ActionBar;
import android.support.v7.app.ActionBar.Tab;
import android.support.v7.app.ActionBar.TabListener;
import android.support.v7.app.ActionBarActivity;
import com.xuliugen.fragment.ChatFragment;
import com.xuliugen.fragment.FriendFragment;
import com.xuliugen.fragment.MomentFragment;
import com.xuliugen.fragment.MoreFragment;
public class MainActivity extends ActionBarActivity implements TabListener,OnPageChangeListener {
  private List<MyTab> tabsList = new ArrayList<MainActivity.MyTab>(4);
  private ViewPager viewPager;// ViewPager用于存放fragment
  private ActionBar actionBar;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    // 添加4个fragment到自定义的Tab中去
    tabsList.add(new MyTab("聊天", ChatFragment.class));
    tabsList.add(new MyTab("朋友", FriendFragment.class));
    tabsList.add(new MyTab("时刻", MomentFragment.class));
    tabsList.add(new MyTab("更多", MoreFragment.class));
    initActionBar();
  }
  private void initActionBar() {
    // 找到viewpager
    viewPager = (ViewPager) this.findViewById(R.id.viewpager);
    actionBar = getSupportActionBar(); // 获得v7中的ActionBar
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);// 设置为导航模式
    // 通过循环遍历将创建的四个Tab加入到actionBar中
    for (MyTab tab : tabsList) {
      Tab t = actionBar.newTab(); // 使用v7下边的Tab
      t.setText(tab.getText());
      t.setTabListener(this);// 设置TabListener监听器
      actionBar.addTab(t);
    }
    viewPager.setAdapter(new TabFragmentPagerAdapter(getSupportFragmentManager()));
    viewPager.setOnPageChangeListener(this);
  }
  
  class MyTab {
    private String text; // 的文字
    private Class fragment;// 每一个tab所对应的页面fragment
    public String getText() {
      return text;
    }
    public void setText(String text) {
      this.text = text;
    }
    public Class getFragment() {
      return fragment;
    }
    public void setFragment(Class fragment) {
      this.fragment = fragment;
    }
    
    public MyTab(String string, Class fragment) {
      this.text = string;
      this.fragment = fragment;
    }
  }
  
  class TabFragmentPagerAdapter extends FragmentPagerAdapter {
    public TabFragmentPagerAdapter(FragmentManager fm) {
      super(fm);
    }
    @Override
    public Fragment getItem(int i) {
      try {
        return (Fragment) tabsList.get(i).getFragment().newInstance();
      } catch (InstantiationException e) {
        e.printStackTrace();
      } catch (IllegalAccessException e) {
        e.printStackTrace();
      }
      return null;
    }
    @Override
    public int getCount() {
      return tabsList.size();
    }
  }
  
  
  @Override
  public void onTabReselected(Tab tab, FragmentTransaction fragmentTransaction) {
  }
  
  @Override
  public void onTabSelected(Tab tab, FragmentTransaction fragmentTransaction) {
    viewPager.setCurrentItem(tab.getPosition());
  }
  @Override
  public void onTabUnselected(Tab tab, FragmentTransaction fragmentTransaction) {
  }
  
  @Override
  public void onPageScrollStateChanged(int i) {
  }
  @Override
  public void onPageScrolled(int i, float arg1, int arg2) {
  }
  @Override
  public void onPageSelected(int i) {
    actionBar.selectTab(actionBar.getTabAt(i));
  }
}

下边是四个fragment


public class ChatFragment extends Fragment {
  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container,
      Bundle savedInstanceState) {
    return inflater.inflate(R.layout.fragment_friends, container, false);
  }
}
public class FriendFragment extends Fragment {
  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container,
      Bundle savedInstanceState) {
    return inflater.inflate(R.layout.fragment_chat, container, false);
  }
}
public class MomentFragment extends Fragment {
  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container,
      Bundle savedInstanceState) {
    return inflater.inflate(R.layout.fragment_moment, container, false);
  }
}
public class MoreFragment extends Fragment {
  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container,
      Bundle savedInstanceState) {
    return inflater.inflate(R.layout.fragment_more, container, false);
  }
}

activity_main.xml


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:paddingBottom="@dimen/activity_vertical_margin"
  android:paddingLeft="@dimen/activity_horizontal_margin"
  android:paddingRight="@dimen/activity_horizontal_margin"
  android:paddingTop="@dimen/activity_vertical_margin"
  tools:context=".MainActivity" >
  <android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
  </android.support.v4.view.ViewPager>
</RelativeLayout>

下边是四个fragment的布局文件


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="fill_parent"
  android:orientation="vertical" >
  <TextView
    android:id="@+id/textView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:text="聊天" >
  </TextView>
</LinearLayout>

其他三个都一样只是文件名和里边的内容改变了一下。

希望本文所述对大家学习Android软件编程有所帮助。

您可能感兴趣的文章:Android App中使用ViewPager+Fragment实现滑动切换效果Android开发之使用ViewPager实现图片左右滑动切换效果Android编程实现ViewPager多页面滑动切换及动画效果的方法Android实现千变万化的ViewPager切换动画Android中ViewPager组件的基本用法及实现图片切换的示例Android应用中利用ViewPager实现多页面滑动切换效果示例Android应用中使用ViewPager实现类似QQ的界面切换效果Android中TabLayout结合ViewPager实现页面切换效果Android ViewPager实现选项卡切换Android实现单页显示3个Item的ViewPager炫酷切换效果


阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯