安卓开发实现画廊效果

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

xml布局文件基本语法

<Gallery

属性列表

/>

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”

 效果的具体实现过程

 

layout

<?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>

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行

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

 

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

效果图：

   

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

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