ViewPager+Fragment的结合使用，实现QQ界面的理解

http://www.cssxt.com/html/2449/2449.html

效果如图：

实现代码解析：
MainActivity.java
1.引入布局文件
2.4个标题控件的初始化以及点击事件的监听设置
3.viewpager控件的初始化，获取Fragment对象并保存在容器中，设置viewpager的适配器和监听
4.viewpager的监听OnPageChangeListener方法的实现，主要是标题栏下的指示横线的移动操作。

package com.aven.qqdemo;

import java.util.ArrayList;

import java.util.List;

import android.content.res.Resources;

import android.os.Bundle;

import android.os.Parcelable;

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.app.FragmentTransaction;

import android.support.v4.view.ViewPager;

import android.support.v4.view.ViewPager.OnPageChangeListener;

import android.util.DisplayMetrics;

import android.util.Log;

import android.view.LayoutInflater;

import android.view.View;

import android.view.Window;

import android.view.animation.Animation;

import android.view.animation.TranslateAnimation;

import android.widget.ImageView;

import android.widget.TextView;

import com.demo.R;

/**

 * 参考原作者D.Winter基础，

 *

 * @author avenwu

 * iamavenwu@gmail.com

 *

 */

public class MainActivity extends FragmentActivity {

    private static final String TAG = "MainActivity";

    private ViewPager mPager;

    private ArrayList<Fragment> fragmentsList;

    private ImageView ivBottomLine;

    private TextView tvTabActivity, tvTabGroups, tvTabFriends, tvTabChat;

    private int currIndex = 0;

    private int bottomLineWidth;

    private int offset = 0;

    private int position_one;

    private int position_two;

    private int position_three;

    private Resources resources;

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        requestWindowFeature(Window.FEATURE_NO_TITLE);

        setContentView(R.layout.main);

        resources = getResources();

        InitWidth();

        InitTextView();

        InitViewPager();

    }

    private void InitTextView() {

        tvTabActivity = (TextView) findViewById(R.id.tv_tab_activity);

        tvTabGroups = (TextView) findViewById(R.id.tv_tab_groups);

        tvTabFriends = (TextView) findViewById(R.id.tv_tab_friends);

        tvTabChat = (TextView) findViewById(R.id.tv_tab_chat);

        tvTabActivity.setOnClickListener(new MyOnClickListener(0));

        tvTabGroups.setOnClickListener(new MyOnClickListener(1));

        tvTabFriends.setOnClickListener(new MyOnClickListener(2));

        tvTabChat.setOnClickListener(new MyOnClickListener(3));

    }

    private void InitViewPager() {

        mPager = (ViewPager) findViewById(R.id.vPager);

        fragmentsList = new ArrayList<Fragment>();

        Fragment activityfragment = TestFragment.newInstance("Hello Activity.");

        Fragment groupFragment = TestFragment.newInstance("Hello Group.");

        Fragment friendsFragment=TestFragment.newInstance("Hello Friends.");

        Fragment chatFragment=TestFragment.newInstance("Hello Chat.");

        fragmentsList.add(activityfragment);

        fragmentsList.add(groupFragment);

        fragmentsList.add(friendsFragment);

        fragmentsList.add(chatFragment);

        mPager.setAdapter(new MyFragmentPagerAdapter(getSupportFragmentManager(), fragmentsList));

        mPager.setCurrentItem(0);

        mPager.setOnPageChangeListener(new MyOnPageChangeListener());

    }

    private void InitWidth() {

        ivBottomLine = (ImageView) findViewById(R.id.iv_bottom_line);

        bottomLineWidth = ivBottomLine.getLayoutParams().width;

        Log.d(TAG, "cursor imageview width=" + bottomLineWidth);

        DisplayMetrics dm = new DisplayMetrics();

        getWindowManager().getDefaultDisplay().getMetrics(dm);

        int screenW = dm.widthPixels;

        offset = (int) ((screenW / 4.0 - bottomLineWidth) / 2);

        Log.i("MainActivity", "offset=" + offset);

        position_one = (int) (screenW / 4.0);

        position_two = position_one * 2;

        position_three = position_one * 3;

    }

    public class MyOnClickListener implements View.OnClickListener {

        private int index = 0;

        public MyOnClickListener(int i) {

            index = i;

        }

        @Override

        public void onClick(View v) {

            mPager.setCurrentItem(index);

        }

    };

    public class MyOnPageChangeListener implements OnPageChangeListener {

        @Override

        public void onPageSelected(int arg0) {

            Animation animation = null;

            switch (arg0) {

            case 0:

                if (currIndex == 1) {

                    animation = new TranslateAnimation(position_one, 0, 0, 0);

                    tvTabGroups.setTextColor(resources.getColor(R.color.lightwhite));

                } else if (currIndex == 2) {

                    animation = new TranslateAnimation(position_two, 0, 0, 0);

                    tvTabFriends.setTextColor(resources.getColor(R.color.lightwhite));

                } else if (currIndex == 3) {

                    animation = new TranslateAnimation(position_three, 0, 0, 0);

                    tvTabChat.setTextColor(resources.getColor(R.color.lightwhite));

                }

                tvTabActivity.setTextColor(resources.getColor(R.color.white));

                break;

            case 1:

                if (currIndex == 0) {

                    animation = new TranslateAnimation(0, position_one, 0, 0);

                    tvTabActivity.setTextColor(resources.getColor(R.color.lightwhite));

                } else if (currIndex == 2) {

                    animation = new TranslateAnimation(position_two, position_one, 0, 0);

                    tvTabFriends.setTextColor(resources.getColor(R.color.lightwhite));

                } else if (currIndex == 3) {

                    animation = new TranslateAnimation(position_three, position_one, 0, 0);

                    tvTabChat.setTextColor(resources.getColor(R.color.lightwhite));

                }

                tvTabGroups.setTextColor(resources.getColor(R.color.white));

                break;

            case 2:

                if (currIndex == 0) {

                    animation = new TranslateAnimation(0, position_two, 0, 0);

                    tvTabActivity.setTextColor(resources.getColor(R.color.lightwhite));

                } else if (currIndex == 1) {

                    animation = new TranslateAnimation(position_one, position_two, 0, 0);

                    tvTabGroups.setTextColor(resources.getColor(R.color.lightwhite));

                } else if (currIndex == 3) {

                    animation = new TranslateAnimation(position_three, position_two, 0, 0);

                    tvTabChat.setTextColor(resources.getColor(R.color.lightwhite));

                }

                tvTabFriends.setTextColor(resources.getColor(R.color.white));

                break;

            case 3:

                if (currIndex == 0) {

                    animation = new TranslateAnimation(0, position_three, 0, 0);

                    tvTabActivity.setTextColor(resources.getColor(R.color.lightwhite));

                } else if (currIndex == 1) {

                    animation = new TranslateAnimation(position_one, position_three, 0, 0);

                    tvTabGroups.setTextColor(resources.getColor(R.color.lightwhite));

                } else if (currIndex == 2) {

                    animation = new TranslateAnimation(position_two, position_three, 0, 0);

                    tvTabFriends.setTextColor(resources.getColor(R.color.lightwhite));

                }

                tvTabChat.setTextColor(resources.getColor(R.color.white));

                break;

            }

            currIndex = arg0;

            animation.setFillAfter(true);

            animation.setDuration(300);

            ivBottomLine.startAnimation(animation);

        }

        @Override

        public void onPageScrolled(int arg0, float arg1, int arg2) {

        }

        @Override

        public void onPageScrollStateChanged(int arg0) {

        }

    }

}

TestFragment
获取Fragment对应的布局，并且设置相应的参数。

package com.aven.qqdemo;

import com.demo.R;

import android.os.Bundle;

import android.support.v4.app.Fragment;

import android.util.Log;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.TextView;

public class TestFragment extends Fragment {

    private static final String TAG = "TestFragment";

    private String hello;// = "hello android";

    private String defaultHello = "default value";

    static TestFragment newInstance(String s) {

        TestFragment newFragment = new TestFragment();

        Bundle bundle = new Bundle();

        bundle.putString("hello", s);

        newFragment.setArguments(bundle);

        return newFragment;

    }

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        Log.d(TAG, "TestFragment-----onCreate");

        Bundle args = getArguments();

        hello = args != null ? args.getString("hello") : defaultHello;

    }

    @Override

    public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {

        Log.d(TAG, "TestFragment-----onCreateView");

        View view = inflater.inflate(R.layout.lay1, container, false);

        TextView viewhello = (TextView) view.findViewById(R.id.tv_hello);

        viewhello.setText(hello);

        return view;

    }

    @Override

    public void onDestroy() {

        super.onDestroy();

        Log.d(TAG, "TestFragment-----onDestroy");

    }

}

MyFragmentPagerAdapter
对包含Fragment对象的容器进行适配。

package com.aven.qqdemo;

import java.util.ArrayList;

import android.support.v4.app.Fragment;

import android.support.v4.app.FragmentManager;

import android.support.v4.app.FragmentPagerAdapter;

public class MyFragmentPagerAdapter extends FragmentPagerAdapter {

    private ArrayList<Fragment> fragmentsList;

    public MyFragmentPagerAdapter(FragmentManager fm) {

        super(fm);

    }

    public MyFragmentPagerAdapter(FragmentManager fm, ArrayList<Fragment> fragments) {

        super(fm);

        this.fragmentsList = fragments;

    }

    @Override

    public int getCount() {

        return fragmentsList.size();

    }

    @Override

    public Fragment getItem(int arg0) {

        return fragmentsList.get(arg0);

    }

    @Override

    public int getItemPosition(Object object) {

        return super.getItemPosition(object);

    }

}

ViewPager+Fragment的结合使用，实现QQ界面的理解的更多相关文章

ViewPager + Fragment 实现类微信界面
在如今的互联网时代,微信已是一个超级App.这篇通过ViewPager + Fragment实现一个类似于微信的界面,之前有用FragmentTabHost实现过类似界面,ViewPager的实现方式 ...
Android开发之漫漫长途 Fragment番外篇——TabLayout+ViewPager+Fragment
该文章是一个系列文章,是本人在Android开发的漫漫长途上的一点感想和记录,我会尽量按照先易后难的顺序进行编写该系列.该系列引用了<Android开发艺术探索>以及<深入理解And ...
【原创】【ViewPager+Fragment】ViewPager中切换界面Fragment被销毁的问题分析
ViewPager中切换界面Fragment被销毁的问题分析 1.使用场景 ViewPager+Fragment实现界面切换,界面数量>=3 2.Fragment生命周期以及与Activ ...
转载【ViewPager+Fragment】ViewPager中切换界面Fragment被销毁的问题分析
ViewPager中切换界面Fragment被销毁的问题分析原文链接 http://www.cnblogs.com/monodin/p/3866441.html 1.使用场景 ViewPager+ ...
Viewpager模仿微信主布局的三种方式 ViewPager,Fragment,ViewPager+FragmentPagerAdapter
效果大概就是这样很简单 : 1 创建 top 和bottom 2主界面布局添加top 和bottom 中间添加一个ViewPage 3 给ViewPager 和底部View设置点击事件源码下载 ...
Android中ViewPager+Fragment取消(禁止)预加载延迟加载(懒加载)问题解决方案
转载请注明出处:http://blog.csdn.net/linglongxin24/article/details/53205878本文出自[DylanAndroid的博客] Android中Vie ...
转：ViewPager+Fragment基本使用方法(附源码)
ViewPager+Fragment可以做出多页面滑动效果,让我们的应用程序界面操作起来更加灵活对于ViewPager和Fragment组件还不熟悉的朋友,可以先看看相关的资料首先在activit ...
使用ViewPager+Fragment来实现带滚动条的多屏滑动-IndicatorFragmentActivity
转载请注明出处:http://blog.csdn.net/singwhatiwanna/article/details/17201587 介绍在android应用中,多屏滑动是一种很常见的风格,博主 ...
仿百度壁纸客户端（一）——主框架搭建,自定义Tab+ViewPager+Fragment
仿百度壁纸客户端(一)--主框架搭建,自定义Tab+ViewPager+Fragment 百度壁纸系列仿百度壁纸客户端(一)--主框架搭建,自定义Tab + ViewPager + Fragment ...

随机推荐

Post/Redirect/Get pattern | PRG 模式
Post/Redirect/Get 是一种 web 开发设计模式,用于防止表单的重复提交. 默认情况,提交 Post 请求到服务器后,如果直接刷新浏览器,会重新在提交一次 Post 请求.在访问电商网 ...
Android Studio 遇见的第一个Error
最近在国内多次尝试在Eclipse下更新SDK无果后,最后终于通过FQ后结束了Google服务器无法访问的噩梦. 顺着墙外的梯子,一并下载Google的Android Studio尝鲜,安装成功后,就 ...
KMP学习
刚才看了(连接)写的翻译,把kmp算法的工作过程讲的很不错,kmp算法的核心是next,next为什么要那么赋值?其实就是前缀和后缀的最大匹配值,用这个值在匹配失败的时候可以跳过一个不必要的匹配. ...
B - I Hate It - hdu 1754
Description 很多学校流行一种比较的习惯.老师们很喜欢询问,从某某到某某当中,分数最高的是多少. 这让很多学生很反感. 不管你喜不喜欢,现在需要你做的是,就是按照老师的要求,写一个程序,模拟 ...
hdu3656Fire station(DLX重复覆盖 + 二分)
题目请戳这里题目大意:一个城市n个点,现在要建m个消防站,消防站建在给定的n个点中.求建m个消防站后,m个消防站要覆盖所有的n个点的覆盖半径最小. 题目分析:重复覆盖问题,DLX解决.不过要求覆盖半 ...
10、第十节课jq420151012
1.点击交替显示隐藏功能点击交替执行的:fadeToggle(1000) , slideToggle() , toggle(1000); 2.点击单独执行单独显示/隐藏:sho ...
ExecuteNonQuary接收存储过程的输出类型的变量的值
1.设置所调用的存储过程需要的参数 public decimal CreateOrder(string orderId, int userId, string address) { SqlParame ...
JavaScript网页制作特效
一.什么是JavaScript? 网页交互特效的脚本语言. 特效二.BOM对象能够使得JavaScript和浏览器进行对话. 主要是使用Window对象进行操作. History对象:历史,可以实 ...
N!水题
//题目是求N!的问题,思路:设定一个整形数组来存放每次计算过后的值有两个for循环,第一个for循环每次加进一个数然后在第二个for循环里面计算出此时的阶乘,比如9999,先给出i=2 在第二个 ...
svg text文字居中
<text x="100" y="100" text-anchor="middle" dominant-baseline=" ...

ViewPager+Fragment的结合使用，实现QQ界面的理解

ViewPager+Fragment的结合使用，实现QQ界面的理解的更多相关文章

随机推荐

热门专题