现在很多应用都在第一次启动时提供一个简要的介绍,以左右滑动的效果来介绍应用的使用和基本情况。下面将实现一个简单的Demo
首先到SDK的extra目录下找到android-support-v4.jar
首先看一下工程结构:
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<android.support.v4.view.ViewPager
android:id="@+id/guidePages"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >
<LinearLayout
android:id="@+id/viewGroup"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginBottom="15dp"
android:gravity="center_horizontal"
android:orientation="horizontal" >
</LinearLayout>
</RelativeLayout>
</FrameLayout>
然后新建page1.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" >
<ImageView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/a" >
</ImageView>
</LinearLayout>
page2.xml、page3.xml一样,只要改变图片路径就行
然后编辑Activity
public class ViewPagerActivity extends Activity {
private ViewPager viewPager;
private ArrayList<View> pageViews;
private ViewGroup main;
private ViewGroup group;
private ImageView imageView;
private ImageView[] imageViews;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.main);
LayoutInflater inflater = getLayoutInflater();
pageViews = new ArrayList<View>();
pageViews.add(inflater.inflate(R.layout.page1, null));
pageViews.add(inflater.inflate(R.layout.page2, null));
pageViews.add(inflater.inflate(R.layout.page3, null));
imageViews = new ImageView[pageViews.size()];
main = (ViewGroup)inflater.inflate(R.layout.main, null);
//group是底部导航小圆点的布局
group = (ViewGroup)main.findViewById(R.id.viewGroup);
viewPager = (ViewPager)main.findViewById(R.id.guidePages);
for (int i = 0; i < pageViews.size(); i++) {
imageView = new ImageView(ViewPagerActivity.this);
imageView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));
imageViews[i] = imageView;
if (i == 0) {
//默认选中第一张图片
imageViews[i].setBackgroundResource(R.drawable.indicator_f);
} else {
imageViews[i].setBackgroundResource(R.drawable.indicator);
}
group.addView(imageViews[i]);
}
setContentView(main);
viewPager.setAdapter(new ViewPagerAdapter());
viewPager.setOnPageChangeListener(new ViewPagerChangeListener());
}
class ViewPagerAdapter extends PagerAdapter{
@Override
public int getCount() {
return pageViews.size();
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
@Override
public void destroyItem(View arg0, int arg1, Object arg2) {
((ViewPager) arg0).removeView(pageViews.get(arg1));
}
@Override
public Object instantiateItem(View arg0, int arg1) {
((ViewPager) arg0).addView(pageViews.get(arg1));
return pageViews.get(arg1);
}
}
class ViewPagerChangeListener implements OnPageChangeListener
{
@Override
public void onPageScrollStateChanged(int arg0) {
// TODO Auto-generated method stub
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
// TODO Auto-generated method stub
}
@Override
public void onPageSelected(int position) {
for (int i = 0; i < imageViews.length; i++) {
imageViews[position].setBackgroundResource(R.drawable.indicator_f);
if (position != i) {
imageViews[i].setBackgroundResource(R.drawable.indicator);
}
}
}
}
}
运行,效果图如下,不是很美观,实际使用替换图片就行,需要源码的童鞋可以联系我。我的新浪微博 唐韧_Ryan
分享到:
相关推荐
简单实现PagerView 滑动视图 不同视图中 三种样式的ListView实现
Fragment加入Pagerview效果,多页切换TabHost
用PagerView和ListView实现表单填写功能,支持单选和多选。可以返回上一页,下一页。可以用作注册功能使用。
Android Fragment加入Pagerview效果解决滑动冲突问题
运用viewpager实现的轮播图,实现方式是一种伪无限循环,即把viewpager的当前item设置为一个很大的数,这样就实现了左右滑动,一般不会被滑到很大的数目。
一款不错的分页控件,可以实现分页功能。喜欢的或者有需要的朋友可以下载使用!
用PagerView和ListView实现表单填写功能.zip,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
Fragment加入Pagerview效果.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
NULL 博文链接:https://gzsxt.iteye.com/blog/2001953
根据网上资源修改的包含侧滑菜单,TabBar,导航Controll和PagerView的iOS应用框架,侧滑菜单可以直接控制切换TabBar Controller,可以作为iOS应用的基础框架。
PagerView的使用、PagerAdapter的使用、自定义继承自BaseAdapter的适配器
以前在玩手机qq软件的时候知道这个效果,现在终于知道怎么做了,和大家分享下
参考网上资源,仿照iOS的UIPagedViewController和PageController风格实现的android版的可分页滑动浏览数据内容的应用框架。
主要功能基本已经实现,界面美化一下就可以拿来使用,2分的资源分绝对是物有所值。
使用RollPagerView实现图片轮播效果,简单方便,不再需要复杂的代码就可以实现图片轮播
实现所有主流APP分类选择效果,纯swift,简单易用,灵活扩展..zip,A powerful and easy to use segmented view (segmentedcontrol, pagingview, pagerview, pagecontrol, categoryview) (腾讯新闻、今日头条、QQ音乐...
强大且易于使用的分段视图(segmentedcontrol,pageview,pagerview,pagecontrol,categoryview)(腾讯新闻,今日头条,淘宝,天猫,简书,微博等所有主流APP分类切换滚动视图) 与其他的同类三方库对比的优点: ...
Android ViewPager指示器 IndicatorBar
寻呼机视图 GalleryView 模拟 ViewPager