Android StackView

原链接：http://blog.csdn.net/mayingcai1987/article/details/6232852

1. 概述：

   StackView（堆View），一系列View的集合，这些View以层叠样式显示，并且View之间可以进行切换（切换方式有两种：（1）拖动StackView

   组件中的某一个View，（2）通过代码控制，下面介绍），这样每一个View都有机会显示给用户，供用户使用，并且在多个View切换过程中可以

   添加动画效果。

2. 效果图：

  （1）StackView默认显示效果，如下图：          

  （2）用鼠标向下拖动蓝色View，如下图：          

  （3）释放拖动的蓝色View，StackView会将下一个View切换到前台显示，如下图：          

3. 代码实现：

  （1）res/layout/main.xml实现：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"
    android:orientation = "horizontal"
    android:layout_width = "fill_parent"
    android:layout_height = "fill_parent"
    >

    <StackView
        android:id = "@+id/mStackView"
        android:layout_width = "fill_parent"
        android:layout_height = "wrap_content"
        android:loopViews = "true"
        />

    <LinearLayout
        android:orientation = "vertical"
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        >

        <Button
            android:id = "@+id/previousButton"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content"
            android:text = "前一张"
            />

        <Button
            android:id = "@+id/nextButton"
            android:layout_width = "wrap_content"
            android:layout_height = "wrap_content"
            android:text = "后一张"
            />

    </LinearLayout>

</LinearLayout>

  （2）主Activity实现：

package com.focus.stackview;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.StackView;

publicclass StackViewActivity extends Activity {

@Override
publicvoid onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

final StackView stackView = (StackView) findViewById(R.id.mStackView);

        ColorAdapter colorAdapter = new ColorAdapter(this, mColors);
        stackView.setAdapter(colorAdapter);

final Button previousButon = (Button) findViewById(R.id.previousButton);
        previousButon.setOnClickListener(new OnClickListener() {
publicvoid onClick(View view) {
                stackView.showPrevious();
            }
        });

final Button nextButton = (Button) findViewById(R.id.nextButton);
        nextButton.setOnClickListener(new OnClickListener() {
publicvoid onClick(View view) {
                stackView.showNext();
            }
        });
    }

privateint [] mColors = {Color.BLUE, Color.CYAN, Color.GRAY, Color.GREEN, Color.RED};

}

  （3）StackView的Adapter实现：

package com.focus.stackview;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;

publicclass ColorAdapter extends BaseAdapter {

private Context mContext;

privateint [] mColors;

public ColorAdapter(Context context, int [] colors) {
        mContext = context;
        mColors = colors;
    }

publicint getCount() {
return mColors == null ? 0 : mColors.length;
    }

public Object getItem(int position) {
return mColors == null ? null : mColors[position];
    }

publiclong getItemId(int position) {
return position;
    }

public View getView(int position, View cacheView, ViewGroup parent) {
        LinearLayout.LayoutParams colorLayoutParams = new LinearLayout.LayoutParams(100, 100);

        LinearLayout colorLayout = new LinearLayout(mContext);
        colorLayout.setBackgroundColor(mColors[position]);
        colorLayout.setLayoutParams(colorLayoutParams);

return colorLayout;
    }

}