Android StackView用法

原创 2016年05月31日 13:27:00

效果图

这里写图片描述

代码

首先我们看布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.stackviewdemo.MainActivity">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    <TextView
        android:id="@+id/textview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="25sp"
        android:textColor="#ff0000"
        android:text="当前位置"
        />
        <Button
            android:id="@+id/btn_down"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="click"
            android:text="向下轮播"
            />
        <Button
            android:id="@+id/btn_up"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="click"
            android:text="向上轮播"
            />
    </LinearLayout>
    <StackView
        android:id="@+id/stackview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:loopViews="true"
        />
</LinearLayout>

布局文件很简单,主要就是使用了一个StackView,这里我们给它加了一个属性loopViews为true,表示可以循环滑动。

然后我们看Java代码

public class MainActivity extends AppCompatActivity {

    private StackView stackView;
    private int[] imageIds = {R.drawable.ym1,R.drawable.ym2,R.drawable.ym3,R.drawable.ym4};
    private List<Integer> images = new ArrayList<>();
    private ImageAdapter imageAdapter;
    private TextView textView;
    private Timer down;
    private Timer timerup;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        stackView = (StackView) findViewById(R.id.stackview);
        textView = (TextView) findViewById(R.id.textview);
        initData();
        imageAdapter = new ImageAdapter(images, this);
        stackView.setAdapter(imageAdapter);
        stackView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                textView.setText("第"+(position+1)+"个杨幂");
            }
        });
    }
    public void initData(){
        for (int i = 0; i < imageIds.length; i++) {
            images.add(imageIds[i]);
        }
    }
    public void click(View view){
        switch (view.getId()){
            case R.id.btn_down:
                if(timerup!=null){
                    timerup.cancel();
                }
                down = new Timer();
                down.schedule(new TimerTask() {
                    @Override
                    public void run() {
                        runOnUiThread(new Runnable() {
                            @Override
                            public void run() {
                                stackView.showNext();
                            }
                        });
                    }
                },0,1000);
                break;
            case R.id.btn_up:
                if(down!=null){
                    down.cancel();
                }
                timerup = new Timer();
                timerup.schedule(new TimerTask() {
                    @Override
                    public void run() {
                        runOnUiThread(new Runnable() {
                            @Override
                            public void run() {
                                stackView.showPrevious();
                            }
                        });
                    }
                },0,1000);
                break;
        }
    }
}

给StackView设置了一个ImageAdapter

public class ImageAdapter extends BaseAdapter {
    private List<Integer> mImages;
    private Context mContext;
    public ImageAdapter(List<Integer> mImages,Context context){
        this.mImages = mImages;
        mContext = context;
    }
    @Override
    public int getCount() {
        return mImages.size();
    }

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

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ImageView imageView = new ImageView(mContext);
        imageView.setImageResource(mImages.get(position));
        return imageView;
    }
}
版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

StackView堆视图实现叠放效果

效果图:布局代码:<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout...
  • pengkv
  • pengkv
  • 2015-08-04 10:13
  • 1676

Android中StackView的使用

StackView控件是AdapterViewAnimator的子列,以堆叠的方式显示多个列表项在布局文件中加入加入一个StackView控件: <LinearLayout xmlns:androi...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

android studio StackView控件的源码解释和简单示例

本文是主要介绍Android 的stackVView控件的简单使用和源码的介绍。

Android StackView 堆叠视图

StackView 堆叠视图 有两种方式控制显示的View组件 1.触摸操作拖走StackView中处于顶端的View,下一个View将会显示出来,将上一个View拖进StackView显示其Vi...

Qt Quick之StackView详解(1)

Qt Quick中的StackView提供了一个基于堆栈的导航模型,适用于向导类、层级递进类的UI。
  • foruok
  • foruok
  • 2015-07-13 06:38
  • 10042

UIStackView教程:了解Stack View

原文链接 : UIStackView Tutorial: Introducing Stack Views 原文作者 : Jawwad Ahmad 译文出自 : 开发技术前线 www.devt...
  • kmyhy
  • kmyhy
  • 2016-01-04 15:47
  • 10385

StackView的基本功能与用法(叠在一起的图片)

StackView的基本功能与用法 下面是我们要实现的效果 通过点击上下按钮将叠在一起的图片切换到最前, 首先将布局代码定义出来,一个简单的StackView和两个Button按钮<Lin...

StackView

1 描述       StackView 和前文介绍的AdapterViewFlipper一样也继承了AdapterViewAnimator,它也会显示Adapter提供的多个View组件,也可...

StackView堆叠视图

xml布局 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http:/...

stackview 属性解析

axis属性决定stack的方向是垂直还是水平; alignment属性决定垂直于stack的axis的views的布局; distribution属性决定沿着stack的axis的views的布局;...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)