博客
关于我
Android开发之图片切换的APP
阅读量:775 次
发布时间:2019-03-24

本文共 4708 字,大约阅读时间需要 15 分钟。

图片切换App实现细节整理与优化

本次介绍的图片切换App实现了两种切换效果:普通效果和特效切换。不同效果适用于不同的需求,分别展示对应的代码实现及其布局结构。

代码布局描述

主要XML代码(ActivityMain)的代码布局如下:

功能介绍与代码解读

主Activity代码实现:

public class MainActivity extends AppCompatActivity implements View.OnClickListener, ViewSwitcher.ViewFactory {    private ImageSwitcher is_1;    private Button btn_next;    private Button btn_previous;    private Button btn_3;    private int image[] = {        R.drawable.tian1, R.drawable.tian2, R.drawable.tian3, R.drawable.tian4    };    private int imageIndex = 0;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        is_1 = (ImageSwitcher) findViewById(R.id.is_1);        btn_next = (Button) findViewById(R.id.btn_next);        btn_previous = (Button) findViewById(R.id.btn_previous);        btn_3 = (Button) findViewById(R.id.btn_3);        btn_previous.setOnClickListener(this);        btn_next.setOnClickListener(this);        btn_3.setOnClickListener(this);        init();    }    @Override    public void onClick(View view) {        int id = view.getId();        if (id == R.id.btn_next) {            imageIndex = (imageIndex + 1) % image.length;            is_1.setInAnimation(this, R.anim.left_in);            is_1.setOutAnimation(this, R.anim.right_out);            is_1.setImageResource(image[imageIndex]);        } else if (id == R.id.btn_previous) {            imageIndex = (imageIndex - 1 + image.length) % image.length;            is_1.setInAnimation(this, R.anim.right_in);            is_1.setOutAnimation(this, R.anim.left_out);            is_1.setImageResource(image[imageIndex]);        } else if (id == R.id.btn_3) {            Intent intent = new Intent();            intent.setClass(this, other2.class);            startActivity(intent);        }    }    @Override    public View makeView() {        ImageView imageView = new ImageView(this);        return imageView;    }    private void init() {        is_1.setFactory(this);        is_1.setImageResource(image[imageIndex]);    }}

ViewPager适配器实现:

public class ViewPagerAdapter extends PagerAdapter {    private ArrayList
views; public ViewPagerAdapter(ArrayList
views) { this.views = views; } @Override public int getCount() { return views.size(); } @Override public Object instantiateItem(View view, int position) { ((ViewPager) view).addView(views.get(position), 0); return views.get(position); } @Override public boolean isViewFromObject(View view, Object arg1) { return (view == arg1); } @Override public void destroyItem(View view, int position, Object arg2) { ((ViewPager) view).removeView(views.get(position)); }}

另一种效果展示布局

other2布局文件:

其他特效实现代码:

public class other2 extends AppCompatActivity implements View.OnClickListener, ViewPager.OnPageChangeListener {    private ViewPager viewPager;    private ViewPagerAdapter vpAdapter;    private ArrayList
views; private int currentIndex; private static final int[] pics = {R.drawable.one, R.drawable.two, R.drawable.three, R.drawable.four}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_other2); viewPager = (ViewPager) findViewById(R.id.viewpager); vpAdapter = new ViewPagerAdapter(new ArrayList
()); viewPager.setAdapter(vpAdapter); for (int i = 0; i < pics.length; i++) { ImageView iv = new ImageView(this); LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT, LinearLayout.LayoutParams.FILL_PARENT); iv.setLayoutParams(params); iv.setImageResource(pics[i]); iv.setTag(i); views.add(iv); vpAdapter.views.add(iv); } viewPager.setOnPageChangeListener(this); currentIndex = 0; } @Override public void onClick(View view) { int position = (Integer) view.getTag(); if (position != currentIndex) { viewPager.setCurrentItem(position); currentIndex = position; updateDot(position); } } private void updateDot(int position) { for (int i = 0; i < views.size(); i++) { if (i != position) { views.get(i).setImageResource(R.drawable.default_point); } else { views.get(i).setImageResource(R.drawable.active_point); } } }}

转载地址:http://kfxkk.baihongyu.com/

你可能感兴趣的文章
mysql5.7 for windows_MySQL 5.7 for Windows 解压缩版配置安装
查看>>
Webpack 基本环境搭建
查看>>
mysql5.7 安装版 表不能输入汉字解决方案
查看>>
MySQL5.7.18主从复制搭建(一主一从)
查看>>
MySQL5.7.19-win64安装启动
查看>>
mysql5.7.19安装图解_mysql5.7.19 winx64解压缩版安装配置教程
查看>>
MySQL5.7.37windows解压版的安装使用
查看>>
mysql5.7免费下载地址
查看>>
mysql5.7命令总结
查看>>
mysql5.7安装
查看>>
mysql5.7性能调优my.ini
查看>>
MySQL5.7新增Performance Schema表
查看>>
Mysql5.7深入学习 1.MySQL 5.7 中的新增功能
查看>>
Webpack 之 basic chunk graph
查看>>
Mysql5.7版本单机版my.cnf配置文件
查看>>
mysql5.7的安装和Navicat的安装
查看>>
mysql5.7示例数据库_Linux MySQL5.7多实例数据库配置
查看>>
Mysql8 数据库安装及主从配置 | Spring Cloud 2
查看>>
mysql8 配置文件配置group 问题 sql语句group不能使用报错解决 mysql8.X版本的my.cnf配置文件 my.cnf文件 能够使用的my.cnf配置文件
查看>>
MySQL8.0.29启动报错Different lower_case_table_names settings for server (‘0‘) and data dictionary (‘1‘)
查看>>