时间:2021-05-20
ViewPager是android-support-v4.jar包里的组件。在布局文件里标签需要连包名一起
写全称<android.support.v4.view.ViewPager />
基本用法
ViewPager的基本用法我概括为三步
第一步 在主布局文件里放一个ViewPager组件
第二步 为每个页面建立布局文件,把界面写好
第三步 在主Activity里获取ViewPager组件,并为它设定Adapter。
Adapter详细讲讲,ViewPager对应的Adapter继承自PagerAdapter,
也是android.support.v4.view包里的,继承类需要实现四个方法:
我们先用LayoutInflater将前面为每个页面建立的界面加载进来,并放在一个ArrayList之类的容器里面。然后在PagerAdapter的这四个方法里,我们操作的,就是与这些页面对应的View。
使用ViewPager组件实现图片切换
上面说的这些步骤可能听起来挺空洞的,下面我们来看这个使用ViewPager组件实现图片切换的实例:
在很多App中,尤其是第一次安装启动后,都会出现几个图片进行一些app的介绍和说明,图片可以随着滑动而切换。
我们这里利用 ViewPager组件来演示如何实现这一点。
1、创建一个app工程,默认创建一个主 Activity
2、设置该Activity的布局文件activity_main.xml内容如下:
<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="wrap_content" /> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" > <LinearLayout 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" > </LinearLayout> </RelativeLayout> </FrameLayout>因为我们希望再切换图片上,能有一些点点形状的图标(或者数字)显示当前图片。所以这里的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<View> viewList; public MyAdapter(){ viewList = new ArrayList<View>(); 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" <?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.showviewpager" android:versionCode="1" android:versionName="1.0" > <uses-sdk android:minSdkVersion="16" android:targetSdkVersion="21" /> <application android:allowBackup="true" android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" > <activity android:name=".MainActivity" android:label="@string/app_name" android:theme="@android:style/Theme.Black.NoTitleBar" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest>
其它配置文件、代码等都是采用eclipse创建的默认设置。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
一、ViewPager的基本用法1.ViewPager概述ViewPager是android扩展包v4包中的类,这个类可以让我们左右切换当前的view。我们先来
之前写过一篇文章:Android自定义ViewPager实现个性化的图片切换效果,有朋友提出,ViewPager自带了一个setPageTransformer用
左右切换图片控件大家都用ViewPager,ViewFipper比较多吧,我之前也用ViewPager实现了,使用ViewPager实现左右循环滑动图片,有兴趣
前面写过了使用ViewFlipper和ViewPager实现屏幕中视图切换的效果(ViewPager未实现轮播)附链接:ANDROID中使用VIEWFLIPPE
在项目中用到了Android的ViewPager组件,但是发现在滑动的时候不是特别流畅,有些小的滑动无法响应,于是考虑进行优化。ViewPager手指滑动切换时