Gallery实现幻灯片式的图片浏览器

58 篇文章 1 订阅

布局文件如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageSwitcher
        android:layout_width="320dp"
        android:layout_height="320dp"
        android:id="@+id/imageSwitcher"
        android:layout_marginTop="20dp"
        android:layout_gravity="center_horizontal"/>

    <Gallery
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/gallery"
        android:layout_marginTop="25dp"
        android:unselectedAlpha="0.6"
        android:spacing="3pt"
        android:layout_gravity="center_horizontal" />
</LinearLayout>

java代码如下:

package com.example.administrator.gallerytest;

import android.content.res.TypedArray;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher;

public class GalleryTest extends AppCompatActivity {
    int[] imageIds = new int[]{
            R.drawable.cat,//a picture about cat
            R.drawable.cherrytree,//a picture about cherrytree
            R.drawable.dog,//a picture about dog
            R.drawable.house,//a picture about house
            R.drawable.monkey,//a picture about monkey
            R.drawable.mountriver,//a picture about mount and river
            R.drawable.rabbit,//a picture about rabbit
            R.drawable.yellowflowers,//a picture about yellow flowers
            R.drawable.tree,//a picture about tree
            R.drawable.dragon,//a picture about dragon
            R.drawable.wolf,//a picture about wolf
            R.drawable.eagle,
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        final Gallery gallery = (Gallery)findViewById(R.id.gallery);
        //获取显示图片的ImageSwitcher对象
        final ImageSwitcher switcher = (ImageSwitcher)findViewById(R.id.imageSwitcher);
        //为ImageSwitcher对象设置ViewFactory对象
        switcher.setFactory(new ViewSwitcher.ViewFactory() {
            @Override
            public View makeView() {
                ImageView imageView = new ImageView(GalleryTest.this);
                //图像视图,用于支持 HTML <IMG> 标记。
                // 支持通过标记的 HEIGHT 和 WIDTH 属性进行缩放。如果不能加载图像,
                // 则将呈现任何通过 ALT 属性指定的文本。
                imageView.setBackgroundColor(0xff0000);
                imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
                imageView.setLayoutParams(new ImageSwitcher.LayoutParams(
                        ViewGroup.LayoutParams.WRAP_CONTENT,
                        ViewGroup.LayoutParams.WRAP_CONTENT));
                return imageView;
            }
        });
        //设置图片更换的动画效果
        switcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in));
        switcher.setOutAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_out));
        //创建一个BaseAdapter对象,该对象负责提供Gallery所显示的每张图片
        BaseAdapter adapter = new BaseAdapter() {
            //data source(数据源)<------>adapter(适配器)<------>listview(视图控件)
            @Override
            public int getCount() {
                return imageIds.length;
            }

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

            @Override
            public long getItemId(int i) {
                return i;
            }
            //该方法返回的View就代表了每个列表项
            @Override
            public View getView(int i, View view, ViewGroup viewGroup) {
                //创建一个imageView
                ImageView imageView = new ImageView(GalleryTest.this);
                imageView.setImageResource(imageIds[i % imageIds.length]);
                //设置ImageView的缩放类型
                imageView.setScaleType(ImageView.ScaleType.FIT_XY);
                //把图片按照指定的大小在View中显示,拉伸显示图片,不保持原比例,
                // 全部显示图片填满View.关键字:不保持比例,拉伸显示全图,填满ImageView
                imageView.setLayoutParams(new Gallery.LayoutParams(75, 100));
                TypedArray typedArray = obtainStyledAttributes(R.styleable.Gallery);//??????
                imageView.setBackgroundResource(typedArray.getResourceId(
                        R.styleable.Gallery_android_galleryItemBackground, 0));
                return imageView;
            }
        };
        gallery.setAdapter(adapter);
        gallery.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> adapterView, View view, int i, long l) {
                switcher.setImageResource(imageIds[i % imageIds.length]);
            }

            @Override
            public void onNothingSelected(AdapterView<?> adapterView) {
            }
        });
    }
}

图片都是自己找的,放到drawable文件夹下面。


AVD运行结果:




评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值