前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >自动图片播放器(AdapterViewFlipper)

自动图片播放器(AdapterViewFlipper)

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

image.png

目录

AdapterViewFlipper

AdapterViewFilpper 继承 了AdapterViewAnimator,它也会显示 Adapter 提供的多个 View 组件,但它每次只能显示一个View组件,程序可通过showPrevious()和showNext()方法控制该组件显示上一个、下一个组件。

AdapterViewAnimator的属性如下: 属性|功能 android:animateFirstView|设置显示组件的第一个View时是否使用动画。 android:inAnimation|设置组件显示时使用的动画。 android:loopViews|设置循环到最后一个组件时是否自动跳转到第一个组件。 android:outAnimation|设置组件隐藏时使用的动画。

实战

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">

    <AdapterViewFlipper
        android:id="@+id/afilper"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:flipInterval="5000"
        tools:layout_editor_absoluteX="0dp"
        tools:layout_editor_absoluteY="0dp" />

    <Button
        android:id="@+id/prev"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="5dp"
        android:layout_marginLeft="5dp"
        android:layout_marginTop="5dp"
        android:layout_marginEnd="291dp"
        android:layout_marginRight="291dp"
        android:text="上一个"
        android:onClick="prev"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="1.0"
        app:layout_constraintStart_toEndOf="@+id/afilper"
        app:layout_constraintTop_toBottomOf="@+id/afilper"
        app:layout_constraintVertical_bias="0.924" />

    <Button
        android:id="@+id/auto"
        android:layout_width="wrap_content"
        android:layout_height="64dp"
        android:layout_marginStart="22dp"
        android:layout_marginLeft="22dp"
        android:layout_marginTop="4dp"
        android:layout_marginEnd="155dp"
        android:layout_marginRight="155dp"
        android:text="自动播放"
        android:onClick="auto"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="1.0"
        app:layout_constraintStart_toEndOf="@+id/afilper"
        app:layout_constraintTop_toBottomOf="@+id/afilper"
        app:layout_constraintVertical_bias="0.705" />

    <Button
        android:id="@+id/next"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="200dp"
        android:layout_marginLeft="200dp"
        android:layout_marginTop="456dp"
        android:layout_marginEnd="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginBottom="7dp"
        android:text="下一个"
        android:onClick="next"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="1.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="1.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;

public class MainActivity extends AppCompatActivity {

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

        // 获取AdapterViewFlipper
        flipper = (AdapterViewFlipper)findViewById(R.id.afilper);

        // 为获取AdapterViewFlipper添加适配器
        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;
            }
        };

        flipper.setAdapter(adapter);
    }

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

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

    // 设定按钮函数
    public void auto(View source){
        flipper.startFlipping();
    }
}
运行结果

image.png

image.png

参考

Android零基础入门第49节:AdapterViewFlipper图片轮播

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

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

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

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

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