HardBirch

Android页面左右滑动浏览图片(Gallery示例)

时间:13-07-28 栏目:android学习笔记 作者:张飞不张,文采横飞 评论:0 点击: 5,027 次

自从滑动功能出来后人们都习惯手滑来滑去,现在我做了一个简单例子,实现页面之间的左右滑动。实现的方法有很多,我这里用的是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>

声明: 本文由( 张飞不张,文采横飞 )原创编译,转载请保留链接: Android页面左右滑动浏览图片(Gallery示例)

Android页面左右滑动浏览图片(Gallery示例):等您坐沙发呢!

发表评论


QQ群互动

Linux系统与内核学习群:194051772

WP建站技术学习交流群:194062106

魔豆之路QR

魔豆的Linux内核之路

魔豆的Linux内核之路

优秀工程师当看优秀书籍

优秀程序员,要看优秀书!

赞助商广告

友荐云推荐