Android 圖像滑塊

Android圖像滑塊將一個(gè)完整的屏幕滑動(dòng)到另一個(gè)屏幕。愛(ài)掏網(wǎng) - it200.com圖像滑塊由支持庫(kù)提供的 ViewPager 創(chuàng)建。愛(ài)掏網(wǎng) - it200.com要實(shí)現(xiàn)圖像滑塊，您需要繼承擴(kuò)展了PagerAdapter的ViewPager類。愛(ài)掏網(wǎng) - it200.com

圖像滑塊示例

讓我們看一個(gè)Android圖像滑塊的示例。愛(ài)掏網(wǎng) - it200.com

activity_main.xml

在activity_main.xml文件中，我們將ViewPager包裝在RelativeLayout中。愛(ài)掏網(wǎng) - it200.com

文件：activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.test.imageslider.MainActivity">


    <android.support.v4.view.ViewPager
        android:id="@+id/viewPage"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

</RelativeLayout>

Activity類

文件: MainActivity.java

package com.example.test.imageslider;

import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ViewPager mViewPager = (ViewPager) findViewById(R.id.viewPage);
        ImageAdapter adapterView = new ImageAdapter(this);
        mViewPager.setAdapter(adapterView);
    }
}

圖像適配器類

現(xiàn)在創(chuàng)建一個(gè)繼承自 PagerAdapter 的圖像適配器類，用于 Android 圖像滑塊。愛(ài)掏網(wǎng) - it200.com

將一些圖像放在 drawable 文件夾中，這些圖像將用于滑動(dòng)。愛(ài)掏網(wǎng) - it200.com

文件: ImageAdapter.java

package com.example.test.imageslider;

import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

public class ImageAdapter extends PagerAdapter{
    Context mContext;

    ImageAdapter(Context context) {
        this.mContext = context;
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view == ((ImageView) object);
    }

    private int[] sliderImageId = new int[]{
            R.drawable.image1, R.drawable.image2, R.drawable.image3,R.drawable.image4, R.drawable.image5,
    };

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        ImageView imageView = new ImageView(mContext);
        imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
        imageView.setImageResource(sliderImageId[position]);
        ((ViewPager) container).addView(imageView, 0);
        return imageView;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        ((ViewPager) container).removeView((ImageView) object);
    }

    @Override
    public int getCount() {
        return sliderImageId.length;
    }
}

我們需要覆蓋PagerAdapter類的以下方法。愛(ài)掏網(wǎng) - it200.com

1. isViewFromObject(View, Object): 此方法檢查視圖是否與鍵關(guān)聯(lián)，并由instantiateItem()返回。愛(ài)掏網(wǎng) - it200.com
2. instantiateItem(ViewGroup, int): 此方法創(chuàng)建傳遞作為參數(shù)的頁(yè)面位置。愛(ài)掏網(wǎng) - it200.com
3. destroyItem(ViewGroup, int, Object): 它從容器中刪除當(dāng)前位置的頁(yè)面。愛(ài)掏網(wǎng) - it200.com在此示例中，我們只是使用removeView()來(lái)移除對(duì)象。愛(ài)掏網(wǎng) - it200.com
4. getCount(): 它返回ViewPager中可用視圖的數(shù)量。愛(ài)掏網(wǎng) - it200.com

輸出