Gallery + GridView （源码）

最新推荐文章于 2022-07-07 06:54:49 发布

YAnG_Linux

最新推荐文章于 2022-07-07 06:54:49 发布

阅读量1.6k

点赞数

分类专栏： Android 文章标签： android layout encoding class resources animation

Android 专栏收录该内容

167 篇文章 1 订阅

订阅专栏

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里要加十张图片~