Android页面左右滑动浏览图片（Gallery示例）

自从滑动功能出来后人们都习惯手滑来滑去，现在我做了一个简单例子，实现页面之间的左右滑动。实现的方法有很多，我这里用的是Gallery加载适配器的方法。

有图有真像：

第一界面，内容差不多，只是前面的编号不一样。

滑动过程

例子结构

一个activity

PageScrollActivity.java

 1 package com.harlan.act;
 2
 3 import java.util.ArrayList;
 4 import java.util.List;
 5 import android.app.Activity;
 6 import android.os.Bundle;
 7 import android.widget.Gallery;
 8 import com.harlan.act.adapter.PageAdapter;
 9 import com.harlan.entity.Img;
10
11 /**
12  * 页面滑动
13  * @author Harlan Song
14  * @email mark_dev@163.com
15  */
16 public class PageScrollActivity extends Activity {
17     private Gallery gallery;
18
19     @Override
20     public void onCreate(Bundle savedInstanceState) {
21         super.onCreate(savedInstanceState);
22         setContentView(R.layout.main);
23         gallery = (Gallery) findViewById(R.id.gallery1);
24         List<Img> list=new ArrayList<Img>();
25         Img img;
26         for (int i = 1; i < 11; i++) {
27             img=new Img();
28             img.setDes(i+".这种房子非常有创意，欢迎访问: http://www.mythroad.net 更多-精彩移动开发知识文章-分享！");
29             //图片就不加载了
30             list.add(img);
31         }
32         PageAdapter pageAdapter=new PageAdapter(PageScrollActivity.this, list);
33         gallery.setAdapter(pageAdapter);
34
35     }
36
37 }

gallery配置器

PageAdapter.java

 1 package com.harlan.act.adapter;
 2
 3 import java.util.List;
 4 import android.content.Context;
 5 import android.view.LayoutInflater;
 6 import android.view.View;
 7 import android.view.ViewGroup;
 8 import android.widget.BaseAdapter;
 9 import android.widget.TextView;
10 import com.harlan.act.R;
11 import com.harlan.entity.Img;
12
13 public class PageAdapter extends BaseAdapter {
14     private List<Img> list;
15     LayoutInflater inflater;
16     public PageAdapter(Context context,List<Img> list) {
17         this.list=list;
18         this.inflater=LayoutInflater.from(context);
19     }
20
21     @Override
22     public int getCount() {
23         return list.size();
24     }
25
26     @Override
27     public Object getItem(int position) {
28         return list.get(position);
29     }
30
31     @Override
32     public long getItemId(int position) {
33         return position;
34     }
35
36     @Override
37     public View getView(int position, View convertView, ViewGroup parent) {
38         CacheView cacheView;
39         if(convertView==null){
40             convertView=inflater.inflate(R.layout.item_page, null);
41             cacheView=new CacheView();
42             cacheView.tv_des=(TextView) convertView.findViewById(R.id.tv_des);
43             //cacheView.imgv_img=(ImageView) convertView.findViewById(R.id.imageView1);
44             convertView.setTag(cacheView);
45         }else{
46             cacheView=(CacheView) convertView.getTag();
47         }
48         cacheView.tv_des.setText(list.get(position).getDes());
49
50         return convertView;
51     }
52
53     private static class CacheView{
54         TextView tv_des;
55         //ImageView imgv_img;
56     }
57 }

Img.java

 1 package com.harlan.entity;
 2
 3 /**
 4  * 图片实体类
 5  * @author Harlan Song
 6  * @email mark_dev@163.com
 7  */
 8 public class Img {
 9     private String des;//描述
10     private String imgurl;//图片路径
11     public String getDes() {
12         return des;
13     }
14     public void setDes(String des) {
15         this.des = des;
16     }
17     public String getImgurl() {
18         return imgurl;
19     }
20     public void setImgurl(String imgurl) {
21         this.imgurl = imgurl;
22     }
23
24 }

main.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="fill_parent"
 4     android:layout_height="fill_parent"
 5     android:orientation="vertical" >
 6
 7     <Gallery
 8         android:id="@+id/gallery1"
 9         android:layout_width="fill_parent"
10         android:layout_height="fill_parent"
11         android:spacing="0dip" />
12
13 </LinearLayout>

item_page.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="fill_parent"
 4     android:layout_height="fill_parent"
 5     android:orientation="vertical"
 6     android:padding="5dip">
 7
 8     <ImageView
 9         android:id="@+id/imageView1"
10         android:layout_width="fill_parent"
11         android:layout_height="wrap_content"
12         android:src="@drawable/img_page"
13        />
14
15     <TextView
16         android:id="@+id/tv_des"
17         android:layout_width="wrap_content"
18         android:layout_height="wrap_content"
19         android:text="TextView"
20          />
21
22 </LinearLayout>

1.Gallery每次滑动翻一页效果

2. Gallery与ScrollView滑动冲突问题的处理

3.【完美解决冲突】Gallery与ScrollView每次滑动翻一页

4. Gallery与ScrollView的滑动效果优化

5.我的内核程序员之路(一)：《深入理解Linux内核》带我入门

Android页面左右滑动浏览图片（Gallery示例）相关推荐

利用RecyclerView实现仿陌陌滑动浏览图片
利用RecyclerView实现仿陌陌滑动浏览图片,效果如下图片效果真是太差了..主要是看这个效果..没有什么好的gif制作软件. 下面是正题. 我们利用自定义LayoutManager来实现这种类 ...
Swift - 使用CollectionView实现图片Gallery画廊效果（左右滑动浏览图片）
1,效果图 (1)图片从左至右横向排列(只有一行),通过手指拖动可以前后浏览图片. (2)视图滚动时,每张图片根据其与屏幕中心距离的不同,显示尺寸也会相应地变化.越靠近屏幕中心尺寸就越大,远离屏幕中心 ...
PhotoSwipe 滑动浏览图片插件使用方法
转载] [JS插件] PhotoSwipe 图片浏览插件使用方法一.介绍 PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone.iPad.黑莓6+,以及桌面浏览器.底层实现 ...
android 页面整体滑动,ScrollView 实现页面整体滑动
页眉整体垂直方向滑动,xml文件较为简单,只需要在需要滑动的布局文件中包裹一层ScrollView就可以实现. 示例: xmlns:app="http://schemas.android.c ...
iOS 滑动浏览图片捏合缩小放大音量线控
iPhone的成功很大一部分得益于它多点触摸的强大功能,乔布斯让人们认识到手机其实是可以不用按键和手写笔直接操作的,这不愧为一项伟大的设计.今天我们就针对iOS的触摸事件(手势操作).运动事件.远程控 ...
android 图片缩放算法,Android大图加载，缩放，滑动浏览--SubsamplingScaleImageView 源码分析大图加载...
**************这个开源项目有点大的,也不知道几篇能写完,先根据功能点分析解读********************* 1.写在前面图片浏览的坑不少,大图加载导致内存溢出的情况相信每个 ...
H5页面--Android滑动屏幕图片误触
处理移动端上点击有300ms延迟的方法,我们通常会用fastclick.js来解决,但是调用fastclick.js可能会导致另一个问题,就是在安卓端的时候,H5页面未加载完时,滑动页面如果误触图片, ...
Android Studio kotlin编程实现图片滑动浏览 stepbystep
1 基本介绍参照 kotlin官网:使用 RecyclerView 显示可滚动列表的案例实现功能:采用RecyclerView 空间实现图片和文字的滚动浏览. 在下图显示的序列中,可以看到一个填 ...
仿微信点击图片放大，并可滑动浏览效果
前言我们在微信朋友圈看别人发的带图片说说时,点击某张图片,会放大全屏显示,并且左右滑动可以切换浏览多张图片. 这种效果应用场景很多,尤其是购物和餐饮类app很常见.比如点餐软件,一般会向顾客 ...

Android页面左右滑动浏览图片（Gallery示例）

Android页面左右滑动浏览图片（Gallery示例）相关推荐

最新文章

热门文章