StackView堆视图实现叠放效果

最新推荐文章于 2025-05-15 10:26:41 发布

pengkv

最新推荐文章于 2025-05-15 10:26:41 发布

阅读量3.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： android UI 文章标签： stackview 叠堆视图

本文链接：https://blog.youkuaiyun.com/pengkv/article/details/47272811

android UI 专栏收录该内容

39 篇文章

订阅专栏

本文详细介绍了如何在Android应用中使用StackView组件实现图片堆叠效果。通过具体代码示例展示了如何设置布局参数、初始化组件及适配器，并加载图片资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图：

这里写图片描述

布局代码：

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

    <StackView
        android:id="@+id/mStackView"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layerType="hardware"
        android:loopViews="false" />
</LinearLayout>

页面代码：

public class StackViewActivity extends Activity {
    StackView stackView;
    int[] imageIds = new int[]{R.drawable.c1, R.drawable.c2, R.drawable.c3, R.drawable.c4};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_stack);

        stackView = (StackView) findViewById(R.id.mStackView);
        //创建一个List对象，List对象的元素是Map
        List<Map<String, Object>> listItems = new ArrayList<Map<String, Object>>();
        for (int i = 0; i < imageIds.length; i++) {
            Map<String, Object> listItem = new HashMap<String, Object>();
            listItem.put("image", imageIds[i]);
            listItems.add(listItem);
        }
        //创建一个SimpleAdapter
        SimpleAdapter simpleAdapter = new SimpleAdapter(this, listItems, R.layout.item_stack_image, new String[]{"image"}, new int[]{R.id.iv_city});
        stackView.setAdapter(simpleAdapter);
    }

}