Android开发实现图片切换APP

本文实例为大家分享了Android开发实现图片切换APP的具体代码,供大家参考,具体内容如下

本次介绍的是关于图片切换的APP,这里实现了两种切换效果;
不同的效果针对不同的情况,两种效果的代码都会介绍:

代码-布局:

main.xml的代码:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context=".MainActivity">

 <ImageSwitcher
 android:id="@+id/is_1"
 android:layout_width="match_parent"
 android:layout_height="243dp"
 android:layout_marginTop="68dp"
 app:layout_constraintEnd_toEndOf="parent"
 app:layout_constraintHorizontal_bias="0.0"
 app:layout_constraintStart_toStartOf="parent"
 app:layout_constraintTop_toTopOf="parent" />

 <LinearLayout
 android:id="@+id/linearLayout"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_marginTop="68dp"
 android:orientation="horizontal"
 android:paddingTop="15dp"
 app:layout_constraintEnd_toEndOf="parent"
 app:layout_constraintStart_toStartOf="parent"
 app:layout_constraintTop_toBottomOf="@+id/is_1">

 <Button
  android:id="@+id/btn_previous"
  style="?android:attr/borderlessButtonStyle"
  android:layout_width="0dip"
  android:layout_height="wrap_content"
  android:layout_marginLeft="15dp"
  android:layout_marginRight="15dp"
  android:layout_weight="1"
  android:background="@drawable/shape_button_main"
  android:text="下一张"
  android:textColor="#ffffff"
  android:textSize="18dp" />

 <Button
  android:id="@+id/btn_next"
  style="?android:attr/borderlessButtonStyle"
  android:layout_width="0dip"
  android:layout_height="wrap_content"
  android:layout_marginLeft="15dp"
  android:layout_marginRight="15dp"
  android:layout_weight="1"
  android:background="@drawable/shape_button_main"
  android:text="上一张"
  android:textColor="#ffffff"
  android:textSize="18dp" />
 </LinearLayout>

 <Button
 android:id="@+id/btn_3"
 android:layout_width="176dp"
 android:layout_height="80dp"
 android:layout_marginTop="8dp"
 android:layout_marginBottom="16dp"
 android:background="@drawable/shape_button_main"
 android:text="另外一种效果"
 android:textSize="20dp"
 app:layout_constraintBottom_toBottomOf="parent"
 app:layout_constraintEnd_toEndOf="parent"
 app:layout_constraintStart_toStartOf="parent"
 app:layout_constraintTop_toBottomOf="@+id/linearLayout" />

</android.support.constraint.ConstraintLayout>

mainactivity的代码:

package com.example.wuluo.yanqi;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher;

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};//图片的id数组
 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(); //设置Factory
 }
 @Override
 public void onClick(View view) {
 if (view.getId()==R.id.btn_next){
  imageIndex++;
  if(imageIndex>3){
  imageIndex=0;
  }
  is_1.setInAnimation(this,R.anim.left_in);
  is_1.setOutAnimation(this,R.anim.right_out);
 }else if(view.getId()==R.id.btn_previous){
  imageIndex--;
  if(imageIndex<0){
  imageIndex=image.length-1;
  }
  is_1.setInAnimation(this,R.anim.right_in);
  is_1.setOutAnimation(this,R.anim.left_out);
 }else if(view.getId()==R.id.btn_3){
  Intent intent=new Intent();
  intent.setClass(this,other2.class);
  startActivity(intent);

 }
 is_1.setImageResource(image[imageIndex]);
 }

 @Override
 public View makeView() {//实现viewFactory接口.生成imageview
 ImageView imageView=new ImageView(this);
 return imageView;
 }
 private void init(){//初始化imageSwitch
 is_1.setFactory(this);
 is_1.setImageResource(image[imageIndex]);
 }

}

ViewPagerAdapter的代码:

package com.example.wuluo.yanqi;

/**
 * Created by wuluo on 2018/12/21
 */
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import java.util.ArrayList;

public class ViewPagerAdapter extends PagerAdapter {
 //界面列表
 private ArrayList<View> views;
 public ViewPagerAdapter(ArrayList<View> views) {
 this.views = views;
 }
 /**
 * 获得当前界面数
 */
 @Override
 public int getCount() {
 if (views != null) {
  return views.size();
 }
 return 0;
 }
 /**
 * 初始化position位置的界面
 */
 @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);
 }
 /**
 * 销毁position位置的界面
 */
 @Override
 public void destroyItem(View view, int position, Object arg2) {
 ((ViewPager) view).removeView(views.get(position));
 }
}

other2.xml布局的代码:

<?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=".other2">

 <android.support.v4.view.ViewPager
 android:id="@+id/viewpager"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 app:layout_constraintBottom_toBottomOf="parent"
 app:layout_constraintEnd_toEndOf="parent"
 app:layout_constraintHorizontal_bias="0.0"
 app:layout_constraintStart_toStartOf="parent"
 app:layout_constraintTop_toTopOf="parent"
 app:layout_constraintVertical_bias="0.0" />

 <LinearLayout
 android:id="@+id/ll"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentBottom="true"
 android:layout_centerHorizontal="true"
 android:layout_marginStart="8dp"
 android:layout_marginEnd="8dp"
 android:layout_marginBottom="8dp"
 android:orientation="horizontal"
 app:layout_constraintBottom_toBottomOf="@+id/viewpager"
 app:layout_constraintEnd_toEndOf="parent"
 app:layout_constraintStart_toStartOf="parent">

 <ImageView
  android:layout_width="wrap_content"
  android:layout_height="40dp"
  android:layout_gravity="center_vertical"
  android:clickable="true"
  android:padding="15.0dip"
  android:src="@drawable/point" />

 <ImageView
  android:layout_width="wrap_content"
  android:layout_height="40dp"
  android:layout_gravity="center_vertical"
  android:clickable="true"
  android:padding="15.0dip"
  android:src="@drawable/point" />

 <ImageView
  android:layout_width="wrap_content"
  android:layout_height="40dp"
  android:layout_gravity="center_vertical"
  android:clickable="true"
  android:padding="15.0dip"
  android:src="@drawable/point" />

 <ImageView
  android:layout_width="wrap_content"
  android:layout_height="40dp"
  android:layout_gravity="center_vertical"
  android:clickable="true"
  android:padding="15.0dip"
  android:src="@drawable/point" />
 </LinearLayout>
</android.support.constraint.ConstraintLayout>

other2activity的代码:

package com.example.wuluo.yanqi;

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

import java.util.ArrayList;

public class other2 extends AppCompatActivity implements View.OnClickListener,ViewPager.OnPageChangeListener{
 private ViewPager viewPager;//定义ViewPager对象
 private ViewPagerAdapter vpAdapter;//定义ViewPager适配器
 private ArrayList<View> views;//定义一个ArrayList来存放View
 private static final int[] pics = {R.drawable.one,R.drawable.two,R.drawable.san,R.drawable.si};//引导图片资源
 private ImageView[] points;//底部小点的图片
 private int currentIndex;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 ActionBar actionBar=getSupportActionBar();//
 actionBar.hide();//隐藏标题栏
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_other2);
 initView();
 initData();
 }

 private void initData() {
 LinearLayout.LayoutParams mParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT,
  LinearLayout.LayoutParams.FILL_PARENT);
 //初始化引导图片列表
 for(int i=0; i<pics.length; i++) {
  ImageView iv = new ImageView(this);
  iv.setLayoutParams(mParams);
  iv.setImageResource(pics[i]);
  views.add(iv);
 }
 viewPager.setAdapter(vpAdapter); //设置数据
 viewPager.setOnPageChangeListener(this);//设置监听
 initPoint();//初始化底部小点
 }

 private void initPoint() {
 LinearLayout linearLayout = (LinearLayout) findViewById(R.id.ll);
 points = new ImageView[pics.length];
 //循环取得小点图片
 for (int i = 0; i < pics.length; i++) {
  points[i] = (ImageView) linearLayout.getChildAt(i);//得到一个LinearLayout下面的每一个子元素
  points[i].setEnabled(true);//默认都设为灰色
  points[i].setOnClickListener(this);//给每个小点设置监听
  points[i].setTag(i);//设置位置tag,方便取出与当前位置对应
 }
 currentIndex = 0;//设置当面默认的位置
 points[currentIndex].setEnabled(false);//设置为白色,即选中状态
 }

 private void initView() {
 views = new ArrayList<View>();//实例化ArrayList对象
 viewPager = (ViewPager) findViewById(R.id.viewpager);//实例化ViewPager
 vpAdapter = new ViewPagerAdapter(views);//实例化ViewPager适配器
 }
 @Override
 public void onPageScrolled(int i, float v, int i1) {

 }

 @Override
 public void onPageSelected(int i) {
 setCurDot(i);
 }

 @Override
 public void onPageScrollStateChanged(int i) {

 }

 @Override
 public void onClick(View view) {
 int position = (Integer)view.getTag();
 setCurView(position);
 setCurDot(position);

 }

 private void setCurView(int position){
 if (position < 0 || position >= pics.length) {
  return;
 }
 viewPager.setCurrentItem(position);
 }
 private void setCurDot(int positon){
 if (positon < 0 || positon > pics.length - 1 || currentIndex == positon) {
  return;
 }
 points[positon].setEnabled(false);
 points[currentIndex].setEnabled(true);
 currentIndex = positon;
 }
}

最后的效果图:

另外一种效果图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android自定义ImageView实现点击两张图片切换效果

    笔者在做一个项目中遇到的一个小阻碍,于是就实现了这个ImageView达到开发需求 情景需求 > 点击实现图片的切换 可能有人会说了,这还不简单?为ImageView设置点击事件,然后通过重写的onClick(View v)方法判断定义的某一个flag进行图片的切换,伪代码如下: private boolean flag; public void onClick(View v){ if(flag){ mImageView.setImageResource(R.drawable.xx1); }el

  • Android基于ImageSwitcher实现图片切换功能

    左右切换图片控件大家都用ViewPager, ViewFipper比较多吧,我之前也用ViewPager实现了,使用ViewPager实现左右循环滑动图片,有兴趣的可以去看下,今天介绍的是基于ImageSwitcher实现的左右切换图片,先上截图吧 好了,接下来来看代码吧,第一张图是一个GridView,点击item跳转到第二个界面,第一个界面可以忽略,主要是讲解ImageSwitcher的左右却换图片,先看布局文件 <?xml version="1.0" encoding=&q

  • Android控件ImageSwitcher实现左右图片切换功能

    ImageSwitcher类是ViewSwitcher类的子类,它实现的效果是在完成ImageView的切换并且带有动画效果.要使用这个类需要以下两个步骤: 1)为ImageSwitcher类提供一个ViewFactory,该ViewFactory生成的View组件必须是ImageView. 2)需要切换的时候,只需要嗲用ImageSwitcher的setImageDrawable().setImageResource().setImageURL()方法即可实现切换. activity_main

  • Android UI控件之ImageSwitcher实现图片切换效果

    本文实例为大家分享了geSwitcher实现图片切换效果的具体代码,供大家参考,具体内容如下 从该名字就可以看出来,ImageSwitcher是一个图片切换控件,可以在一系列的图片中,逐张的显示特定的图片,利用该控件可以实现图片浏览器中的上一张,下一张的功能.其使用方法也较 为简单,不过需要注意的是ImageSwitcher在使用的时候需要一个ViewFactory,用来区分显示图片的容器和他的父窗口. 具体的用法直接看实例,照例,先上效果图 看看下一张的效果: 布局文件就不多谈了直接看Main

  • Android 图片切换器(dp、sp、px) 的单位转换器

    Android 图片切换器 这几天一直在整理组件想留着以后使用.还是一点一点整理吧.今天把上周整理的 ImageSwitcher 和单位转换器(dp/sp/px). 下面上内容 ImageSwitcher: 图像查看器,好像是老组件了,今天先更一个基础的组件,后期如果有时间继续扩展. 那么图像查看器,就是和 Windows 系统下的图片查看器比较类似.自带上一张和下一张的功能. 这个组件有以下几个特点,本人感觉: 1.该组件属于容器性质; 2.ImageSwitcher 本身继承了 FrameL

  • Android中使用imageviewswitcher 实现图片切换轮播导航的方法

    前面写过了使用ViewFlipper和ViewPager实现屏幕中视图切换的效果(ViewPager未实现轮播)附链接: ANDROID中使用VIEWFLIPPER类实现屏幕切换(关于坐标轴的问题已补充更改) Android 中使用 ViewPager实现屏幕页面切换和页面轮播效果 今天我们在换一种实现方式ImageViewSwitcher. ImageSwitcher是Android中控制图片展示效果的一个控件,如:幻灯片效果 ImageSwitcher粗略的理解就是ImageView的选择器

  • Android中ViewPager组件的基本用法及实现图片切换的示例

    ViewPager是android-support-v4.jar包里的组件.在布局文件里标签需要连包名一起 写全称<android.support.v4.view.ViewPager /> 基本用法 ViewPager的基本用法我概括为三步 第一步 在主布局文件里放一个ViewPager组件 第二步 为每个页面建立布局文件,把界面写好 第三步 在主Activity里获取ViewPager组件,并为它设定Adapter. Adapter详细讲讲,ViewPager对应的Adapter继承自Pag

  • Android自定义ViewPager实现个性化的图片切换效果

    第一次见到ViewPager这个控件,瞬间爱不释手,做东西的主界面通通ViewPager,以及图片切换也抛弃了ImageSwitch之类的,开始让ViewPager来做.时间长了,ViewPager的切换效果觉得枯燥,形成了审美疲劳~~我们需要改变,今天教大家如何改变ViewPager切换时的效果,实现个性化的图片切换 看一下这样效果的图片切换: 是不是比传统的效果个性很多,嘿嘿~~其实很简单,学习完这篇文章,保证你可以自定义切换效果,做出各式各样的效果. 1.制作前的分析 观察下效果图,实际上

  • Android使用ViewFlipper实现图片切换功能

    今天给大家简单的讲一下Android手势,目前市场上的App中手势的运用比较少. Android提供了两种手势: ①.Android提供了手势检测,并为手势检测提供了相应的监听器 ②.Android允许开发者添加手势,并提供了相应的API识别用户手势 在之前的一片博客我讲过如何使用ViewPager实现图片滑动切换 地址:Android使用ViewPager实现图片滑动预览效果 但是ViewPager拥有自带的手势识别,意思就是它会自动识别手势是右滑还是左滑. 今天我讲一下如何使用ViewFli

  • Android开发实现图片切换APP

    本文实例为大家分享了Android开发实现图片切换APP的具体代码,供大家参考,具体内容如下 本次介绍的是关于图片切换的APP,这里实现了两种切换效果: 不同的效果针对不同的情况,两种效果的代码都会介绍: 代码-布局: main.xml的代码: <?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android="

  • Android开发之开发者头条APP(三)实现首页

    相关阅读: Android开发之开发者头条(一)启动页实现 Android开发之开发者头条(二)实现左滑菜单 title: 带你实现开发者头条APP(三) 首页实现 tags: 轮播广告,ViewPager切换,圆形图片 grammar_cjkRuby: true 一.前言 今天实现开发者头条APP的首页.是本系列的第三篇文章,效果图如下: 从gif动态效果图中我们可以看出,最外层有三个tab(精选,订阅,发现),在精选界面顶部有一个轮播的图片广告,广告下面是一个精选文章列表. 二.外层三个ta

  • Android开发之图片旋转功能实现方法【基于Matrix】

    本文实例讲述了Android开发之图片旋转功能实现方法.分享给大家供大家参考,具体如下: 在Android中进行图像旋转需要使用Matrix,它包含了一个3*3的矩阵,专门用于进行图像变换匹配.Matrix ,中文里叫矩阵,高等数学里有介绍,在图像处理方面,主要是用于平面的缩放.平移.旋转等操作.Matrix没有机构体,它必须初始化,然后通过reset方法和set方法来实现. 首先介绍一下矩阵运算.加法和减法就不用说了,太简单了,对应位相加就好.图像处理,主要用到的是乘法 .下面是一个乘法的公式

  • Android开发实现自动切换文字TextSwitcher功能示例

    本文实例讲述了Android开发实现自动切换文字TextSwitcher功能.分享给大家供大家参考,具体如下: 介绍: 1.TextSwitcher是ViewSwicher的一个子类,继承了ViewSwicher的所有方法 2.与ViewSwitcher的另一个子类类似,TextSwitcher也有 3.ImageSwitcher不同的是:TextSwitcher的ViewFactory方法的 makeVieW() 必须放回一个TextXiew组件. 具体效果: 放射思维: 如果将其和轮播图(h

  • Android开发实现图片平移、缩放、倒影及旋转功能的方法

    本文实例讲述了Android开发实现图片平移.缩放.倒影及旋转功能的方法.分享给大家供大家参考,具体如下: 解析: 1)根据原来的图片创建新的图片 Bitmap modBm = Bitmap.createBitmap(bm.getWidth()+20, bm.getHeight()+20, bm.getConfig()); 2)设置到画布 Canvas canvas = new Canvas(modBm); 3)使用矩阵进行平移- Matrix matrix = new Matrix(); ma

  • Android开发实现图片圆角的方法

    本文讲述了Android开发实现图片圆角的方法.分享给大家供大家参考,具体如下: Bitmap myCoolBitmap = ... ; // <-- Your bitmap you want rounded int w = myCoolBitmap.getWidth(), h = myCoolBitmap.getHeight(); Bitmap rounder = Bitmap.createBitmap(w,h,Bitmap.Config.ARGB_8888); Canvas canvas =

  • Android开发之图片切割工具类定义与用法示例

    本文实例讲述了Android开发之图片切割工具类定义与用法.分享给大家供大家参考,具体如下: 该工具类比较常见于拼图游戏中使用.这里演示了类基本的定义与使用方法. 图片切割工具类定义: public class ImageSplitter { /** * 将图片切成 , piece *piece * * @param bitmap * @param piece * @return */ public static List<ImagePiece> split(Bitmap bitmap, in

  • Android开发之图片压缩实现方法分析

    本文实例讲述了Android开发之图片压缩实现方法.分享给大家供大家参考,具体如下: 由于Android本身的机制限定 由于系统对每个应用内存分配规则的限制,如果加载过大图片很有可能会导致OOM 即闪退或者卡屏现象 但是手机上拇指大小的图片,超清是完全没有必要的 这是我们就需要对 对片进行压缩处理: 大多数人采用先生成bitmap对象,反复压缩bitmap至100k一下的方法,对图片进行反复压缩,但如果是超级大图,bitmap生成本身就已经会导致OOM,所以我们应先对bitmap进行设置: pu

  • Android开发中如何去掉app标题栏的实现

    方法 一.若创建Activity时继承的是 Activity: 第一种:常用的一种方法: requestWindowFeature(Window.FEATURE_NO_TITLE);//这行代码必须写在setContentView()方法的前面 package com.wust.selfviewgroup; import androidx.appcompat.app.AppCompatActivity; import android.app.Activity; import android.os

  • Android开发实现图片大小与质量压缩及保存

    目录 Android中图片有四种属性 Android目前常用图片格式 使用 大小压缩 质量压缩 混合方式压缩 采样率压缩 图片保存到本地 Android中图片有四种属性 ALPHA_8:每个像素占用1byte内存 ARGB_4444:每个像素占用2byte内存 ARGB_8888:每个像素占用4byte内存 (默认) RGB_565:每个像素占用2byte内存 Android默认的颜色模式为ARGB_8888,这个颜色模式色彩最细腻,显示质量最高.但同样的,占用的内存也最大.所以在对图片效果不是

随机推荐