Gallery + GridView (源码)

package yy.android.gridgallery;

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.content.res.Configuration;
import android.content.res.Resources;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;

public class GridViewActivity extends Activity {

    private GridView gridView;//网格视图
    
    private GridImageAdapter gridImageAdapter;//网格适配器
    private DisplayMetrics dm;//用来取屏幕尺寸的
    private int imageCol = 3;//网格列数

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);//里面只有一个GridView
        
        gridView = (GridView) findViewById(R.id.myGrid);
        gridImageAdapter = new GridImageAdapter(this);
        //如果不设置适配器的话,是看不到视图的
        gridView.setAdapter(gridImageAdapter);//设置适配器
        gridView.setOnItemClickListener(listener); //设置监听器
        checkOrientation();//判断屏幕的方向,设置相应的列数
        
        dm = new DisplayMetrics();//获得屏幕尺寸用
        getWindowManager().getDefaultDisplay().getMetrics(dm);
    }
 
    /**判断屏幕的整体方向,设置相应的列数*/
    private void checkOrientation(){
        if (this.getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE) {
            imageCol = 5;
        } else if (this.getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT) {
            imageCol = 3;
        }//设置相应的网格视图的列数
        gridView.setNumColumns(imageCol);
    }
    
    @Override
    public void onConfigurationChanged(Configuration newConfig) {    
        super.onConfigurationChanged(newConfig);
        try {//当配置改变后,重新设置网格的列数,再从新设置适配器
            checkOrientation();
            gridView.setAdapter(new GridImageAdapter(this));
        } catch (Exception ex) {
            ex.printStackTrace();
        }
    }

    AdapterView.OnItemClickListener listener = new AdapterView.OnItemClickListener() {
        //当点击某个网格视图时,就会跳转到相应的Gallery视图里
        public void onItemClick(AdapterView<?> arg0, View arg1, int position, long id) {
            Intent intent = new Intent();
            intent.setClass(GridViewActivity.this, YGridGalleryActivity.class);
            intent.putExtra("position", position);
            startActivity(intent);
        }
    };
    //网格适配器
    public class GridImageAdapter extends BaseAdapter {
        private Context mContext;
        Drawable btnDrawable;

        public GridImageAdapter(Context context) {
            mContext = context;
            Resources resources = context.getResources();
            btnDrawable = resources.getDrawable(R.drawable.bg);
        }

        public int getCount() {//返回图片总数
            Log.d("LOG","Grid -> getCount");
            return ImageSource.mThumbIds.length;
        }

        public Object getItem(int position) {
            Log.d("LOG","Grid -> getItem");
            return position;
        }

        public long getItemId(int position) {
            Log.d("LOG","Grid -> getItemId position = "+ position);
            return position;
        }

        public View getView(int position, View convertView, ViewGroup parent) {
            Log.d("LOG","Grid -> getView");
            ImageViewExt imageView;
            int space;

            if (convertView == null) {
                imageView = new ImageViewExt(mContext);
                if (imageCol == 5) {//注意当前的屏幕是横着的
                    space = dm.heightPixels / imageCol - 6;//减6是每张图片之间的间距
                    imageView.setLayoutParams(new GridView.LayoutParams(space,space ));
                } else {//竖着的时候
                    space = dm.widthPixels / imageCol - 6;
                    //设置图片的宽和高
                    imageView.setLayoutParams(new GridView.LayoutParams(space, space));
                }
                imageView.setAdjustViewBounds(true);//根据图片大小自动调整View界限
                imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);//设置摆放方式

                 imageView.setPadding(3, 3, 3, 3);//设置图片离网格的四个边界的间距
            } else {
                imageView = (ImageViewExt) convertView;//convertView一般就是要显示的视图
            }
            //向imageView里放图片
            imageView.setImageResource(ImageSource.mThumbIds[position]);

            return imageView;
        }
    }
    //这段是设置View视图的边框的属性的
    public class ImageViewExt extends ImageView {
        private int color;

        public ImageViewExt(Context context) {
            super(context);
            //边框颜色
            color = Color.GRAY;
        }

        public ImageViewExt(Context context, AttributeSet attrs) {
            super(context, attrs);
            color = Color.GRAY;
        }

        @Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
            ///
            Rect rec = canvas.getClipBounds();//返回一个网格到校的矩形?
            rec.bottom--;
            rec.right--;
            ///
            Paint paint = new Paint();
            paint.setColor(color);//画笔颜色
            paint.setStrokeWidth(5);//画笔的宽度
            paint.setStyle(Paint.Style.STROKE);//画笔风格
            canvas.drawRect(rec, paint);
        }
    }
}

package yy.android.gridgallery;

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.Gallery.LayoutParams;
import yy.android.gridgallery.myGallery;

public class YGridGalleryActivity extends Activity {
    public int position = 0;    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.gallery);//有一个黑色背景和一个gallery    
        
        myGallery  galllery = (myGallery)findViewById(R.id.mygallery);
        galllery.setUnselectedAlpha(0.3f);//设置没选中的亮度为0.3,实现高亮显示
        Intent intent = getIntent();
        //获得从GridView传过来的position值,用来区别点击了哪一张图片
        position = intent.getIntExtra("position", 0);    
        ImageAdapter imgAdapter=new ImageAdapter(this);        
        galllery.setAdapter(imgAdapter);    //设置适配器为ImageAdapter
        galllery.setSelection(position);     //把position的视图作为选中视图。
        //如果不写这一句,当用户点击哪一张视图后,显示出来的都是第一张
         //过渡动画
         Animation an= AnimationUtils.loadAnimation(this,R.anim.scale );    
         galllery.setAnimation(an);
         //galllery.startAnimation(an);
         //和Start的区别?注意此动画只在网格变为gallery时播放一次
         Log.d("LOG", "DOngHua!!!");
    }
    
    public class ImageAdapter extends BaseAdapter {
        private Context mContext;
        private int mPos;

        public ImageAdapter(Context context) {
            mContext = context;
        }

        public void setOwnposition(int ownposition) {
            this.mPos = ownposition;
        }

        public int getOwnposition() {
            Log.d("LOG", "getOwmposition mPos = "+mPos);
            return mPos;//返回点击视图的位置
        }
        //当用户点击视图的时候,以下四个方法都是自动执行的
        public int getCount() {
            Log.d("LOG", "getCount");
            return ImageSource.mThumbIds.length;
        }
 
        public Object getItem(int position) {
            mPos=position;
            Log.d("LOG", "getItem");
            return position;
        }

        public long getItemId(int position) {
            mPos=position;
            Log.d("LOG", "getItemId position = "+ position);
            return position;
        }

        public View getView(int position, View convertView, ViewGroup parent) {
            Log.d("LOG", "getView");  
            mPos=position;
            ImageView imageview = new ImageView(mContext);
            imageview.setBackgroundColor(0xFF000000);
            //设置视图显示位置
            imageview.setScaleType(ImageView.ScaleType.FIT_CENTER );
            //设置视图的长宽
            imageview.setLayoutParams(new myGallery.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT));
            //放入图片
            imageview.setImageResource(ImageSource.mThumbIds[position]);
            
            return imageview;
        }
    }
}

///

package yy.android.gridgallery;

import android.content.Context;
import android.util.AttributeSet;
import android.view.KeyEvent;
import android.view.MotionEvent;
import android.widget.Gallery;
import android.widget.Toast;

import yy.android.gridgallery.YGridGalleryActivity.ImageAdapter;

public class myGallery extends Gallery {
    boolean isFirst = false;
    boolean isLast = false;
 
    public myGallery(Context context) {
        super(context);
    }

    public myGallery(Context context, AttributeSet paramAttributeSet) {
        super(context, paramAttributeSet);
    }

     //判断是否向左滚动,注意是外框向左滚而图片是向右滚的
    private boolean isScrollingLeft(MotionEvent e1, MotionEvent e2) {    
        return e2.getX() > e1.getX();
    }

    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float vX, float vY) {
        ImageAdapter ia = (ImageAdapter) this.getAdapter();//获得适配器
        int p = ia.getOwnposition();    //获得被被点击视图位置position,
        //要注意的是当视图被选中(高亮时才position才会变化)
        int count = ia.getCount();        //获得视图的总数
        int kEvent;
        if (isScrollingLeft(e1, e2)) {//向左滚动
            if (p == 0 && isFirst) {
                Toast.makeText(this.getContext(), "已经是第一张了!", Toast.LENGTH_SHORT).show();
            } else if (p == 0) {
                isFirst = true;
            } else {
                isLast = false;//因为外框向左滚动了,所以当前的视图一定不是最后一张,所以false
            }

            kEvent = KeyEvent.KEYCODE_DPAD_LEFT;//方向键左键
        } else {//与上同理
            if (p == count - 1 && isLast) {
                Toast.makeText(this.getContext(), "已经是最后一张了!", Toast.LENGTH_SHORT).show();
            } else if (p == count - 1) {
                isLast = true;
            } else {
                isFirst = false;
            }
 
            kEvent = KeyEvent.KEYCODE_DPAD_RIGHT;//方向键右键
        }//如果没了此句,只有当第二张图被选中的状态时,它才会显示在当前屏幕
        this.onKeyDown(kEvent, null);//它的用法,可以实现向左滑动一个和向右滑动一个
        return true;
    }
}

//

package yy.android.gridgallery;

//import yy.android.gridgallery.Integer;
import yy.android.gridgallery.R;

public class ImageSource  {
     static Integer[] mThumbIds = {
                R.drawable.img1,R.drawable.img2,R.drawable.img3,
                R.drawable.img4,R.drawable.img5, R.drawable.img6,
                R.drawable.img7, R.drawable.img8,R.drawable.img9,
                R.drawable.img10
        };
}

/scale.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/decelerate_interpolator" >
    <scale
        android:duration="1000"
        android:fromXScale="0.0"
        android:fromYScale="0.0"
        android:pivotX="50%p"
        android:pivotY="50%p"
        android:toXScale="1.0"
        android:toYScale="1.0" />
</set> 

//gallery.xml

<?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:gravity="center"
    android:orientation="horizontal"
    android:padding="10dip" >
   <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#000000"
        android:padding="2dip" >
        <yy.android.gridgallery.myGallery
            android:id="@+id/mygallery"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:spacing="16dp" />
    </RelativeLayout>  
</LinearLayout>

//main.xml

<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/myGrid"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="fill_vertical|fill_horizontal"
    android:numColumns="3"
    android:paddingTop="5dp"
    android:stretchMode="columnWidth"
    android:verticalSpacing="6dp" />

/最后在drawble里要加十张图片~


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值