strings.xml
-------------------------------------------------------------------------------------------------------------------------------
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="hello">com.viewpager!</string>
<string name="app_name">com.viewpager</string>
<string name="tab_1">动态</string>
<string name="tab_2">群组</string>
<string name="tab_3">好友</string>
<string name="tab_4">会话</string>
</resources>
color.xml
-------------------------------------------------------------------------------------------------------------------------------
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="lightwhite">#ddd</color>
<color name="white">#fff</color>
</resources>
activity_main.xml
-------------------------------------------------------------------------------------------------------------------------------
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:umadsdk="http://schemas.android.com/apk/res/com.LoveBus"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/top_theme_blue"
android:orientation="vertical" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="48dip" >
<ImageView
android:id="@+id/imageView1"
android:layout_width="36dip"
android:layout_height="36dip"
android:layout_gravity="center_vertical"
android:layout_marginLeft="10dip"
android:src="@drawable/headimg" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginLeft="10dip"
android:text="UserName"
android:textAppearance="?android:attr/textAppearanceLarge" />
<ImageView
android:id="@+id/imageView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:paddingLeft="10dip"
android:src="@drawable/status_online" />
</LinearLayout>
<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingBottom="5dip"
android:paddingTop="10dip" >
<TextView
android:id="@+id/tv_tab_activity"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:gravity="center"
android:text="@string/tab_1"
android:textColor="@color/white"
android:textSize="18dip" />
<TextView
android:id="@+id/tv_tab_groups"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:gravity="center"
android:text="@string/tab_2"
android:textColor="@color/lightwhite"
android:textSize="18dip" />
<TextView
android:id="@+id/tv_tab_friends"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:gravity="center"
android:text="@string/tab_3"
android:textColor="@color/lightwhite"
android:textSize="18dip" />
<TextView
android:id="@+id/tv_tab_chat"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:gravity="center"
android:text="@string/tab_4"
android:textColor="@color/lightwhite"
android:textSize="18dip" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:orientation="vertical"
android:paddingBottom="3dip" >
<ImageView
android:id="@+id/iv_bottom_line"
android:layout_width="40dip"
android:layout_height="2dip"
android:layout_marginLeft="20dip"
android:scaleType="matrix"
android:src="#fff" />
</LinearLayout>
</LinearLayout>
<android.support.v4.view.ViewPager
android:id="@+id/vPager"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_weight="1.0"
android:background="#000000"
android:flipInterval="30"
android:persistentDrawingCache="animation" />
</LinearLayout>
|
|
|
page1.xmla
-------------------------------------------------------------------------------------------------------------------------------
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<TextView
android:id="@+id/tv_hello"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView" />
</LinearLayout>
page2.xml
-------------------------------------------------------------------------------------------------------------------------------
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:background="#FF8684" >
</LinearLayout>
page3.xml
-------------------------------------------------------------------------------------------------------------------------------
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:background="#1586FF" >
</LinearLayout>
MainActivity.java
-------------------------------------------------------------------------------------------------------------------------------
package com.viewpager;
import java.util.ArrayList;
import android.content.res.Resources;
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.app.FragmentStatePagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.DisplayMetrics;
import android.util.Log;
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;
/**
*
* 项目名称：com.viewpager
* 类 名 称：MainActivity
* 类 描 述：ViewPager+Fragment整合
* 创 建 人：fy
* 创建时间：2014-3-17 下午5:04:55
* Copyright (c) 方勇-版权所有
*/
public class MainActivity extends FragmentActivity implements View.OnClickListener, OnPageChangeListener {
private static final String TAG = "fy";
/* 多页面滑动切换 */
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.activity_main);
resources = getResources();
// InitTextView();
findViews();
setListeners();
InitWidth();
InitViewPager();
}
private void findViews() {
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);
mPager = (ViewPager) findViewById(R.id.vPager);
ivBottomLine = (ImageView) findViewById(R.id.iv_bottom_line);
}
private void setListeners() {
tvTabActivity.setOnClickListener(this);
tvTabGroups.setOnClickListener(this);
tvTabFriends.setOnClickListener(this);
tvTabChat.setOnClickListener(this);
mPager.setOnPageChangeListener(this);
}
private void InitViewPager() {
fragmentsList = new ArrayList<Fragment>();
Fragment activityfragment = MyFragment.newInstance("Hello Activity.");
Fragment groupFragment = MyFragment.newInstance("Hello Group.");
Fragment friendsFragment = MyFragment.newInstance("Hello Friends.");
Fragment chatFragment = MyFragment.newInstance("Hello Chat.");
fragmentsList.add(activityfragment);
fragmentsList.add(groupFragment);
fragmentsList.add(friendsFragment);
fragmentsList.add(chatFragment);
//加载适配器数据
mPager.setAdapter(new MyAdapter(getSupportFragmentManager(), fragmentsList));
//默认选中第一个页面(动态页面)
mPager.setCurrentItem(0);
}
private void InitWidth() {
// 白色下划线宽度
bottomLineWidth = ivBottomLine.getLayoutParams().width;
Log.d(TAG, "cursor imageview width=" + bottomLineWidth);
/*A structure describing general information about a display, such as its * size, density, and font scaling.*/
DisplayMetrics dm = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);
//屏幕宽度
int screenW = dm.widthPixels;
//偏移量
offset = (int) ((screenW / 4.0 - bottomLineWidth) / 2);
Log.i("MainActivity", "offset=" + offset);
/*Change in X coordinate to apply at the start of the animation*/
position_one = (int) (screenW / 4.0);
position_two = position_one * 2;
position_three = position_one * 3;
}
@Override
public void onClick(View v) {
mPager.setCurrentItem(v.getId());
}
@Override
public void onPageScrollStateChanged(int arg0) {
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
@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(offset, 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(offset, 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(offset, 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);
}
/*
* 1、该 PagerAdapter 的实现将只保留当前页面，当页面离开视线后，就会被消除，释放其资源；
* 这么实现的好处就是当拥有大量的页面时，不必在内存中占用大量的内存
* 2、而FragmentPagerAdapter的每一个生成的 Fragment 都将保存在内存之中，
* 因此适用于那些相对静态的页，数量也比较少的那种
*/
public static class MyAdapter extends FragmentStatePagerAdapter {
private ArrayList<Fragment> fragmentsList;
public MyAdapter(FragmentManager fm) {
super(fm);
}
public MyAdapter(FragmentManager fm, ArrayList<Fragment> fragments) {
super(fm);
this.fragmentsList = fragments;
}
@Override
public int getCount() {
return fragmentsList.size();
}
@Override
public Fragment getItem(int position) {
return fragmentsList.get(position);
}
}
}
MyFragment.java
-------------------------------------------------------------------------------------------------------------------------------
package com.viewpager;
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;
/**
*
* 项目名称：com.viewpager
* 类 名 称：MyFragment
* 类 描 述：页面模板
* 创 建 人：fy
* 创建时间：2014-3-17 下午4:36:36
* Copyright (c) 方勇-版权所有
*/
public class MyFragment extends Fragment {
private static final String TAG = "fy";
private String hello;// = "hello android";
private String defaultHello = "default value";
static MyFragment newInstance(String s) {
MyFragment newFragment = new MyFragment();
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, "fy-----onCreate");
Bundle args = getArguments();
hello = args != null ? args.getString("hello") : defaultHello;
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
Log.d(TAG, "fy-----onCreateView");
View view = inflater.inflate(R.layout.page1, 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");
}
}
效果
-------------------------------------------------------------------------------------------------------------------------------
<!--EndFragment-->
相关推荐
ViewPage是Android SDK中提供的一种用于展示多个页面的控件，它允许用户通过左右滑动手势在各个页面之间切换，通常被用作应用的主要导航组件。在这个教程中，我们将深入探讨如何利用ViewPage实现手势滑动，以及在...
【ViewPage左右滑动实例详解】 ViewPage是Android开发中常用的一个组件，它允许用户通过左右滑动来浏览多个页面，常用于应用的引导页、菜单页或者展示多个相似内容的场景。本实例旨在帮助初学者理解并掌握ViewPage...
标题"viewpage嵌套listview，效果：滑动listview删除，滑动非listview区域viewpage翻页"描述的就是这样一个功能：在ViewPager中嵌套了一个ListView，ListView支持滑动删除，而当滑动到ListView之外的区域时，...
【简洁的ViewPage滑动主页Demo】是一个针对Android平台的应用开发示例，它演示了如何使用`ViewPage`组件创建一个可滑动的主页。在Android应用开发中，`ViewPage`是一个非常重要的控件，它允许用户通过左右滑动来浏览...
在Android开发中，`ViewPage`是一个非常常用的组件，它允许用户通过左右滑动来浏览多个页面，通常用于实现轮播图或者类似的功能。在这个场景中，标题"循环显示图片的ViewPage"指的是利用`ViewPage`来实现一个能够...
ViewPage 是 Android 开发中一个常用的控件，主要用于展示可以滑动切换的多个页面，比如在许多应用的底部导航栏中，我们经常会看到这样的效果。ViewPage 的无限循环模式则是让使用者在滑动到最后一页时能够无缝地...
ViewPage是Android开发中常见的一种视图组件，主要用于展示可滑动的页面集合，常用于实现类似轮播图、Tab切换等效果。在本话题中，我们将深入探讨如何利用ViewPage实现自动轮播图片的功能。 首先，理解ViewPage的...
在Android开发中，`ViewPage`是一个非常常用的组件，它允许开发者实现类似轮播图或者选项卡的效果，用户可以通过左右滑动来切换不同的页面。在这个名为"ViewPage工具（里面带有说明书）"的资源包中，显然提供了一个...
在Android开发中，`ViewPage`是一个常用的组件，用于实现页面间的滑动切换效果，常用于展示多个相似或相关的视图。在这个特定的场景中，我们讨论的是如何实现`ViewPage`的无缝循环左右滑动功能，同时结合定时器和...
在Android应用开发中，ViewPage通常用于实现页面滑动效果，常见于应用的主页或引导页。本项目“简洁的viewpage滑动主页”提供了一个基础的ViewPage实现，适用于快速构建具有滑动功能的主界面。下面我们将深入探讨这...
【ViewPage滑动切换界面】是一种常见的Android应用交互设计，用于实现类似iOS中TabBarController的效果，用户可以通过左右滑动在不同的页面间切换。ViewPage通常与ViewPagerIndicator等组件结合使用，提供更友好的...
本资源是提供给各位刚了解ViewPage使用的小伙伴。不过这个资源我按照了开发的模式，抽取了一些基类来写这个简单的功能，就当练习。希望小伙伴能看懂ViewPage的使用。代码在basedemo这个模块里面写的。而代码用...
"Android中用ViewPage实现真实翻页效果"这个主题就是关于如何在Android应用中创建类似真实书籍翻页的效果。这种效果通常被用于电子书阅读器或者滑动浏览多页面内容的应用中，给用户带来更生动和自然的互动体验。 `...
在Android开发中，`ViewPage`是一个常用的组件，用于展示可以左右滑动的多个页面，类似于iOS中的`UIPageViewController`。然而，在实际应用中，我们常常遇到`ViewPage`与内部按钮或其他可点击控件的滑动冲突问题。这...
在这个"Android viewpage分页demo"中，我们可以深入理解`ViewPager`的工作原理以及如何在实际项目中应用它。 首先，`ViewPager`是Android支持库中的一个组件，它继承自`ViewGroup`，并实现了`PagerAdapter`接口。`...
`ViewPage`是Android SDK提供的一种用于展示可滑动页面的控件，它允许用户通过左右滑动来切换不同的页面。在本教程中，我们将深入探讨如何使用`ViewPage`和`TextView`模拟实现微信的Tab滑动功能。 首先，理解`...
【标题】"ViewPage的动态删除"涉及到的是在Web开发中的一个特定概念，尤其是在使用Java Servlet和JSP技术时。ViewPage通常指的是视图页面，它是我们应用中用于展示数据和用户交互的部分。动态删除则意味着在运行时，...
【标题】"ViewPage动态添加页面"探讨 在Android应用开发中，`ViewPager`是一个非常常用的组件，它允许用户在多个视图之间滑动切换，常用于实现类似Tab页的效果或者展示大量的滚动内容。本话题将深入讲解如何利用`...
ViewPage1.31 for 360se 2.0+版，可以通过调整配置文件使插件图标显示在工具栏，也可以显示在状态栏,调整参数“Type=TOOLBAR_BUTTON;在工具栏显示”“Type=STATUSBUTTON;在状态栏显示”，使用注释符号“;”来开启...
引导页面通常用于展示新特性或吸引用户关注特定功能，而`ViewPage`是Android SDK提供的一种常用的滑动浏览组件，它允许用户通过左右滑动来切换不同的页面。然而，在实际开发中，当`ViewPage`与`ListView`或者其他的...