Android开发实现Gallery画廊效果的方法

作者:工程材料    来源:未知    发布时间:2019-12-18 22:27    浏览量:

(本文根据官方tutorials翻译而来)

本文实例讲述了Android开发实现Gallery画廊效果的方法。分享给大家供大家参考,具体如下:

前言

画廊 使用Gallery表示,按水平方向显示内容,并且可以用手指直接拖动图片移动,一般用来浏览图片,被选中的选项位于中间,可以响应事件显示信息。

通过官方案例学习,是最直接的方法。结合书本在此介绍一下gallery的运用。

xml布局文件基本语法

效果

<Gallery
属性列表
/>

图片 1

Gallery支持4中xml属性

涉及到的类

属性名称
描述
android:animationDuration
设置布局变化时动画的转换所需的时间(毫秒级)。仅在动画开始时计时。该值必须是整数,比如:100。
android:gravity
指定在对象的X和Y轴上如何放置内容。指定一下常量中的一个或多个(使用 “|”分割)

Constant
Value
Description
top
0×30
紧靠容器顶端,不改变其大小
bottom
0×50
紧靠容器底部,不改变其大小
left
0×03
紧靠容器左侧,不改变其大小
right
0×05
紧靠容器右侧,不改变其大小
center_vertical
0×10
垂直居中,不改变其大小
fill_vertical
0×70
垂直方向上拉伸至充满容器
center_horizontal
0×01
水平居中,不改变其大小
Fill_horizontal
0×07
水平方向上拉伸使其充满容器
center
0×11
居中对齐,不改变其大小
fill
0×77
在水平和垂直方向上拉伸,使其充满容器
clip_vertical
0×80
垂直剪切(当对象边缘超出容器的时候,将上下边缘超出的部分剪切掉)
clip_horizontal
0×08
水平剪切(当对象边缘超出容器的时候,将左右边缘超出的部分剪切掉)
android:spacing
(译者注:设置图片之间的间距)
android:unselectedAlpha
设置未选中的条目的透明度(Alpha)。该值必须是float类型,比如:“1.2”

· BaseAdapter

效果的具体实现过程

· Gallery

layout:

· ImageView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical" >
  <Gallery
    android:id="@+id/gallery"
    android:spacing="5px"     //设置列表项之间的间距为5像素
    android:unselectedAlpha="0.5" //设置未被选中的列表项的透明度
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />
</LinearLayout>

· AdapterView.OnItemClickListener

Activity:

下面是工程的结构,

package xqx;
import com.example.xqx_lianxi.R;
import android.app.Activity;
import android.content.res.TypedArray;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageView;
import android.widget.Toast;
public class MainGallery extends Activity{
   //设置画廊图片
  private int[] imageId = new int[] { R.drawable.ic_launcher,R.drawable.ic_launcher,R.drawable.ic_launcher,R.drawable.ic_launcher,R.drawable.ic_launcher,R.drawable.ic_launcher};
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    // TODO Auto-generated method stub
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main_gallery);
    //获取Gallery组件
    Gallery gallery = (Gallery) findViewById(R.id.gallery);
    BaseAdapter adapter = new BaseAdapter() {
        //获取当前选项ID
        @Override
        public long getItemId(int position) {
          return position;
        }
        //获取当前选项值
        @Override
        public Object getItem(int position) {
          return position;
        }
        //获取数量
        @Override
        public int getCount() {
          return imageId.length;
        }
      @Override
      public View getView(int position, View convertView, ViewGroup parent) {
        ImageView imageview;  //声明ImageView的对象
        if (convertView == null) {
          imageview = new ImageView(MainGallery.this); //创建ImageView的对象
          imageview.setScaleType(ImageView.ScaleType.FIT_XY); //设置缩放方式
          imageview.setLayoutParams(new Gallery.LayoutParams(500, 400));
          TypedArray typedArray = obtainStyledAttributes(R.styleable.Gallery);
          imageview.setBackgroundResource(typedArray.getResourceId(
              R.styleable.Gallery_android_galleryItemBackground,
              0));
          imageview.setPadding(5, 0, 5, 0); //设置imageview的内边距
        }
        else
        {
          imageview = (ImageView) convertView;
        }
        imageview.setImageResource(imageId[position]);
        return imageview;
      }
    };
      //将适配器与Gallery关联
      gallery.setAdapter(adapter);
      gallery.setSelection(imageId.length / 2); //默认显示的图片的id
      //画廊图片的点击事件
      gallery.setOnItemClickListener(new OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parent, View view,
            int position, long id) {
          Toast.makeText(MainGallery.this,
              "第" + String.valueOf(position+1) + "张图片被选中",
              Toast.LENGTH_SHORT).show();
        }
      });
}
}

 

最后在res/values/string.xml中添加一段代码  ,这里对应activity中的51行

图片 2

<declare-styleable name="Gallery">
    <attr name="android:galleryItemBackground" />
</declare-styleable>

新建:1)一个主activity命名为HelloGalleryActivity.java,

这样便完成了一个画廊的效果

2)一个自定义adapter命名为GalleryAdapter用于填充Gallery

效果图:

3) 在drawable里面放置使用到的图片资源

图片 3

4)在values里面新建一个xml,atrrs.xml用于定义图片的边框效果

可以看到 一共有6张图片 默认显示第4张

5)在mian.xml里面添加一个gallery。

gallery.setSelection(imageId.length / 2); //默认显示的图片的id

代码书写:

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》

在HelloGalleryActivity里面重写的onCreate()方法添加以下代码:

希望本文所述对大家Android程序设计有所帮助。

public void onCreate(Bundle savedInstanceState)
 {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    Gallery gallery = (Gallery) findViewById(R.id.gallery1);
    gallery.setAdapter(new GalleryAdapter(this));
    //下面的单击监听用于显示一个toast,作用是显示所单击的图片的下标
    gallery.setOnItemClickListener(new OnItemClickListener()
             {
           @Override
           public void onItemClick(AdapterView parent, View v, int position, long id)
              {
               Toast.makeText(HelloGalleryActivity.this, "" + position, Toast.LENGTH_SHORT).show();
              }
        });
 }

您可能感兴趣的文章:

  • Android入门之Gallery用法实例解析
  • Android 使用Gallery实现3D相册(附效果图+Demo源码)
  • Android开发学习笔记 Gallery和GridView浅析
  • Android入门之Gallery+ImageSwitcher用法实例解析
  • 怎样删除android的gallery中的图片实例说明
  • Android控件Gallery3D效果实例代码
  • Android App开发中使用RecyclerView实现Gallery画廊的实例
  • android Gallery组件实现的iPhone图片滑动效果实例
  • Android App中使用Gallery制作幻灯片播放效果
  • Android自定义HorizontalScrollView打造超强Gallery效果
  • Android编程滑动效果之Gallery仿图像集浏览实现方法
  • Android开发中画廊视图Gallery的两种使用方法分析

在GalleryAdapter里面,自动生成了一些需要重写的方法:

public class GalleryAdapter extends BaseAdapter
{
  //用于图片的背景边框
   int mGalleryItemBackground;
  //获得上下文的引用
   private Context mContext;
  //存放图片资源的整型数组
   private Integer[] mImageIds = { 

      R.drawable.sample_1, 

      R.drawable.sample_2,

      R.drawable.sample_3,
       R.drawable.sample_4, 

      R.drawable.sample_5, 

      R.drawable.sample_6,

      R.drawable.sample_7 };

  //重写构造器,
  public GalleryAdapter(Context c)
   {
     mContext = c;
     // 设置边框样式
     TypedArray a = c.obtainStyledAttributes(R.styleable.HelloGallery);
     mGalleryItemBackground = a.getResourceId(
     R.styleable.HelloGallery_android_galleryItemBackground, 0);
     a.recycle();
   }

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

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

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

  @Override
   public View getView(int position, View convertView, ViewGroup parent)
   {
     ImageView i = new ImageView(mContext);

     i.setImageResource(mImageIds[position]);
     i.setLayoutParams(new Gallery.LayoutParams(150, 100));
     i.setScaleType(ImageView.ScaleType.FIT_XY);
     i.setBackgroundResource(mGalleryItemBackground);

     return i;
   }

}

完善atrrs.xml文件:

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <declare-styleable name="HelloGallery">
   <attr name="android:galleryItemBackground" />
   </declare-styleable>
</resources>

基本上这样就OK了。

源码下载

 

上一篇:没有了
下一篇:没有了

相关新闻推荐

友情链接: 网站地图
Copyright © 2015-2019 http://www.kai-wang.com. AG亚游国际有限公司 版权所有