Android StackView用法

效果图

这里写图片描述

代码

首先我们看布局文件

<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;
    }
}
  • 7
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
`StackView`是一种在QML中用于管理多个页面(或视图)的组件。它提供了一种方便的方式来切换和管理这些页面。以下是一些常用的`StackView`方法: 1. `push(item)`:将一个新的页面推入到堆栈中,并切换到该页面。参数`item`可以是一个组件、一个已经创建的对象或一个URL指定的QML文件。 2. `pop()`:从堆栈中弹出当前页面,返回到上一个页面。 3. `replace(item)`:替换当前页面为一个新的页面。参数`item`可以是一个组件、一个已经创建的对象或一个URL指定的QML文件。 4. `popAll()`:从堆栈中弹出所有页面,保留初始页面。 5. `depth`:获取堆栈中当前页面的索引,即当前页面在堆栈中的深度。 这些方法可以在QML中通过`StackView`对象来调用。以下是一个简单的示例,演示了如何使用这些方法: ```qml import QtQuick 2.0 import QtQuick.Controls 2.15 ApplicationWindow { visible: true width: 400 height: 300 StackView { id: stackView anchors.fill: parent // 初始页面 initialItem: page1 Component.onCompleted: { // 将初始页面推入堆栈 stackView.push(page1); } } Button { text: "Next Page" anchors.centerIn: parent onClicked: { // 推入一个新页面 stackView.push(page2); } } Button { text: "Previous Page" anchors.centerIn: parent onClicked: { // 弹出当前页面 stackView.pop(); } } Component { id: page1 Rectangle { width: stackView.width height: stackView.height color: "lightblue" Text { text: "Page 1" font.pixelSize: 20 anchors.centerIn: parent } } } Component { id: page2 Rectangle { width: stackView.width height: stackView.height color: "lightgreen" Text { text: "Page 2" font.pixelSize: 20 anchors.centerIn: parent } } } } ``` 在上面的例子中,我们使用了两个页面(`page1`和`page2`),并通过`StackView`来管理它们。初始化时,我们将`page1`推入堆栈,并在点击按钮时,使用`stackView.push()`方法将`page2`推入堆栈。 当点击"Previous Page"按钮时,我们使用`stackView.pop()`方法弹出当前页面。 你可以根据需要调用这些方法来切换和管理不同的页面。同时,你可以根据实际需求添加更多的页面,并使用`replace()`方法来替换当前页面。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值