关于ViewPager的描述
1)ViewPager类直接继承了ViewGroup类,所有它是一个容器类,可以在其中添加其他的view类。
2)ViewPager类需要一个PagerAdapter适配器类给它提供数据。
3)ViewPager经常和Fragment一起使用,并且提供了专门的FragmentPagerAdapter和FragmentStatePagerAdapter类供Fragment中的ViewPager使用。
在编写ViewPager的应用的使用,还需要使用两个组件类分别是PagerTitleStrip类和PagerTabStrip类,PagerTitleStrip类直接继承自ViewGroup类,而PagerTabStrip类继承PagerTitleStrip类,所以这两个类也是容器类。但是有一点需要注意,在定义XML的layout的时候,这两个类必须是ViewPager标签的子标签,不然会出错。
实现步骤
1、创建一个类扩展自PagerAdapter
对于PagerAdapter类,必须至少实现如下的4个方法:
//添加view
public Object instantiateItem(ViewGroup container, int position)
//释放view
public void destroyItem(ViewGroup container, int position,Object object)
//返回view的个数
public int getCount()
//判断当前view是否为我们需要的对象
public boolean isViewFromObject(View arg0, Object arg1)
ViewPagerAdapter.java
public class ViewPagerAdapter extends PagerAdapter {
private List<View> views;
private Context context;
public ViewPagerAdapter(List<View> views,Context context){
this.context = context;
this.views=views;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
((ViewPager)container).removeView(views.get(position));
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
container.addView(views.get(position));
return views.get(position);
}
@Override
public int getCount() {
return views.size();
}
//判断当前view是否为我们需要的对象
@Override
public boolean isViewFromObject(View view, Object object) {
return (view == object);
}
}
2、创建一个类Guide来承载viewPager,将其扩展自Activity,在页面被选中时,会有小圆点显示当前被选中的pager,并自定义添加enter()方法进入应用主界面
public class Guide extends Activity implements ViewPager.OnPageChangeListener{
private ViewPager vp;
private ViewPagerAdapter viewPagerAdapter;
private List<View> views;
private ImageView[] dots;
private int[] ids= {R.id.iv1,R.id.iv2,R.id.iv3};
private Button btnEnter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.guide);
intiView();
initDots();
enter();
}
private void intiView(){
LayoutInflater inflater = LayoutInflater.from(this);
views = new ArrayList<View>();
views.add(inflater.inflate(R.layout.one,null));
views.add(inflater.inflate(R.layout.two,null));
views.add(inflater.inflate(R.layout.three,null));
viewPagerAdapter = new ViewPagerAdapter(views,this);
vp = (ViewPager) findViewById(R.id.viewpager);
vp.setAdapter(viewPagerAdapter);//获取适配器中的数据
vp.setOnPageChangeListener(this);//添加回调函数进行监听
}
private void enter(){
btnEnter = (Button) views.get(2).findViewById(R.id.btnEnter);
btnEnter.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Intent intent = new Intent(Guide.this,MainActivity.class);
startActivity(intent);
finish();
}
});
}
//初始化小圆点的ImageView
private void initDots(){
dots = new ImageView[views.size()];
for (int i = 0;i<views.size();i++){
dots[i] = (ImageView) findViewById(ids[i]);
}
}
//当页面被滑动调用
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
//当前新的页面被选中时调用
@Override
public void onPageSelected(int position) {
for (int i = 0;i< views.size();i++){
if (position == i){
//设置小圆点为选中状态
dots[i].setImageResource(R.drawable.login_point_selected);
}
else{
//设置小圆点为未选中状态
dots[i].setImageResource(R.drawable.login_point);
}
}
}
//活动状态改变时调用
@Override
public void onPageScrollStateChanged(int state) {
}
}
3、创建guide.xml,并向其添加子标签ViewPager和保存小圆点的3个ImageView
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#00000000"
android:persistentDrawingCache="animation">
</android.support.v4.view.ViewPager>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center_horizontal"
android:layout_alignParentBottom="true">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/iv1"
android:src="@drawable/login_point"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/iv2"
android:src="@drawable/login_point"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/iv3"
android:src="@drawable/login_point"/>
</LinearLayout>
</RelativeLayout>
4、创建三个view:one.xml,tow.xml,three.xml,他们的子标签是一个ImageView
one.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/guide_1"/>
</LinearLayout>
two.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/guide_2"/>
</LinearLayout>
three.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/guide_3"/>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:layout_alignParentBottom="true"
android:orientation="horizontal">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/btnEnter"
android:text="Enter"/>
</LinearLayout>
</RelativeLayout>
5、添加启动欢迎界面,在欢迎界面会停留数秒,若是第一次启动,则会跳转至引导界面,否则跳转至程序主界面
welcome
public class Welcome extends AppCompatActivity {
private static final int TIME = 10000;
private static final int GO_HOME = 1000;
private static final int GO_GUIDE = 1001;
private boolean isFirstIn = false;
private Handler handler = new Handler(){
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
switch (msg.what){
case GO_HOME:
goHome();
break;
case GO_GUIDE:
goGuide();
break;
}
}
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_welcome);
init();
}
private void init(){
//执行成功的话,会将数据保存在homeTest.xml文件中
SharedPreferences preferences = getSharedPreferences("homeTest",MODE_PRIVATE);
//第一个参数是key,第二个参数是默认值
isFirstIn = preferences.getBoolean("isFirstIn",true);
if (!isFirstIn){
handler.sendEmptyMessageDelayed(GO_HOME,TIME);
}
else {
handler.sendEmptyMessageDelayed(GO_GUIDE,TIME);
//利用edit()方法获取Editor对象
SharedPreferences.Editor editor = preferences.edit();
editor.putBoolean("isFirstIn",false);
editor.commit();
}
}
private void goHome(){
Intent intent = new Intent(Welcome.this,MainActivity.class);
startActivity(intent);
finish();
}
private void goGuide(){
Intent intent = new Intent(Welcome.this,Guide.class);
startActivity(intent);
finish();
}
}
6、activity_welcome.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
tools:context="com.example.administrator.viewpagerdemo.Welcome">
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/welcome_android"/>
</LinearLayout>
7、在manifest中,将Activity Welcome设置为启动项
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.administrator.viewpagerdemo">
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity android:name=".MainActivity"></activity>
<activity android:name=".Guide">
</activity>
<activity android:name=".Welcome">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
以上的代码是本人在看视频教程中编写的代码,纯粹之是为了记录自己的学习过程,以便在以后学习Android过程中忘记时可以再回顾