Fragment的滑动可以利用工具自动生成;
1, fragment_first.xml
<?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="match_parent" android:orientation="vertical" > <GridView android:id="@+id/gridView2" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="center" android:numColumns="4" android:padding="5dp" /> </LinearLayout>
2,fragment_second.xml
<?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="match_parent" android:orientation="vertical" > <ListView android:id="@+id/listView" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="center" /> </LinearLayout>
3,fragment_main_dummy.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$DummySectionFragment" > <TextView android:id="@+id/section_label" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="我是一个文本"/> </RelativeLayout>
4,FirstFragment类操作 fragment_first.xml
public class FirstFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment_first, container, false); return rootView; } }
5,SecondFragment类操作fragment_second.xml
public class SecondFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment_second, container, false); return rootView; } }
6,ThirdFragment类操作 fragment_main_dummy
public class ThirdFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment_main_dummy, container, false); return rootView; } }
7,定义ViewPager的 activity_main.xml
<android.support.v4.view.ViewPager xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/pager" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" />
8,
public class MainActivity extends FragmentActivity implements ActionBar.TabListener { ArrayList<Fragment> fragmentList = new ArrayList<Fragment>(); /** * The {@link android.support.v4.view.PagerAdapter} that will provide * fragments for each of the sections. We use a * {@link android.support.v4.app.FragmentPagerAdapter} derivative, which * will keep every loaded fragment in memory. If this becomes too memory * intensive, it may be best to switch to a * {@link android.support.v4.app.FragmentStatePagerAdapter}. */ SectionsPagerAdapter mSectionsPagerAdapter; /** * The {@link ViewPager} that will host the section contents. */ ViewPager mViewPager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 实例化三个Fragment FirstFragment first = new FirstFragment(); fragmentList.add(first); SecondFragment second = new SecondFragment(); fragmentList.add(second); ThirdFragment third = new ThirdFragment(); fragmentList.add(third); // Set up the action bar. final ActionBar actionBar = getActionBar(); actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); // Create the adapter that will return a fragment for each of the three // primary sections of the app. mSectionsPagerAdapter = new SectionsPagerAdapter( getSupportFragmentManager()); // Set up the ViewPager with the sections adapter. mViewPager = (ViewPager) findViewById(R.id.pager); mViewPager.setAdapter(mSectionsPagerAdapter); // When swiping between different sections, select the corresponding // tab. We can also use ActionBar.Tab#select() to do this if we have // a reference to the Tab. mViewPager .setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() { @Override public void onPageSelected(int position) { actionBar.setSelectedNavigationItem(position); } }); // For each of the sections in the app, add a tab to the action bar. for (int i = 0; i < mSectionsPagerAdapter.getCount(); i++) { // Create a tab with text corresponding to the page title defined by // the adapter. Also specify this Activity object, which implements // the TabListener interface, as the callback (listener) for when // this tab is selected. actionBar.addTab(actionBar.newTab() .setText(mSectionsPagerAdapter.getPageTitle(i)) .setTabListener(this)); } } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } @Override public void onTabSelected(ActionBar.Tab tab, FragmentTransaction fragmentTransaction) { // When the given tab is selected, switch to the corresponding page in // the ViewPager. mViewPager.setCurrentItem(tab.getPosition()); } @Override public void onTabUnselected(ActionBar.Tab tab, FragmentTransaction fragmentTransaction) { } @Override public void onTabReselected(ActionBar.Tab tab, FragmentTransaction fragmentTransaction) { } /** * A {@link FragmentPagerAdapter} that returns a fragment corresponding to * one of the sections/tabs/pages. */ public class SectionsPagerAdapter extends FragmentPagerAdapter { public SectionsPagerAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { Fragment fragment = fragmentList.get(position); return fragment; } @Override public int getCount() { return fragmentList.size(); } @Override public CharSequence getPageTitle(int position) { Locale l = Locale.getDefault(); switch (position) { case 0: return getString(R.string.title_section1).toUpperCase(l); case 1: return getString(R.string.title_section2).toUpperCase(l); case 2: return getString(R.string.title_section3).toUpperCase(l); } return null; } } }
相关推荐
总之,“viewpager+fragment滑动翻页demo”是一个典型的Android应用组件结合示例,展示了如何通过`ViewPager`和`Fragment`实现动态滑动翻页效果。这个项目的实践有助于开发者深入理解这两种组件的工作原理和交互方式...
本教程主要探讨如何实现“模仿微信主界面跳转和Fragment滑动效果”,这是一个对新手友好的项目,旨在帮助开发者掌握Android中Fragment的使用以及实现平滑的界面切换。 首先,我们要了解Fragment的基本概念。...
至此,你已经掌握了Activity加载单个Fragment以及使用TabLayout+ViewPager实现多Fragment滑动的基本知识。在实际项目中,你可以根据需求扩展这些概念,比如添加动画效果、处理Fragment之间的通信、保存和恢复...
"fragment滑动效果,类似网易新闻顶部"指的是通过滑动Fragment来实现一种常见的交互模式,通常用于新闻应用或者阅读类应用的顶部导航,用户可以通过左右滑动来切换不同的内容区域。 这种滑动效果通常由ViewPager...
在Android应用开发中,"TableLayout+ViewPager+Fragment滑动标题栏索引"是一个常见的设计模式,用于构建具有高效交互性的UI。这个标题所指的是一种实现方式,它结合了三个核心组件:TableLayout、ViewPager和...
在Android应用开发中,ViewPager是一种常用的组件,它允许用户通过左右滑动来浏览多个页面,通常与Fragment一起使用,以实现动态、可交互的内容展示。本篇将深入讲解`ViewPager`与`Fragment`结合实现滑动效果的知识...
"Fragment手动滑动"是指通过用户的手势操作,例如左右滑动,来切换Fragment之间的显示,同时通常还会结合底部的标签栏进行切换。这种功能常用于实现类似TabLayout的效果,使得用户可以在多个内容区域之间流畅地切换...
"点击切换Fragment并滑动切换Fragment"的主题涉及到两个核心概念:用户交互触发的Fragment切换和Pager组件实现的滑动切换。 1. Fragment的点击切换: Fragment的切换通常通过Button、MenuItem等UI元素的点击事件来...
在Android开发中,`ViewPager`和`Fragment`是构建动态、可滑动界面的常用工具。`ViewPager`允许用户左右滑动浏览多个页面,而`Fragment`则为应用程序提供了模块化视图,使得一个Activity可以包含多个独立的、可交互...
在Android开发中,`ViewPager`和`Fragment`的结合使用是一种常见的实现页面滑动切换的方案,尤其适用于展示多个相似内容的屏幕。`ViewPager`是Android Support Library的一部分,它允许用户通过水平滑动来浏览多个...
在Android开发中,`ViewPager`和`Fragment`是构建动态、可滑动界面的常用组件。`ViewPager`允许用户左右滑动页面,而`Fragment`则用于在Activity中添加和管理多个可重用的UI部分。`ViewPager`与`Fragment`结合使用,...
当Fragment与ViewPager结合使用时,可以创建出具有优雅滑动切换效果的多页应用程序界面。下面我们将详细探讨如何利用Fragment和ViewPager实现页面的左右滑动效果。 首先,我们需要了解Fragment的基础知识。Fragment...
本项目是基于 `ViewPager` 和 `Fragment` 创建的一个滑动页面框架,虽然UI设计与微信有所不同,但其核心逻辑和实现思路具有很高的学习价值。 `ViewPager` 是Android Support Library中的一个控件,主要用于展示可...
在Android开发中,`ViewPager`是一个非常常用的组件,它用于展示可以左右滑动的页面,通常与`Fragment`配合使用,以实现动态加载和切换不同的内容区域。`ViewPager`不仅提供了便捷的页面滑动效果,还可以自动管理`...
在Android开发中,`ViewPager`和`Fragment`的结合使用是一种常见的实现页面滑动和界面切换的方式,尤其在创建带有底部导航栏(tabbar)的应用中。`ViewPager`是Android Support Library中的一个组件,它允许用户左右...
本教程将详细讲解如何利用`Include`布局和`Fragment`来实现这一效果,就像微信那样,通过滑动切换不同的内容区域。我们将探讨`Include`布局的用法、`Fragment`的基础知识以及如何结合两者实现屏幕滑动切换。 `...
在Android开发中,`ViewPager`和`Fragment`的结合使用是一种常见的实现页面滑动和内容切换的方式,尤其在创建带有底部导航栏(tabbar)的应用中。`ViewPager`提供了平滑的页面滚动体验,而`Fragment`则允许我们在一...
结合`Fragment`,开发者可以构建出丰富的交互式界面,比如实现一个顶部导航随着页面滑动而变化的效果。这个场景在很多应用中都能看到,如新闻应用、电商应用等,用户可以在浏览内容时,顶部的导航栏会随着页面的切换...
本篇文章将详细讲解如何利用Fragment实现页面滑动,以及如何在启动页和内部主体页中应用这一技术。 一、Fragment的基本概念 Fragment是一个可以包含UI元素的模块化组件,它可以有自己的生命周期方法,如onCreate()...
### 使用ViewPage与Fragment实现区域顶部Tab滑动切换 #### 一、背景介绍 在Android应用开发中,经常需要设计包含多个子页面的界面,并且这些子页面可以通过顶部的Tab进行快速切换。这种布局方式常见于新闻类App、...