前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >StackView使用(堆叠列表)

StackView使用(堆叠列表)

作者头像
李小白是一只喵
发布2020-04-24 08:40:22
1.2K0
发布2020-04-24 08:40:22
举报
文章被收录于专栏:算法微时光算法微时光

image.png

目录

StackView

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

StackView操作

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

实战

xml文件:

代码语言:javascript
复制
<?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>

代码文件;

代码语言:javascript
复制
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();
    }
}
运行效果

image.png

image.png

参考

StackView实现卡片堆叠如此简单

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 目录
  • StackView
    • StackView操作
    • 实战
      • 运行效果
      • 参考
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档