`
jean7155
  • 浏览: 62883 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

Swipe Views (水平分页)

阅读更多
1. 创建activity
public class CollectionDemoActivity extends FragmentActivity {
    // When requested, this adapter returns a DemoObjectFragment,
    // representing an object in the collection.

    // 分页的adapter
    DemoCollectionPagerAdapter mDemoCollectionPagerAdapter;
    // 使用ViewPager来控制分页
    ViewPager mViewPager;

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_collection_demo);

        // ViewPager and its adapters use support library
        // fragments, so use getSupportFragmentManager.
        mDemoCollectionPagerAdapter =
                new DemoCollectionPagerAdapter(
                        getSupportFragmentManager());
        mViewPager = (ViewPager) findViewById(R.id.pager);
        mViewPager.setAdapter(mDemoCollectionPagerAdapter);
    }
}


2. 创建分页的adapter
public class DemoCollectionPagerAdapter extends
        FragmentStatePagerAdapter {
    public DemoCollectionPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override // 通过此方法创建每个页的fragmet
    public Fragment getItem(int i) {
        Fragment fragment = new DemoObjectFragment();
        Bundle args = new Bundle();
        // Our object is just an integer :-P
        args.putInt(DemoObjectFragment.ARG_OBJECT, i + 1);
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public int getCount() {
        return 100;
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return "OBJECT " + (position + 1);
    }
}


3. 创建每个页的fragment
public static class DemoObjectFragment extends Fragment {
    public static final String ARG_OBJECT = "object";

    @Override
    public View onCreateView(LayoutInflater inflater,
            ViewGroup container, Bundle savedInstanceState) {
        // The last two arguments ensure LayoutParams are inflated
        // properly.
        View rootView = inflater.inflate(
                R.layout.fragment_collection_object, container, false);
        Bundle args = getArguments();
        ((TextView) rootView.findViewById(android.R.id.text1)).setText(
                Integer.toString(args.getInt(ARG_OBJECT)));
        return rootView;
    }
}


4. xml配置
<android.support.v4.view.ViewPager
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v4.view.PagerTitleStrip
        android:id="@+id/pager_title_strip"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="top"
        android:background="#33b5e5"
        android:textColor="#fff"
        android:paddingTop="4dp"
        android:paddingBottom="4dp" />

</android.support.v4.view.ViewPager>
分享到:
评论
1 楼 至尊包 2014-03-25  
想问一下,这个官网的列子如果要兼容3.0以下的版本要怎么处理?

相关推荐

    (0024)-iOS/iPhone/iPAD/iPod源代码-滚动视图(ScrollView)-Vertical Swipe Views

    本文将深入探讨"(0024)-iOS/iPhone/iPad/iPod源代码-滚动视图(ScrollView)-Vertical Swipe Views"这个主题,包括如何实现垂直滑动切换页面以及上拉/下拉刷新功能。 首先,我们要理解UIScrollView的基本概念...

    android-swipe-views-tabs.7z

    在Android应用开发中,滑动视图(Swipe Views)和标签(Tabs)是常见的用户界面组件,它们为用户提供了一种便捷的方式来浏览和切换不同的内容区域。Android-swipe-views-tabs项目提供了一个实现这种功能的示例,下面...

    基于vue实现swipe分页组件实例

    在本文中,我们将探讨如何基于Vue实现一个轻量级的Swipe分页组件。通常,对于简单的图片轮播需求,引入大型的轮播插件如Swiper可能会显得过于复杂和资源消耗过大。因此,我们可以利用thebird/Swipe这个仅14.2k的小型...

    swipe多种手机触屏滑动效果

    在移动设备上,用户体验往往与触屏交互密切相关,其中滑动(Swipe)是最常见的操作之一。"swipe多种手机触屏滑动效果"这个主题涵盖了如何在手机应用中实现各种丰富的滑动效果,以提升用户的操作体验。在这个话题中,...

    swipe节日案例

    【滑动(Swipe)节日案例——以元宵节为例】 在移动应用开发中,滑动(Swipe)手势是用户交互的重要组成部分,它为用户提供了一种流畅、直观的方式来浏览内容或切换页面。尤其在节日主题的应用设计中,巧妙运用滑动...

    swipe插件的使用

    swipe插件的使用

    swiper自定义分页器使用方法详解

    swiper自定义分页器使用方法详解 swiper是一款流行的JavaScript插件,用于创建高性能、多功能的轮播图效果。swiper提供了多种分页器样式,包括圆钮式、数字式等,但有时我们需要根据项目需求,自定义分页器的样式和...

    swipe图片切换

    **Swipe图片切换框架详解** `Swipe`是一款专为移动端Web设计的图片自动播放和滑动切换框架,它轻量级且易于使用,适用于创建各种滑动效果,如轮播图、产品展示等。该框架充分利用触摸事件,为移动设备提供流畅的...

    android按钮分页与滑动分页

    二、滑动分页(Swipe-to-Load) 滑动分页是另一种流行的方式,用户通过向下滑动屏幕加载更多内容。这种体验常见于新闻应用、社交媒体等。实现滑动分页通常使用PullToRefresh或EndlessScrolling库,例如...

    liquid_swipe_flutter.zip

    本文将深入探讨一个名为"liquid_swipe_flutter"的库,它允许开发者在Flutter平台上创建具有液态滑动效果的界面。这种效果模拟了液体流动的视觉动态,为用户带来新颖的交互体验,尤其适用于滑动浏览卡片式内容或页面...

    前端项目-swipejs.zip

    **SwipeJS:打造精准触控滑动效果的前端框架** SwipeJS是一款专为前端开发者设计的轻量级、高性能的触摸滑动插件。它的主要功能是为网页上的图片、内容或视图提供平滑流畅的横向滑动体验,尤其适用于手机、平板等...

    react-reactswipe将Swipejs当作一个React组件

    `react-swipe`就是这样一个库,它允许我们将流行的移动滑动库Swipe.js封装成一个React组件,使得在React应用中实现滑动效果变得更加简单。 `Swipe.js`是一个轻量级的触控滑动插件,常用于创建移动端的幻灯片、轮播...

    uni-swipe-action组件实现列表项左划操作

    应用uni-swipe-action组件实现列表项左划操作。 真正做到开箱即用。

    swipe 图片轮播(手机电脑通用)

    "Swipe 图片轮播"是一种常见的网页...根据项目需求,你还可以进一步定制化功能,如添加分页指示器、左右滑动按钮等,提升用户体验。记住,关键在于理解`swipe.js`的核心原理,并结合实际项目需求进行适当的调整和优化。

    react-reactswipeviews一个React组件用于绑定选项卡和Swipeable视图

    **React Swipe Views组件详解** React作为一个流行的JavaScript库,被广泛用于构建用户界面,尤其是单页应用程序(SPA)。在React的世界中,组件是构建UI的基本单元,`react-swipe-views`是一个这样的组件,它允许...

    Swipe.js 一款移动WEB页面内容触摸滑动类库插件

    Swipe.js 是一个专为移动Web页面设计的轻量级、高性能的内容触摸滑动类库插件,它使得在手机和平板等触摸设备上浏览网页内容变得更加流畅和互动。这款插件广泛应用于创建幻灯片、产品展示、图像画廊、菜单导航等各种...

    Vertical Swipe Views(iPhone源代码)

    来源:Licence:MIT平台:iOS设备:iPhone / iPad作者:Peter Boctor  用户用手指上下划动页面,从而切换页面。UIScrollView 上拉/下拉刷新 Code4App编译测试,适用环境:Xcode 4.3, iOS 5.0。

    Swipe JS – 移动WEB页面内容触摸滑动类库

    Swipe JS 是一个专门针对移动Web页面内容设计的触摸滑动类库,旨在提供流畅、响应式的滑动体验,尤其适用于创建幻灯片、轮播图或者任何需要横向滑动内容的场景。它优化了触屏设备上的交互,使得用户可以通过简单的...

    mobile swipe scroll js

    标题“mobile swipe scroll js”指的是一个用于移动端网页的滑动滚动JavaScript库,它允许用户通过手势(swipe)实现页面的平滑滚动效果。在移动设备上,由于触屏操作的普及,这种交互方式变得更加自然,能提供更好...

Global site tag (gtag.js) - Google Analytics