- 浏览: 322304 次
最新评论
-
ax003d:
你好,我使用这种方法,在gridview里显示图片,当图片数量 ...
ScrollView嵌套GridView、ListView的解决办法 -
yunzhu:
Firefox下有Xmarks书签同步插件,很好用,可以方便地 ...
开发人员应该具备的工具----欲善其事,先利其器 -
mjlixm:
Android入门:ContentProvider 学习了! ...
Android入门:ContentProvider -
bluesky329:
很好收益匪浅!
一个软件工程师的经验之谈 -
qinglongyun:
每天工作4小时的程序员
ViewPager需要android-support-v4.jar这个包的支持,来自google提供的一个附加包。大家搜下即可。
ViewPager主要用来组织一组数据,并且通过左右滑动的方式来展示。
现在的大多数应用都会有一个欢迎引导页面,如图所示,通过左右滑动来告知用户一些功能特性。
这个引导图效果用ViewPager可以很轻松的实现。
正如前面所说,ViewPager是用来展示一组数据的,所以肯定需要Adapter来绑定数据和view。先写一个Adapter:
[java] view plaincopy
- package com.notice.viewpagerd;
- import java.util.List;
- import android.os.Parcelable;
- import android.support.v4.view.PagerAdapter;
- import android.support.v4.view.ViewPager;
- import android.view.View;
- public class ViewPagerAdapter extends PagerAdapter{
- //界面列表
- private List<View> views;
- public ViewPagerAdapter (List<View> views){
- this.views = views;
- }
- //销毁arg1位置的界面
- @Override
- public void destroyItem(View arg0, int arg1, Object arg2) {
- ((ViewPager) arg0).removeView(views.get(arg1));
- }
- @Override
- public void finishUpdate(View arg0) {
- // TODO Auto-generated method stub
- }
- //获得当前界面数
- @Override
- public int getCount() {
- if (views != null)
- {
- return views.size();
- }
- return 0;
- }
- //初始化arg1位置的界面
- @Override
- public Object instantiateItem(View arg0, int arg1) {
- ((ViewPager) arg0).addView(views.get(arg1), 0);
- return views.get(arg1);
- }
- //判断是否由对象生成界面
- @Override
- public boolean isViewFromObject(View arg0, Object arg1) {
- return (arg0 == arg1);
- }
- @Override
- public void restoreState(Parcelable arg0, ClassLoader arg1) {
- // TODO Auto-generated method stub
- }
- @Override
- public Parcelable saveState() {
- // TODO Auto-generated method stub
- return null;
- }
- @Override
- public void startUpdate(View arg0) {
- // TODO Auto-generated method stub
- }
- }
通过继承PagerAdapter,并实现几个我写注释的方法即可。
布局界面比较简单,加入ViewPager组件,以及底部的引导小点:
[html] view plaincopy
- <?xml version="1.0" encoding="utf-8"?>
- <RelativeLayout 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/viewpager"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- />
- <LinearLayout
- android:id="@+id/ll"
- android:orientation="horizontal"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_marginBottom="24.0dip"
- android:layout_alignParentBottom="true"
- android:layout_centerHorizontal="true">
- <ImageView
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_gravity="center_vertical"
- android:clickable="true"
- android:padding="15.0dip"
- android:src="@drawable/dot" />
- <ImageView
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_gravity="center_vertical"
- android:clickable="true"
- android:padding="15.0dip"
- android:src="@drawable/dot" />
- <ImageView
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_gravity="center_vertical"
- android:clickable="true"
- android:padding="15.0dip"
- android:src="@drawable/dot" />
- <ImageView
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_gravity="center_vertical"
- android:clickable="true"
- android:padding="15.0dip"
- android:src="@drawable/dot" />
- </LinearLayout>
- </RelativeLayout>
其中小点的图片用一个selector来控制颜色(设置item的enable为true或者false)
dot.xml:
[html] view plaincopy
- <?xml version="1.0" encoding="UTF-8"?>
- <selector
- xmlns:android="http://schemas.android.com/apk/res/android">
- <item android:state_enabled="true" android:drawable="@drawable/dark_dot" />
- <item android:state_enabled="false" android:drawable="@drawable/white_dot" />
- </selector>
下面就是写Activity了。
[java] view plaincopy
- package com.notice.viewpagerd;
- import java.util.ArrayList;
- import java.util.List;
- import android.app.Activity;
- import android.os.Bundle;
- import android.support.v4.view.ViewPager;
- import android.support.v4.view.ViewPager.OnPageChangeListener;
- import android.view.View;
- import android.view.View.OnClickListener;
- import android.widget.ImageView;
- import android.widget.LinearLayout;
- public class ViewPagerDemoActivity extends Activity implements OnClickListener, OnPageChangeListener{
- private ViewPager vp;
- private ViewPagerAdapter vpAdapter;
- private List<View> views;
- //引导图片资源
- private static final int[] pics = { R.drawable.whatsnew_00,
- R.drawable.whatsnew_01, R.drawable.whatsnew_02,
- R.drawable.whatsnew_03 };
- //底部小店图片
- private ImageView[] dots ;
- //记录当前选中位置
- private int currentIndex;
- /** Called when the activity is first created. */
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- views = new ArrayList<View>();
- LinearLayout.LayoutParams mParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,
- LinearLayout.LayoutParams.WRAP_CONTENT);
- //初始化引导图片列表
- for(int i=0; i<pics.length; i++) {
- ImageView iv = new ImageView(this);
- iv.setLayoutParams(mParams);
- iv.setImageResource(pics[i]);
- views.add(iv);
- }
- vp = (ViewPager) findViewById(R.id.viewpager);
- //初始化Adapter
- vpAdapter = new ViewPagerAdapter(views);
- vp.setAdapter(vpAdapter);
- //绑定回调
- vp.setOnPageChangeListener(this);
- //初始化底部小点
- initDots();
- }
- private void initDots() {
- LinearLayout ll = (LinearLayout) findViewById(R.id.ll);
- dots = new ImageView[pics.length];
- //循环取得小点图片
- for (int i = 0; i < pics.length; i++) {
- dots[i] = (ImageView) ll.getChildAt(i);
- dots[i].setEnabled(true);//都设为灰色
- dots[i].setOnClickListener(this);
- dots[i].setTag(i);//设置位置tag,方便取出与当前位置对应
- }
- currentIndex = 0;
- dots[currentIndex].setEnabled(false);//设置为白色,即选中状态
- }
- /**
- *设置当前的引导页
- */
- private void setCurView(int position)
- {
- if (position < 0 || position >= pics.length) {
- return;
- }
- vp.setCurrentItem(position);
- }
- /**
- *这只当前引导小点的选中
- */
- private void setCurDot(int positon)
- {
- if (positon < 0 || positon > pics.length - 1 || currentIndex == positon) {
- return;
- }
- dots[positon].setEnabled(false);
- dots[currentIndex].setEnabled(true);
- currentIndex = positon;
- }
- //当滑动状态改变时调用
- @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 arg0) {
- //设置底部小点选中状态
- setCurDot(arg0);
- }
- @Override
- public void onClick(View v) {
- int position = (Integer)v.getTag();
- setCurView(position);
- setCurDot(position);
- }
- }
注意实现OnClickListener, OnPageChangeListener接口,监听小点的点击事件以及viewPager的滑动,在相应的回调方法中设置小点的enable状态,我相信这个部分代码比我讲的清楚,就是判断当前选中的位置对相应的小点进行设置~
可以看到ViewPager还是一个非常简单,也非常实用的一个控件。
发表评论
-
Android入门:ContentProvider
2012-07-02 00:06 1890一、ContentProvider介绍 Cont ... -
Android入门:监听ContentProvider数据改变
2012-07-02 00:06 1399一、监听ContentProvider主要步骤 1 ... -
android 使用广播接收者监听短信和拦截外拨电话
2012-06-27 23:31 2186如果你想监听自己或者别人接收到的短信,设置黑名单等功能, ... -
android 广播接收者--BroadcastReceiver
2012-06-27 23:30 3513BroadcastReceiver初识: ... -
一个项目只使用一个Activity初探
2012-06-27 23:29 938提供一个简单案例: 1,新建一个项目 修改和添加 ... -
android 之访问WebService显示手机号码归属地
2012-06-27 23:27 1432发送XML 通过URL封装路径打开一个HttpURLC ... -
Android开发从入门到精通(8) _9
2012-04-24 21:45 2429Spinner 第八章(9) 在本节中将为Spinne ... -
Android开发从入门到精通(8) _8
2012-04-24 21:44 940RadioGroup 第八章(8) 在本章中将为Rad ... -
Android开发从入门到精通(8) _7
2012-04-24 21:43 915EditText 第八章(7) 在本节中,和上一节很类 ... -
Android开发从入门到精通(8) _6
2012-04-24 21:43 842CheckBox 第八章(6) 在本节中,将为Chec ... -
Android开发从入门到精通(8) _5
2012-04-24 21:42 872按钮 第八章(5) 看看下面的代码。这段代码代表了四个 ... -
Android开发从入门到精通(8) _4
2012-04-23 22:18 1007为AutoComplete创建一个 ... -
Android开发从入门到精通(8) _3
2012-04-23 22:17 1128使用菜单 第八章(3) 在本节中,你将建造一个应用 ... -
Android开发从入门到精通(8) _2
2012-04-23 22:17 1012修改AndroidManifest.xml文件 第八章( ... -
Android开发从入门到精通(8) _1
2012-04-23 22:16 836列表,菜单和其它Views 第八章(1) 关键技能 & ... -
Android开发从入门到精通(7) _8
2012-04-23 22:16 1065试试这个:修改AndoridPhoneDialer项目 ... -
Android开发从入门到精通(7) _7
2012-04-22 15:14 936执行一个EditText View 第七章(7) ... -
Android开发从入门到精通(7) _6
2012-04-22 15:13 1123修改AndroidPhoneDialer 第七章(6) ... -
Android开发从入门到精通(7) _5
2012-04-22 15:13 899编辑活动许可 第七章(5) 大多数的Activit ... -
Android开发从入门到精通(7) _4
2012-04-22 15:12 978在本节中你将会 ...
相关推荐
现在的大多数应用都会有一个欢迎引导页面如图所示通过左右滑动来告知用户一些功能特性这个引导图效果用ViewPager可以很轻松的实现 正如前面所说ViewPager是用来展示一组数据的所以肯定需要Adapter来绑定数据和v
使用ViewPager实现欢迎引导页面,几乎源码的每一行都有注释,写的通俗易懂,非常清晰。
2,3秒之后,如果是第一次加载,进入引导页面(GuideActivity),用ViewPager处理,在加载进最后一个Page的时候,有一个进入应用主界面(MainActivity)的按钮;如果不是第一次加载,直接进入主界面(MainActivity) 注意...
主要为大家详细介绍了Android UI设计与开发之使用ViewPager实现欢迎引导页面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
Android进阶篇之引导页系列之ViewPager静态引导
android ViewPager实现手机引导页
android ViewPager实现引导页效果
ViewPager+Animation实现动画引导页
Android应用源码之用ViewPager实现手动切换,用Timer + Handler实现自动切换,左右完美无限滑动效果非常平滑
android使用viewpager实现导航页面。 如果遇到中文乱码情况,请在eclipse中右击工程->Resource右侧->Text file encoding更改编码格式为UTF-8即可。
用ViewPager实现手动切换,用Timer + Handler实现自动切换,左右完美无限滑动效果非常平滑,不卡,哈哈~Fragment里面我是写了文字,大家根据自己的需求放图片,设置点击事件等等。代码都有详细的注释,如果导入工程...
Android开源框架ViewPageIndicator和ViewPager实现Tab导航
Android应用源码之Android ViewPager Fragment实现选项卡.zip
使用ViewPager + Fragment实现滑动切换页面的简单样例
android viewpager实现左右滑动的用户引导的欢迎界面
Android实现引导页(第一次打开App进入引导页,第二次直接进入APP主页面) 博客地址:http://blog.csdn.net/dickyqie/article/details/61413419
Android利用ViewPager实现类微信的左右滑动效果,详细代码注解解析setOnPageChangeListener各参数意义以及使用方法
ViewPager实现欢迎页面动画效果.zip,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。