StackView使用(堆叠列表)

李小白是一只喵

发布于 2020-04-24 08:40:22

1.5K00

代码可运行

文章被收录于专栏：算法微时光算法微时光

运行总次数：0

代码可运行

image.png

StackView

StackView也是AdapterViewAnimator的子类，它也用于显示Adapter提供的一系列View。 StackView将会以堆叠（Stack）的方式来显示多个列表项。

StackView操作

１．拖走StackView中处于顶端的View，下一个View将会显示出来。将上一个View拖进StackView，将使之显示出来。２．通过调用StackView的showNext()、showPrevious()控制显示下一个、上一个组件。

实战

xml文件：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <StackView
        android:id="@+id/stackview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <Button
        android:id="@+id/prev"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="prev"
        android:text="上一个"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/next"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0" />

    <Button
        android:id="@+id/next"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="next"
        android:text="下一个"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/prev"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0" />

</android.support.constraint.ConstraintLayout>

代码文件;

package com.example.user.picture;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterViewFlipper;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.StackView;

public class MainActivity extends AppCompatActivity {

    // 图片资源
    int[] picture = new int[]{R.drawable.p001,R.drawable.p002,
            R.drawable.p003,R.drawable.p004};
    StackView stackView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 获取stackView
        stackView = (StackView)findViewById(R.id.stackview);

        //　为获取stackView添加适配器
        BaseAdapter adapter = new BaseAdapter() {
            @Override
            public int getCount() {
                return picture.length;
            }

            @Override
            public Object getItem(int position) {
                return position;
            }

            @Override
            public long getItemId(int position) {
                return position;
            }

            @Override
            public View getView(int position, View convertView, ViewGroup parent) {
                //　创建图片控件
                ImageView imageview = new ImageView(MainActivity.this);
                //　为控件添加资源
                imageview.setImageResource(picture[position]);

                imageview.setScaleType(ImageView.ScaleType.FIT_XY);

                imageview.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                        ViewGroup.LayoutParams.MATCH_PARENT));

                return imageview;
            }
        };

        stackView.setAdapter(adapter);
    }

    // 设定按钮函数
    public void prev(View source){
        stackView.showPrevious();
    }

    // 设定按钮函数
    public void next(View source){
        stackView.showNext();
    }
}