Android StackView 堆叠视图

StackView 堆叠视图

有两种方式控制显示的View组件

1.触摸操作拖走StackView中处于顶端的View,下一个View将会显示出来，将上一个View拖进StackView显示其View组件

2.调用StackView的showPrevious(),showNext()方法控制显不上一个，下一个组件

package shortcut.song.com.myapplication;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.SimpleAdapter;
import android.widget.StackView;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class StackViewActivity extends AppCompatActivity {
    private int[] images = new int[]{
            R.drawable.qiao,
            R.drawable.shui,
            R.drawable.lijiang,
            R.drawable.xiangbi,
            R.drawable.shuangta
        };
    StackView mStackView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_stack_view);
        mStackView = (StackView)findViewById(R.id.stackview);

        List<Map<String, Object>> listItems = new ArrayList<Map<String, Object>>();
        for ( int i=0; i < images.length; i++ )
        {
            Map<String, Object> item = new HashMap<String, Object>();
            item.put("image",images[i]);
            listItems.add(item);
        }
        SimpleAdapter mSimpleAdapter = new SimpleAdapter(this
                , listItems
                  ,R.layout.cell
               ,new String[]{"image"}
                  ,new int[]{R.id.cell_img});
        mStackView.setAdapter(mSimpleAdapter);
    }

    //Button的 onClick 调用方法
    public void previous (View view)
    {
        mStackView.showPrevious();
    }
    public void next (View view)
    {
        mStackView.showNext();
    }
}

layout/cell.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ImageView
        android:id="@+id/cell_img"
        android:layout_width="50dp"
        android:layout_height="50dp" />
</LinearLayout>

layout布局文件

<?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:id="@+id/activity_stack_view"
    android:layout_width="match_parent"
    android:layout_height="match_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="shortcut.song.com.myapplication.StackViewActivity">
    <StackView
        android:id="@+id/stackview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:loopViews="true"
        />
    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/stackview"
        android:layout_marginTop="100dp"
        >
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Previous"
            android:onClick="previous"
            />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Text"
            android:onClick="next"
            />
    </LinearLayout>
</RelativeLayout>