用imageswitcher和gallery实现壁纸切换效果

最新推荐文章于 2021-09-02 22:52:06 发布

木叶57

最新推荐文章于 2021-09-02 22:52:06 发布

阅读量854

点赞数

分类专栏： Android 文章标签： android 布局源码图片壁纸

本文链接：https://blog.csdn.net/u011403718/article/details/47662835

版权

Android 专栏收录该内容

58 篇文章 0 订阅

订阅专栏

用imageswitcher和gallery实现壁纸切换效果

先来张效果图

首先介绍下实现的效果：

底部图片左右滑动切换，每个item有选中效果，当item被选中后背景图跟着切换

当点击后，item上显示选择标记，并记录当前选中壁纸，当退出后，重新进入，焦点在前一次选中项上

整体思路：

1、背景用imageswitcher控件，滑动浏览图片的用gallery控件，整体用framelayout布局

2、图片源有两种模式：1.直接将图片放在drawable文件夹中，程序中用int数组就下所有图片的ID

2.从内存文件夹中获取，首先得在文件夹中扫描所有文件，将所有图片转换成bitmap格式，记录在一个 ArrayList，这样方便引用，而不用每次去内存中取

3、sharepreference记录下每次选中的结果，再次进入选中值保持为上次选中值

接下来上代码：

xml文件

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

    <ImageSwitcher
        android:id="@+id/imgswitcher"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"/>
    
    <Gallery
        android:id="@+id/gallery"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="550dp"
        android:spacing="10dp"
        android:background="@color/transparent_65" />
</FrameLayout>

每个gallery item布局文件

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <ImageView
        android:id="@+id/imageview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"/>
    <ImageView 
        android:id="@+id/check"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/select"
        android:layout_marginLeft="120dp"
        />

</FrameLayout>

activity文件

package com.lee.gallery3d;

import android.app.Activity;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnFocusChangeListener;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.view.animation.AnimationUtils;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher.ViewFactory;

public class wallpaperSetActivity extends Activity implements OnItemSelectedListener,ViewFactory,OnItemClickListener{



	private Gallery gallery;
    private ImageSwitcher imageSwitcher;
    private ImageAdapter imageAdapter;

    private int[] resIds = new int[]
    { 		R.drawable.wallpaper1,
    		R.drawable.wallpaper2,
    		R.drawable.wallpaper3,
    		R.drawable.wallpaper4,
            R.drawable.wallpaper5,
            R.drawable.wallpaper6};

    public class ImageAdapter extends BaseAdapter
    {
    	private int select;
    	private int ischeck;
    	int mGalleryItemBackground;
        private Context mContext;
        private LayoutInflater mInflater;
        
        public ImageAdapter(Context context)
        {
            mContext = context;
            //Bitmap bmp = ((BitmapDrawable) getResources().getDrawable(R.drawable.c)).getBitmap(); 
            TypedArray typedArray = obtainStyledAttributes(R.styleable.Gallery);
            mGalleryItemBackground = typedArray.getResourceId(
                    R.styleable.Gallery_android_galleryItemBackground, 0);  
            typedArray.recycle();
            mInflater = LayoutInflater.from(context);
        }
        // 第1点改进，返回一个很大的值，例如，Integer.MAX_VALUE
        public int getCount()
        {
            return resIds.length;
        }

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

        public long getItemId(int position)
        {
            return position;
        }
 
        public View getView(int position, View view, ViewGroup parent)
        {
           /* ImageView imageView = new ImageView(mContext);
                // 第2点改进，通过取余来循环取得resIds数组中的图像资源ID
            //imageView.setImageResource(resIds[position % resIds.length]);
            imageView.setImageResource(resIds[position]);
            imageView.setScaleType(ImageView.ScaleType.FIT_XY);
            imageView.setLayoutParams(new Gallery.LayoutParams(200, 150));
            if(select == position){
            	imageView.setBackgroundResource(R.drawable.focus);
            }else{
            	imageView.setBackgroundResource(R.drawable.grey_focus);
            }
            return imageView;*/
            
          //自定义layout
            ViewHolder holder;
            if(view==null){
            	view = mInflater.inflate(R.layout.gallery_tiem, null);
            	holder = new ViewHolder();
            	holder.imageview = (ImageView)view.findViewById(R.id.imageview);
            	holder.check = (ImageView)view.findViewById(R.id.check);
            	view.setTag(holder);
            }else{
            	holder = (ViewHolder)view.getTag();
            }
            holder.imageview.setImageResource(resIds[position]);
            holder.imageview.setScaleType(ImageView.ScaleType.FIT_XY);
            view.setLayoutParams(new Gallery.LayoutParams(200, 150));
            if(select == position){
               // holder.imageview.setBackgroundResource(R.drawable.focus);
                view.setBackgroundResource(R.drawable.focus);
            }else{
                //holder.imageview.setBackgroundResource(R.drawable.grey_focus);
                view.setBackgroundResource(R.drawable.grey_focus);
            }
            if(ischeck==position){
            	holder.check.setVisibility(View.VISIBLE);
            }else{
            	holder.check.setVisibility(View.INVISIBLE);
            }
            
        	return view;   
            
        }
        public class ViewHolder {
        	ImageView imageview;
        	ImageView check;
    	}
        public void setSelectItem(int selectItem) {  
            if (this.select != selectItem) {                  
            this.select = selectItem;  
            notifyDataSetChanged();                 
            }  
        }
        public void setCheckItem(int checkItem) {  
            if (this.ischeck!= checkItem) {                  
            this.ischeck = checkItem;  
            notifyDataSetChanged();                 
            }  
        } 
    }

    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position,long id)
    {
        // 选中Gallery中某个图像时，在ImageSwitcher组件中放大显示该图像
        imageSwitcher.setImageResource(resIds[position]);
        imageAdapter.setSelectItem(position); 
    }
    
    @Override
    public void onNothingSelected(AdapterView<?> parent)
    {
    }
    
    @Override
    // ImageSwitcher组件需要这个方法来创建一个View对象（一般为ImageView对象）
    //  来显示图像
    public View makeView()
    {
        ImageView imageView = new ImageView(this);
        imageView.setBackgroundColor(0xFF000000);
        imageView.setScaleType(ImageView.ScaleType.FIT_XY);
        imageView.setLayoutParams(new ImageSwitcher.LayoutParams(
                LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
        return imageView;
    }

    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_bg_set);
        gallery = (Gallery) findViewById(R.id.gallery);
        imageAdapter = new ImageAdapter(this);
        gallery.setAdapter(imageAdapter);
        gallery.setOnItemSelectedListener(this);
        gallery.setOnItemClickListener(this);
 
        imageSwitcher = (ImageSwitcher) findViewById(R.id.imgswitcher);
        // 设置ImageSwitcher组件的工厂对象
        imageSwitcher.setFactory(this);
        // 设置ImageSwitcher组件显示图像的动画效果
        imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,android.R.anim.fade_in));       
        imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,android.R.anim.fade_out));

    }

	@Override
	public void onItemClick(AdapterView<?> arg0, View arg1, int position, long arg3) {
		imageAdapter.setCheckItem(position);
	}

}

源码地址：http://download.csdn.net/detail/u011403718/9005397