android5viewpager,Android_Android中ViewPager组件的基本用法及实现图片切换的示例，ViewPager是android-support-v4.jar包里 - ph...

最新推荐文章于 2024-05-10 23:35:01 发布

看来我摸

最新推荐文章于 2024-05-10 23:35:01 发布

阅读量321

点赞数

文章标签： android5viewpager

本文详细介绍了Android中ViewPager组件的使用方法，包括在布局文件中添加ViewPager，为每个页面创建布局，以及在Activity中设置Adapter。通过示例展示了如何使用ViewPager实现图片切换功能，包括创建小图标指示当前图片位置，以及监听页面切换事件。同时提供了完整的代码示例，帮助读者理解和应用ViewPager。

摘要由CSDN通过智能技术生成

Android中ViewPager组件的基本用法及实现图片切换的示例

ViewPager是android-support-v4.jar包里的组件。在布局文件里标签需要连包名一起

写全称

基本用法

ViewPager的基本用法我概括为三步

第一步在主布局文件里放一个ViewPager组件

第二步为每个页面建立布局文件，把界面写好

第三步在主Activity里获取ViewPager组件，并为它设定Adapter。

Adapter详细讲讲，ViewPager对应的Adapter继承自PagerAdapter，

也是android.support.v4.view包里的，继承类需要实现四个方法：

int getCount():返回页面数目

Object instantiateItem(ViewGroup,int position):创建position位置的页面视图，加入到ViewGroup中，并返回该视图的Key。Key可以是该视图，也可以是其他唯一与该视图对应的对象：

boolean isViewFromObject(View,Object)：判断Object所代表的Key是否对应指定的View。

void destroyItem(ViewGroup,int position,Object)：从ViewGroup里删除position位置的View。

我们先用LayoutInflater将前面为每个页面建立的界面加载进来，并放在一个ArrayList之类的容器里面。然后在PagerAdapter的这四个方法里，我们操作的，就是与这些页面对应的View。

使用ViewPager组件实现图片切换上面说的这些步骤可能听起来挺空洞的，下面我们来看这个使用ViewPager组件实现图片切换的实例：

在很多App中，尤其是第一次安装启动后，都会出现几个图片进行一些app的介绍和说明，图片可以随着滑动而切换。

我们这里利用 ViewPager组件来演示如何实现这一点。

1、创建一个app工程，默认创建一个主 Activity

2、设置该Activity的布局文件activity_main.xml内容如下：

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical" >

android:id="@+id/viewPager"

android:layout_width="match_parent"

android:layout_height="wrap_content" />

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="vertical" >

android:id="@+id/tagView"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_alignParentBottom="true"

android:layout_marginBottom="20dp"

android:gravity="center_horizontal"

android:orientation="horizontal" >

因为我们希望再切换图片上，能有一些点点形状的图标(或者数字)显示当前图片。所以这里的activity采用了FrameLayout布局(可以实现view重叠放置)。

第一个控件就是ViewPager (注意ViewPager 是在support.v4包中的，新的andorid中并没有移植该组件)。

第二个控件是放置一个RelativeLayout，其中放置一个LinearLayout(位于屏幕的底部位置)，该LinearLayout采用水平布局，用来放置小的图标。

3、准备图片

准备5张用于切换显示的图片，如 pic1.jpg、pic2.jpg、pic3.jpg、pic4.jpg、pic5.jpg，再准备两个小图标图片page_current.png、page_not_current.png。

将这些图片放到drawable-hdpi目录下(或相应尺寸的drawable目录下)。

4、编写activity的代码

package com.example.showviewpager;

import java.util.ArrayList;

import android.app.Activity;

import android.os.Bundle;

import android.support.v4.view.PagerAdapter;

import android.support.v4.view.ViewPager;

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

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ImageView;

import android.widget.ImageView.ScaleType;

import android.widget.LinearLayout;

import android.widget.LinearLayout.LayoutParams;

public class MainActivity extends Activity {

private static final int VIEW_NUM = 5;

private ViewPager viewPager;

private ImageView[] tagImageViews = new ImageView[VIEW_NUM];

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

addTagImage();

initViewPager();

}

private void addTagImage() {

LinearLayout layout = (LinearLayout)findViewById(R.id.tagView);

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(

LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);

params.setMargins(15, 0, 0, 0);

for (int i = 0; i < VIEW_NUM; i++) {

ImageView tagImageView = new ImageView(this);

tagImageView.setLayoutParams(params);

tagImageViews[i] = tagImageView;

if (i == 0) {

tagImageView.setBackgroundResource(R.drawable.page_current);

} else {

tagImageView.setBackgroundResource(R.drawable.page_not_current);

}

layout.addView(tagImageView);

}

private void initViewPager() {

viewPager = (ViewPager) findViewById(R.id.viewPager);

viewPager.setAdapter(new MyAdapter());

viewPager.setOnPageChangeListener(new OnPageChangeListener() {

@Override

public void onPageSelected(int arg0) {

for (int i = 0; i < tagImageViews.length; i++) {

if (i == arg0 % VIEW_NUM) {

tagImageViews[i].setBackgroundResource(R.drawable.page_current);

} else {

tagImageViews[i].setBackgroundResource(R.drawable.page_not_current);

}

@Override

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

}

@Override

public void onPageScrollStateChanged(int arg0) {

}

});

viewPager.setCurrentItem(0);

}

class MyAdapter extends PagerAdapter{

private ArrayList viewList;

public MyAdapter(){

viewList = new ArrayList();

viewList.add(createPagerImageView(R.drawable.pic1));

viewList.add(createPagerImageView(R.drawable.pic2));

viewList.add(createPagerImageView(R.drawable.pic3));

viewList.add(createPagerImageView(R.drawable.pic4));

viewList.add(createPagerImageView(R.drawable.pic5));

}

private View createPagerImageView(int resid){

LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);

LinearLayout layout = new LinearLayout(MainActivity.this);

layout.setLayoutParams(params);

layout.setOrientation(LinearLayout.VERTICAL);

ImageView imageView = new ImageView(MainActivity.this);

imageView.setLayoutParams(params);

imageView.setScaleType(ScaleType.CENTER_CROP);

imageView.setImageResource(resid);

layout.addView(imageView);

return layout;

}

@Override

public int getCount() {

return Integer.MAX_VALUE;

}

@Override

public boolean isViewFromObject(View arg0, Object arg1) {

return arg0 == arg1;

}

@Override

public Object instantiateItem(ViewGroup container, int position) {

((ViewPager) container).addView(viewList.get(position % VIEW_NUM),0);

return viewList.get(position % VIEW_NUM);

}

@Override

public void destroyItem(View container, int position, Object object) {

((ViewPager) container).removeView(viewList

.get(position % VIEW_NUM));

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

getMenuInflater().inflate(R.menu.main, menu);

return true;

}

@Override

public boolean onOptionsItemSelected(MenuItem item) {

int id = item.getItemId();

if (id == R.id.action_settings) {

return true;

}

return super.onOptionsItemSelected(item);

}

5、如果需要不显示activity的标题栏，可修改manifest中的activity中的配置,设置样式为：

android:theme="@android:style/Theme.Black.NoTitleBar"

package="com.example.showviewpager"

android:versionCode="1"

android:versionName="1.0" >

android:minSdkVersion="16"

android:targetSdkVersion="21" />

android:allowBackup="true"

android:icon="@drawable/ic_launcher"

android:label="@string/app_name"

android:theme="@style/AppTheme" >

android:name=".MainActivity"

android:label="@string/app_name"

android:theme="@android:style/Theme.Black.NoTitleBar" >

其它配置文件、代码等都是采用eclipse创建的默认设置。