Fragment ViewPager的例子代码

最新推荐文章于 2017-09-25 17:50:06 发布
最新推荐文章于 2017-09-25 17:50:06 发布
阅读量385 收藏
点赞数 1
分类专栏： 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenmeng911/article/details/50524497
版权

ViewPager保存状态的。

MyViewPager：

package com.example.mypopuwindow;

import android.app.Activity;
import android.app.ActivityManager;
import android.net.Uri;
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.view.ViewPager;
import android.util.DisplayMetrics;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.LinearInterpolator;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;

import com.example.mypopuwindow.fragment.GroupListFragment;
import com.example.mypopuwindow.fragment.MyKPIFragment;
import com.example.mypopuwindow.fragment.my3;
import com.example.mypopuwindow.fragment.my4;

/**
 * Created by 陈猛 on 2016/1/15.
 */
public class MyViewPager extends FragmentActivity implements View.OnClickListener,ViewPager.OnPageChangeListener {
    /**
     * 会话TextView
     */
    private TextView mMainConversationTv;
    /**
     * 群组TextView
     */
    private TextView mMainGroupTv;

    private TextView mUnreadNumView;
    /**
     * 聊天室TextView
     */
    private TextView mMainChatroomTv;
    /**
     * 客服TextView
     */
    private TextView mMainCustomerTv;

    private FragmentManager mFragmentManager;

    private ViewPager mViewPager;
    /**
     * 下划线
     */
    private ImageView mMainSelectImg;


    private LayoutInflater mInflater;
    /**
     * 下划线长度
     */
    int indicatorWidth;
    private LinearLayout mMainShow;
    private TextView mCustomerNoRead;
    private DemoFragmentPagerAdapter mDemoFragmentPagerAdapter;
    private RelativeLayout mMainConversationLiner;
    private RelativeLayout mMainGroupLiner;
    private RelativeLayout mMainChatroomLiner;
    private RelativeLayout mMainCustomerLiner;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.my_vieewpager);

        DisplayMetrics dm = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(dm); // 获取屏幕信息
        indicatorWidth = dm.widthPixels / 4;// 指示器宽度为屏幕宽度的4/1

        mMainShow = (LinearLayout) findViewById(R.id.main_show);
        mMainConversationLiner = (RelativeLayout) findViewById(R.id.main_conversation_liner);
        mMainGroupLiner = (RelativeLayout) findViewById(R.id.main_group_liner);
        mMainChatroomLiner = (RelativeLayout) findViewById(R.id.main_chatroom_liner);
        mMainCustomerLiner = (RelativeLayout) findViewById(R.id.main_customer_liner);
        mMainConversationTv = (TextView) findViewById(R.id.main_conversation_tv);
        mMainGroupTv = (TextView) findViewById(R.id.main_group_tv);
        mMainChatroomTv = (TextView) findViewById(R.id.main_chatroom_tv);
        mMainCustomerTv = (TextView) findViewById(R.id.main_customer_tv);
        mViewPager = (ViewPager) findViewById(R.id.main_viewpager);
        mMainSelectImg = (ImageView) findViewById(R.id.main_switch_img);

        ViewGroup.LayoutParams cursor_Params = mMainSelectImg.getLayoutParams();
        cursor_Params.width = indicatorWidth;// 初始化滑动下标的宽
        mMainSelectImg.setLayoutParams(cursor_Params);
        // 获取布局填充器
        mInflater = (LayoutInflater) this
                .getSystemService(LAYOUT_INFLATER_SERVICE);

//        activityManager = (ActivityManager) this.getSystemService(ACTIVITY_SERVICE);
        mMainChatroomLiner.setOnClickListener(this);
        mMainConversationLiner.setOnClickListener(this);
        mMainGroupLiner.setOnClickListener(this);
        mMainCustomerLiner.setOnClickListener(this);
        mDemoFragmentPagerAdapter = new DemoFragmentPagerAdapter(getSupportFragmentManager());
        mViewPager.setAdapter(mDemoFragmentPagerAdapter);
        mViewPager.setOnPageChangeListener(this);
        mViewPager.setOffscreenPageLimit(4);//设置缓存的个数

    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.main_conversation_liner:
                mViewPager.setCurrentItem(0);
                break;
            case R.id.main_group_liner:
                mViewPager.setCurrentItem(1);
                break;
            case R.id.main_chatroom_liner:
                mViewPager.setCurrentItem(2);
                break;
            case R.id.main_customer_liner:
                mViewPager.setCurrentItem(3);
                break;
        }
    }

    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override
    public void onPageSelected(int position) {
        switch (position) {
            case 0:
                selectNavSelection(0);
                break;
            case 1:
                selectNavSelection(1);
                break;
            case 2:
                selectNavSelection(2);
                break;
            case 3:
                selectNavSelection(3);
                break;
        }
    }


    private void selectNavSelection(int index) {
        clearSelection();
        switch (index) {
            case 0:
                mMainConversationTv.setTextColor(getResources().getColor(R.color.de_title_bg));
                TranslateAnimation animation = new TranslateAnimation(0, 0,
                        0f, 0f);
                animation.setInterpolator(new LinearInterpolator());
                animation.setDuration(10000);
                animation.setFillAfter(true);
                mMainSelectImg.startAnimation(animation);

                break;
            case 1:
                mMainGroupTv.setTextColor(getResources().getColor(R.color.de_title_bg));
                TranslateAnimation animation1 = new TranslateAnimation(
                        indicatorWidth, indicatorWidth,
                        0f, 0f);
                animation1.setInterpolator(new LinearInterpolator());
                animation1.setDuration(10000);
                animation1.setFillAfter(true);
                mMainSelectImg.startAnimation(animation1);

                break;
            case 2:
                mMainChatroomTv.setTextColor(getResources().getColor(R.color.de_title_bg));
                TranslateAnimation animation2 = new TranslateAnimation(
                        2 * indicatorWidth, indicatorWidth * 2,
                        0f, 0f);
                animation2.setInterpolator(new LinearInterpolator());
                animation2.setDuration(10000);
                animation2.setFillAfter(true);
                mMainSelectImg.startAnimation(animation2);

                break;
            case 3:
                mMainCustomerTv.setTextColor(getResources().getColor(R.color.de_title_bg));
                TranslateAnimation animation3 = new TranslateAnimation(
                        3 * indicatorWidth, indicatorWidth * 3,
                        0f, 0f);
                animation3.setInterpolator(new LinearInterpolator());
                animation3.setDuration(10000);
                animation3.setFillAfter(true);
                mMainSelectImg.startAnimation(animation3);
                break;
        }
    }

    private void clearSelection() {
        mMainConversationTv.setTextColor(getResources().getColor(R.color.black_textview));
        mMainGroupTv.setTextColor(getResources().getColor(R.color.black_textview));
        mMainChatroomTv.setTextColor(getResources().getColor(R.color.black_textview));
        mMainCustomerTv.setTextColor(getResources().getColor(R.color.black_textview));
    }
    @Override
    public void onPageScrollStateChanged(int state) {

    }


    private class DemoFragmentPagerAdapter extends android.support.v4.app.FragmentPagerAdapter {

        public DemoFragmentPagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int i) {
            Fragment fragment = null;

            switch (i) {
                case 0:
                    mMainConversationTv.setTextColor(getResources().getColor(R.color.de_title_bg));
                    //TODO
                    if (mMyKPIFragment == null) {

                        fragment = new MyKPIFragment();
                    }


                    break;
                case 1:
                    if (mGroupListFragment == null) {
                        mGroupListFragment = new GroupListFragment();//群组的Fragment
                    }

                    fragment = mGroupListFragment;

                    break;

                case 2:
                    if (my3 == null) {
                        fragment = new my3();
                    } else {
                        fragment = my3;
                    }
                    break;
                case 3:
                    if (my4 == null) {
                        fragment = new my4();
                    } else {
                        fragment = my4;
                    }
                    break;
            }
            return fragment;
        }

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

    private MyKPIFragment mMyKPIFragment;
    private my3  my3;
    private my4  my4;
    private GroupListFragment mGroupListFragment;

}

这里的关键代码是：
mViewPager.setOffscreenPageLimit(4);//设置缓存的个数
其布局文件为：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main_show"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="39dp"
        android:background="@color/group_list_liner">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="38dp"
            android:layout_alignParentTop="true"
            android:background="@color/main_title_backgroud"
            android:orientation="horizontal">

            <RelativeLayout
                android:id="@+id/main_conversation_liner"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:orientation="horizontal">

                <TextView
                    android:id="@+id/main_conversation_tv"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:text="@string/main_conversation"
                    android:textColor="@color/black_textview"

                    android:textSize="16sp" />


            </RelativeLayout>

            <RelativeLayout
                android:id="@+id/main_group_liner"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:orientation="horizontal">

                <TextView
                    android:id="@+id/main_group_tv"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:text="@string/main_group"
                    android:textColor="@color/black_textview"
                    android:textSize="16sp" />


            </RelativeLayout>

            <RelativeLayout
                android:id="@+id/main_chatroom_liner"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:orientation="horizontal">

                <TextView
                    android:id="@+id/main_chatroom_tv"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:text="@string/main_chatroom"
                    android:textColor="@color/black_textview"
                    android:textSize="16sp" />


            </RelativeLayout>

            <RelativeLayout
                android:id="@+id/main_customer_liner"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:orientation="horizontal">

                <TextView
                    android:id="@+id/main_customer_tv"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:text="@string/main_customer"
                    android:textColor="@color/black_textview"
                    android:textSize="16sp" />


            </RelativeLayout>

        </LinearLayout>

        <ImageView
            android:id="@+id/main_switch_img"
            style="@style/DemoMainPublic" />

    </RelativeLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/main_viewpager"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:flipInterval="30"
        android:persistentDrawingCache="animation" />

</LinearLayout>

string:

<resources>
    <string name="app_name">MyPopuWindow</string>
    <string name="action_settings">Settings</string>

    <string name="pop_left">弹出左侧菜单</string>
    <string name="pop_right">弹出右侧菜单</string>
    <string name="pop_bottom">弹出底部菜单</string>
    <string name="open">打开</string>
    <string name="save">保存</string>
    <string name="close">关闭</string>

    <string name="main_name">融云</string>
    <string name="main_conversation">会话</string>
    <string name="main_group">群组</string>
    <string name="main_chatroom">聊天室</string>
    <string name="main_customer">讨论组</string>
    <string name="add_chat">发起聊天</string>
    <string name="add_select_group">选择群组</string>
    <string name="add_voip">网络电话</string>
    <string name="add_contacts">通讯录</string>
    <string name="set_personal_information">我的账号</string>
    <string name="set_news_reminded">新消息提醒</string>
    <string name="set_privacy">隐私</string>
    <string name="set_set">设置</string>
    <string name="set_rongcloud">关于融云</string>
    <string name="set_sign_out">退出</string>
    <string name="set_logout">注销</string>
    <string name="de_save">"保存"</string>

    <string name="register_user_exits">"该邮箱已注册"</string>
    <string name="no_read_message">"···"</string>

</resources>

style:

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
    </style>

    <style name="AnimationLeftFade">
        <item name="android:windowEnterAnimation">@anim/in_lefttoright</item>
        <item name="android:windowExitAnimation">@anim/out_righttoleft</item>
    </style>

    <style name="AnimationRightFade">
        <item name="android:windowEnterAnimation">@anim/in_righttoleft</item>
        <item name="android:windowExitAnimation">@anim/out_lefttoright</item>
    </style>

    <style name="AnimationBottomFade">
        <item name="android:windowEnterAnimation">@anim/in_bottomtotop</item>
        <item name="android:windowExitAnimation">@anim/out_toptobottom</item>
    </style>

    <style name="DemoMainPublic">
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">4dp</item>
        <item name="android:layout_alignParentBottom">true</item>
        <item name="android:background">@color/de_title_bg</item>
    </style>

</resources>

color:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- -->
    <color name="black_textview">#575757</color>
    <color name="group_list_black_textview">#353535</color>
    <color name="group_list_gray">#999999</color>
    <color name="group_list_liner">#e4e4e4</color>
    <color name="main_title_backgroud">#F2F2F2</color>
    <color name="main_regist">#ffffff</color>
    <color name="main_backgroud_search">#f7f7f7</color>
    <color name="button_backgroud">#0195ff</color>
    <color name="de_title_bg">#0195ff</color>

    <color name="rc_text_color_secondary_inverse">@android:color/white</color>
    <color name="rc_text_color_select_btn_disable">#97d9b3</color>

    <!--actionbar-->
    <color name="de_actionbar_bg">#0195ff</color>
    <!---->
    <color name="de_item_select">#f3f3f3</color>
    <color name="de_action_color">#3498DB</color>
    <color name="de_action_white">@android:color/white</color>
    <color name="de_transparent">#00000000</color>

    <color name="de_draft_color">#cb120f</color>
</resources>

Fragment的代码就不写了，没有什么特别之处。
效果图：

这里写图片描述

chenmeng911
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【控件篇】ViewPager+FragmentStatePagerAdapter 页面切换案例详解
kael的专栏
03-25 4129
很多APP在安装后第一次启动时都会出现一系列引导界面，用于介绍APP的主体功能。 这个实现这个引导界面的控件，就是本文要介绍的ViewPager控件 博主在工作中遇到一个问题，我们的APP中有一个用户下单的功能，但因为业务性质，下一个订单需要填写的信息非常多，手机一个屏幕的大小尚且未能全部装下。 这就导致了用户在使用我们的APP进行下单时，用户体验极其不友好。 ViewPager主要突出一
ViewPager+Fragment替代TabHost效果的简单示例
12-04
ViewPager+Fragment替代TabHost效果的简单示例，可以根据这个示例进行扩展，实现具体的业务逻辑
集成融云的 踩到的坑。。。
songjingmeng的博客
09-14 810
最近再次集成融云的时候，又遇到聊天界面bug。很是困惑啊。 今天终于找到了解决方案。 首先得了解出现这个问题的原因： 1、整体项目使用了沉浸式。 2、项目主题设置了全屏。  我们先来看下当项目设置了沉浸式之后 的时候的效果： 当键盘弹出时，输入框一直停留在界面底部，没有被弹上来。 针对这种解决方案是：在聊天界面 conversation.xml 界面 根布局中添加  android
融云的使用之环境配置
kuaizilanqiu的博客
08-10 1883
一、新建工程之后导入融云SDK module,之后添加依赖 ctrl+alt+shift+s  -->最后一个添加module依赖就行 二、修改你的工程的清单文件：权限、服务和广播及秘钥 android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>android:name="android.permission.INTER
viewPager+fragment嵌套viewPager+fragment
Rex
09-19 1619
viewPager+fragment嵌套viewPager+fragment，子viewPager的滑动会发生异常，只要在子viewPager设置adapter的时候fragmentManager用getChildFragmentManager就可以解决了。 // 这里是 getChildFragmentManager，嵌套了viewPager，里面的滑动会冲突 mViewPager.setAd
Fragment Viewpager demo代码
09-19
Fragment Viewpager demo代码，运行环境为Android Studio，自带底部栏点击切换
fragment viewpager
08-31
外面fragment 可以点击 里面fragment viewpager 可滑动 可点击 配详解！ 希望大家能分享给我一个 让内外fragment 都可以滑动的Demo
fragment嵌套viewPager中放fragment
11-14
fragment嵌套viewPager,viewpager中也是fragment切换。
安卓无预加载的fragment viewpager
04-04
无语加载的viewpager ，安卓无预加载的fragment的viewpager，安卓开发 fragment
fragment+viewpager
10-16
fragment结合viewpager加底部线条，底部指示器随着页面的切换二移动
Fragment+ViewPager使用示例
笑脸猫的博客
03-10 600
很多app都采用了底部（或者顶部）Tab，中间ViewPager，点击底部Tab可以切换到对应页，左右滑动页面也会自动改变Tab点亮的设计。不用说，用ViewPager实现。 ViewPager可以看成一个容器，里面放了View或者Fragment，支持左右切换容器里的内容。使用Fragment+ViewPager的优势就是，可以在每个Fragment里独立的编写逻辑，而不用全部挤在MainAc
Android 融云IMKit的集成和使用
ayrascal的博客
03-10 5170
1.集成 从官网下载SDK，这里以Rong_Cloud_Android_IMKit_SDK_v2_8_7_Stable_8d65c为例 首先导入IMKit和IMLib(IMKit以IMLib为基础) Rong_Cloud_Android_IMKit_SDK_v2_8_7_Stable_8d65c\Rong_Cloud_Android_IMKit_SDK_v2_8_7_Stable\IMKit
ViewPager（一）——最简单的 ViewPage+Fragment实例
可乐淘的专栏
04-12 8755
用实例说话！ AndroidManifest.xml <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.cctvjiatao.viewpagedemo" android:versionCode="1" android:versionName="1.0" >
ViewPager和fragment的使用
棒怡情的专栏
12-21 1347
此效果是做一个viewPager里面嵌套fragment,同时viewpager有标题行可以进行点击，每个fragment里面显示TextView。通过给textView设置不同的背景颜色区分每一个fragment。 红色的表示注释 （1）布局文件 //因为viewpager是子类，所有ViewGroup可以直接写在外面，如果viewPager外面的布局什么都不写，则默认外面有个
使用PopupWindow实现功能,及步骤
Android小哥
01-01 4281
PopupWindow详细介绍: PopupWindow是一个以弹窗方式呈现的控件，可以用来显示任意视图(View)，而且会浮动在当前活动(activity)的顶部”。因此我们可以通过PopupWindow实现各种各样的弹窗效果,PopupWindow自定义布局比较方便，而且在显示位置比较自由不受限制，因此受到众多开发者的青睐。 实现效果图:   关于实现这个功能准备以下几点
popwindow+viewpager+fragment并且可以滑动的问题
qq_34884729的博客
09-25 3534
平常的viewpager+fragment滑动百度大把，但是在popwindow上的加载viewpager+fragment，那问题就来了，java.lang.IllegalArgumentException: No view found for id 0x7f0c0185 (com.nathan.hijy:id/titleLi) for fragment FourFragment{2f1acc2
安卓接入融云即时通讯的简单步骤
热门推荐
pengyu1801的专栏
04-28 1万+
首先在融云官网去注册或者登陆，然后点击我的控制台进入创建应用，如果已经有应用了，就把当前应用打开，选择 获取到App Key。融云 SDK 2.0 集成与 1.+ 的版本有一些区别， 2.0 是以项目依赖的形式加入你的项目中。 使用 Android Studio 集成融云，完成简单的单人会话，大概需要 5步：1、将 IMKitsdk 作为 Module 导入到 Project 中。2、在 ap

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值