HoneyComb3.0技术系列之StackView

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; public class StackViewActivity extends Activity { @Override public void 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() { public void onClick(View view) { stackView.showPrevious(); } }); final Button nextButton = (Button) findViewById(R.id.nextButton); nextButton.setOnClickListener(new OnClickListener() { public void onClick(View view) { stackView.showNext(); } }); } private int [] 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; public class ColorAdapter extends BaseAdapter { private Context mContext; private int [] mColors; public ColorAdapter(Context context, int [] colors) { mContext = context; mColors = colors; } public int getCount() { return mColors == null ? 0 : mColors.length; } public Object getItem(int position) { return mColors == null ? null : mColors[position]; } public long 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; } }