热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

Android中使用GridView和ImageViewSwitcher实现电子相册简单功能实例

我们在手机上查看相册时,首先看到的是网格状的图片展示界面,然后我们选择想要欣赏的照片点击进入,这样就可以全屏观看该照片,并且可以通过左右滑动

我们在手机上查看相册时,首先看到的是网格状的图片展示界面,然后我们选择想要欣赏的照片点击进入,这样就可以全屏观看该照片,并且可以通过左右滑动来切换照片。如下图的显示效果:

实现Activity之间的跳转以及照片标记位置的传递需要用到intent,并分别使用putExtra以及getExtra,传入和获取照片的标记位置。

(关于intent,后期会有专门博文介绍具体使用,请大家持续关注哦)

下面我们开始功能的实现:

第一步:Layout中建立首页GridView布局grid_layout.xml文件:

<&#63;xml version="1.0" encoding="utf-8"&#63;>

  

第二步:Layout中建立GridView布局中每个item的布局griditem_layout.xml文件:

<&#63;xml version="1.0" encoding="utf-8"&#63;>

  

这里的设置需要根据实际展示图片的宽度以及要展示的容器(手机)分辨率来设置等比例缩放,避免排版混乱的情况出现。

第三步:Layout中建立图片展示界面(包含导航圆点)布局activity_main.xml文件:

这里主布局使用FrameLayout,切换实现布局使用ImageSwitcher,导航圆点使用linearlayout实现(可通过配置文件实现):

<&#63;xml version="1.0" encoding="utf-8"&#63;>

第四步:Java中Activity的实现代码,首页GridView的实现代码GridActivity.java:

本次自定义适配器中getview方法已经优化:

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
public class GridActivity extends AppCompatActivity {
  private GridView gv;
  int[] images={R.mipmap.a1,R.mipmap.a2,R.mipmap.a3,R.mipmap.a4};
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.grid_layout);
    gv= (GridView) findViewById(R.id.gv);
    gv.setAdapter(new MyAdapter());
    //设置单击GridView中每个item的单击事件
    gv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
      @Override
      public void onItemClick(AdapterView<&#63;> parent, View view, int position, long id) {
        //使用intend获取要交互的Activity,也就是将要跳转的界面
        Intent intent = new Intent(GridActivity.this,MainActivity.class);
        //通过intent的putExtra方法获取点击图片的下标位置(用于Activity之间数据传输)
        intent.putExtra("select",position);
        //启动要交互的Activity(通过传入包含该Activity的intent)
        startActivity(intent);
      }
    });
  }
  class MyAdapter extends BaseAdapter{

    @Override
    public int getCount() {
      return images.length;
    }

    @Override
    public Object getItem(int position) {
      return images[position];
    }

    @Override
    public long getItemId(int position) {
      return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
      ViewHolder vh;
      if(cOnvertView==null){
        cOnvertView=getLayoutInflater().inflate(R.layout.griditem_layout,null);
        vh= new ViewHolder();
        vh.iv= (ImageView) convertView.findViewById(R.id.imageView);
        convertView.setTag(vh);
      }
      vh= (ViewHolder) convertView.getTag();
      vh.iv.setImageResource(images[position]);
      return convertView;
    }
    class ViewHolder{
      ImageView iv;
    }
  }
}

第五步:Java中Activity的实现代码,跳转后的ImageSwicher的实现代码MainActivity.java:

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ViewSwitcher;
import java.util.ArrayList;
/**
 * Created by panchengjia on 2016/12/05.
 */
public class MainActivity extends AppCompatActivity implements ViewSwitcher.ViewFactory,View.OnTouchListener{
  private ImageSwitcher is;//声明ImageSwitcher布局
  private LinearLayout point_layout;//声明导航圆点的布局
  //图片id数组(需要与GridActivity中的图片资源数组一一对应)
  int[] images={R.mipmap.a1,R.mipmap.a2,R.mipmap.a3,R.mipmap.a4};
  //实例化存储导航圆点的集合
  ArrayList points = new ArrayList<>();
  int index;//声明index,记录图片id数组下标
  float startX;//手指接触屏幕时X的坐标(演示左右滑动)
  float endX;//手指离开屏幕时的坐标(演示左右滑动)

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    //获取GridActivity中设置的intent
    Intent intent = getIntent();
    //获取GridActivity中得到的图片下标,并随意设置默认值
    index = intent.getIntExtra("select",0);
    is = (ImageSwitcher) findViewById(R.id.is);
    is.setFactory(this);//通过工厂实现ImageSwitcher
    initpoint();
    is.setOnTouchListener(this);//设置触摸事件
  }
  //初始化导航圆点的方法
  private void initpoint() {
    point_layout= (LinearLayout) findViewById(R.id.point_layout);
    int count = point_layout.getChildCount();//获取布局中圆点数量
    for(int i =0;i30){
        //三目运算判断当前图片已经为最后一张,则从头开始
        index = index+130){
        //三目运算判断当前图片已经为第一张,则上一张为数组内最后一张图片
        index = index-1>=0&#63;--index:images.length-1;
        is.setInAnimation(this,android.R.anim.fade_in);
        is.setOutAnimation(this,android.R.anim.fade_out);
      }
      //设置ImageSwitcher的图片资源
      is.setImageResource(images[index]);
      //调用方法设置圆点对应状态
      setImageBackground(index);
    }
    return true;
  }
}


本次代码展示到这里就结束了,按照前文所讲,大家可以尝试多种实现方法,本次使用到的intent,后面会有详细讲述,也希望大家多多支持。


推荐阅读
  • 本文介绍了使用kotlin实现动画效果的方法,包括上下移动、放大缩小、旋转等功能。通过代码示例演示了如何使用ObjectAnimator和AnimatorSet来实现动画效果,并提供了实现抖动效果的代码。同时还介绍了如何使用translationY和translationX来实现上下和左右移动的效果。最后还提供了一个anim_small.xml文件的代码示例,可以用来实现放大缩小的效果。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文讲述了如何通过代码在Android中更改Recycler视图项的背景颜色。通过在onBindViewHolder方法中设置条件判断,可以实现根据条件改变背景颜色的效果。同时,还介绍了如何修改底部边框颜色以及提供了RecyclerView Fragment layout.xml和项目布局文件的示例代码。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • Android系统移植与调试之如何修改Android设备状态条上音量加减键在横竖屏切换的时候的显示于隐藏
    本文介绍了如何修改Android设备状态条上音量加减键在横竖屏切换时的显示与隐藏。通过修改系统文件system_bar.xml实现了该功能,并分享了解决思路和经验。 ... [详细]
  • 本文介绍了Android 7的学习笔记总结,包括最新的移动架构视频、大厂安卓面试真题和项目实战源码讲义。同时还分享了开源的完整内容,并提醒读者在使用FileProvider适配时要注意不同模块的AndroidManfiest.xml中配置的xml文件名必须不同,否则会出现问题。 ... [详细]
  • Android开发实现的计时器功能示例
    本文分享了Android开发实现的计时器功能示例,包括效果图、布局和按钮的使用。通过使用Chronometer控件,可以实现计时器功能。该示例适用于Android平台,供开发者参考。 ... [详细]
  • 本文是关于自学Android的笔记,包括查看类的源码的方法,活动注册的必要性以及布局练习的重要性。通过学习本文,读者可以了解到在自学Android过程中的一些关键点和注意事项。 ... [详细]
  • Spring常用注解(绝对经典),全靠这份Java知识点PDF大全
    本文介绍了Spring常用注解和注入bean的注解,包括@Bean、@Autowired、@Inject等,同时提供了一个Java知识点PDF大全的资源链接。其中详细介绍了ColorFactoryBean的使用,以及@Autowired和@Inject的区别和用法。此外,还提到了@Required属性的配置和使用。 ... [详细]
  • 本文介绍了在Mac上安装Xamarin并使用Windows上的VS开发iOS app的方法,包括所需的安装环境和软件,以及使用Xamarin.iOS进行开发的步骤。通过这种方法,即使没有Mac或者安装苹果系统,程序员们也能轻松开发iOS app。 ... [详细]
  • 后台获取视图对应的字符串
    1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注:不会执行对应的ac ... [详细]
author-avatar
lee
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有