http://www.sufeinet.com/plugin.php?id=keke_group

苏飞论坛

 找回密码
 马上注册

QQ登录

只需一步,快速开始

分布式系统框架(V2.0) 轻松承载百亿数据,千万流量!讨论专区 - 源码下载 - 官方教程

HttpHelper爬虫框架(V2.7-含.netcore) HttpHelper官方出品,爬虫框架讨论区 - 源码下载 - 在线测试和代码生成

HttpHelper爬虫类(V2.0) 开源的爬虫类,支持多种模式和属性 源码 - 代码生成器 - 讨论区 - 教程- 例子

查看: 1710|回复: 3

[新手开发之旅] Android新手开发之旅-ViewPager的用法

[复制链接]
发表于 2018-12-17 14:45:50 | 显示全部楼层 |阅读模式
本帖最后由 liu 于 2018-12-17 14:44 编辑

ViewPager的用法




ViewPager继承自ViewGroup,它的功能是可以使视图滑动,实现多页面的切换


简单举个例子看下用法,几张图片的切换:

首先在主布局中添加ViewPager:
activity_main.xml:
[XML] 纯文本查看 复制代码
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>


然后加载要显示的页卡,这里是放入了三张图片:
[Java] 纯文本查看 复制代码
 List<View> list = new ArrayList<>();
        int[] imgs = {R.drawable.img1, R.drawable.img2, R.drawable.img3};
        ViewGroup.LayoutParams layoutParams = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
        for (int i = 0; i < imgs.length; i++) {
            // 将图片装载到数组中
            ImageView imageView = new ImageView(this);
            imageView.setBackgroundResource(imgs[i]);
            imageView.setLayoutParams(layoutParams);
            list.add(imageView);
        }


最后设置适配器:
[Java] 纯文本查看 复制代码
package com.company.helloworld.firstapplication;

import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.view.ViewGroup;

import java.util.List;

/**
 * Created by Administrator on 2018/12/17.
 */

public class MyAdapter extends PagerAdapter {
    private Context context;
    private List<View> list;

    public MyAdapter(Context context, List<View> list) {
        this.context = context;
        this.list = list;
    }

    //返回的数量
    @Override
    public int getCount() {
        return list.size();
    }

    //删除页卡
    @Override
    public void destroyItem(ViewGroup arg0, int arg1, Object arg2) {
        arg0.removeView(list.get(arg1));
    }

    //添加页卡
    @Override
    public Object instantiateItem(ViewGroup arg0, int arg1) {
        arg0.addView(list.get(arg1), 0);
        return list.get(arg1);
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return (view == object);
    }
}



看下运行效果:


         x.gif





更多图片 小图 大图
组图打开中,请稍候......


1. 开通SVIP会员,免费下载本站所有源码,不限次数据,不限时间
2. 加官方QQ群,加官方微信群获取更多资源和帮助
3. 找站长苏飞做网站、商城、CRM、小程序、App、爬虫相关、项目外包等点这里
 楼主| 发表于 2018-12-17 14:46:51 | 显示全部楼层
MainActivity
[Java] 纯文本查看 复制代码
package com.company.helloworld.firstapplication;

import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    private List<View> list = new ArrayList<>();
    private int[] imgs = {R.drawable.img1, R.drawable.img2, R.drawable.img3};

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

        initView();
    }

    private void initView() {
        ViewGroup.LayoutParams layoutParams = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
        for (int i = 0; i < imgs.length; i++) {
            // 将图片装载到数组中
            ImageView imageView = new ImageView(this);
            imageView.setBackgroundResource(imgs[i]);
            imageView.setLayoutParams(layoutParams);
            list.add(imageView);
        }
        // 初始化Adapter
        MyAdapter adapter = new MyAdapter(this, list);
        ViewPager vp = (ViewPager) findViewById(R.id.vp);
        vp.setAdapter(adapter);
    }


}

发表于 2018-12-17 14:52:21 | 显示全部楼层
我只是路过打酱油的。
发表于 2018-12-17 15:12:36 | 显示全部楼层
我只是路过打酱油的。
您需要登录后才可以回帖 登录 | 马上注册

本版积分规则

QQ|手机版|小黑屋|手机版|联系我们|关于我们|广告合作|苏飞论坛 ( 豫ICP备18043678号-2)

GMT+8, 2024-3-29 20:26

© 2014-2021

快速回复 返回顶部 返回列表