android花屏效果的实现(ViewPager的基本使用)

原创 2013年12月04日 21:14:37

1、程序运行效果图



二、代码实现

1、main.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" >

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center" >

        <android.support.v4.view.PagerTitleStrip
            android:id="@+id/pageTitleStrip"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="top" >
        </android.support.v4.view.PagerTitleStrip>
    </android.support.v4.view.ViewPager>

</RelativeLayout>


2、tab1.xml、tab2.xml、tab3.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"
    android:background="@drawable/a" >

</LinearLayout>



3、MainActivity

package com.njupt.viewpagertest3;

import java.util.ArrayList;
import java.util.List;

import android.os.Bundle;
import android.app.Activity;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.PagerTitleStrip;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;

public class MainActivity extends Activity {

	private ViewPager viewPager;
	private PagerTitleStrip pagerTitleStrip;//表示滑动的每一页的标题
	private List<View> list;//表示装载滑动的布局
	private List<String> titlelist;//表示滑动的每一页的标题...
	
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		viewPager = (ViewPager) findViewById(R.id.viewpager);
		pagerTitleStrip = (PagerTitleStrip) findViewById(R.id.pageTitleStrip);
		
		//动态加载布局...
		View view1 = LayoutInflater.from(MainActivity.this).inflate(R.layout.tab1, null);
		View view2 = LayoutInflater.from(MainActivity.this).inflate(R.layout.tab2, null);
		View view3 = LayoutInflater.from(MainActivity.this).inflate(R.layout.tab3, null);
		
		list = new ArrayList<View>();
		list.add(view1);
		list.add(view2);
		list.add(view3);
		
		titlelist = new ArrayList<String>();
		titlelist.add("章泽天1");
		titlelist.add("章泽天2");
		titlelist.add("章泽天3");
		
		viewPager.setAdapter(new MyAdapter());
		
	}

	public class MyAdapter extends PagerAdapter{

		@Override
		public int getCount() {
			return list.size();
		}

		@Override
		public void destroyItem(ViewGroup container, int position, Object object) {
			((ViewPager)container).removeView(list.get(position));
		}
		
		
		
		@Override
		public Object instantiateItem(ViewGroup container, int position) {
			((ViewPager)container).addView(list.get(position));
			return list.get(position);
		}
		
		@Override
		public CharSequence getPageTitle(int position) {
			return titlelist.get(position);
		}
		
		@Override
		public boolean isViewFromObject(View arg0, Object arg1) {
			return arg0 == arg1;
		}
		
	}
	@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;
	}

}


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Android使用ViewPager实现左右循环滑动及轮播效果

ViewPager是一个常用的android组件,不过通常我们使用ViewPager的时候不能实现左右无限循环滑动,在滑到边界的时候会看到一个不能翻页的动画,可能影响用户体验。此外,某些区域性的Vie...

Android-使用ViewPager实现高仿launcher拖动效果(转)

ViewPager是实现左右两个屏幕平滑地切换的一个类 使用ViewPager首先需要引入android-support-v4.jar这个jar包。具体ViewPager的用法 首先是...

Android使用ViewPager实现带指示点的页面导航效果

老样子,先上效果图: 参考博客:Android App 第一次打开时的引导界面 先上布局文件:其中activity_main.xml文件并没有什么作用。 activity_main.xm...
  • mate_ge
  • mate_ge
  • 2017年01月12日 18:09
  • 548

android TV开发:使用ViewPager实现图片自动轮播效果

1.实现效果:可以ViewPager的子view响应点击事件+遥控器按键从子view直接跳到旁边控件(由于gif最大只能是2M,就只能录屏时间短一点,建议csdn可以上传容量更大的图片)...

Android中如何使用ViewPager实现类似laucher左右拖动效果

现在很多Android应用在首次安装完都会有指引如何使用该应用的某些功能的指引界面,这样会获得很好的用户体验,能够帮助用户更好使用应用的某些功 能。其实该功能和Android主界面的 luncher ...

android开发之&使用ViewPager加gridView实现菜单按钮分页滑动(类似QQ表情选择翻页效果)

刚做的项目中要用到菜单分页,以前没做过,仔细想了想,既然是分页,肯定就少不了ViewPager,大家都知道gridView可以实现九宫格,刚好满足我们的需求,我做的是gridview单行显示,大家如果...

android 使用viewpager实现广告轮播效果

第一步:用viewpager实现滑动。  首先是页面布局fragment_home.xml,只定义了一个Viewpager,代码如下: xmlns:android="http://schema...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:android花屏效果的实现(ViewPager的基本使用)
举报原因:
原因补充:

(最多只允许输入30个字)