Go语言视频零基础入门到精通

jjweji

Demo介绍：首页是一个GridView加载图片，竖屏时显示3列图片，横屏时显示4列图片;并且对图片进行大小限制和加灰色边框处理。
点击某一张图片，会链接到Gallery页面，由于Android自带的Gallery控件滑动效果很不好（滑动一次会加载好多张图片），这里对Gallery进行了扩展，滑动一次只加载一张图片。
Demo效果如下：


1、首页Activity页面，GridViewActivity.java介绍：

1. public class GridViewActivity extends Activity {
3.         private DisplayMetrics dm;
5.         private GridImageAdapter ia;
7.         private GridView g;
9.         private int imageCol = 3;
13.         @Override
15.         protected void onCreate(Bundle savedInstanceState) {
17.                 // TODO Auto-generated method stub
19.                 super.onCreate(savedInstanceState);
21.                 // requestWindowFeature(Window.FEATURE_NO_TITLE);
23.                 ia = new GridImageAdapter(this);
25.                 setContentView(R.layout.mygridview);
27.                 g = (GridView) findViewById(R.id.myGrid);
29.                 g.setAdapter(ia);
31.                 g.setOnItemClickListener(new OnItemClick(this));
33.                 // 得到屏幕的大小
35.                 dm = new DisplayMetrics();
37.                 getWindowManager().getDefaultDisplay().getMetrics(dm);
41.         }
45.         /**
47.          * 屏幕切换时进行处理 如果屏幕是竖屏，则显示3列，如果是横屏，则显示4列
49.          */
51.         @Override
53.         public void onConfigurationChanged(Configuration newConfig) {
55.                 try {
59.                         super.onConfigurationChanged(newConfig);
61.                         // 如果屏幕是竖屏，则显示3列，如果是横屏，则显示4列
63.                         if (this.getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE) {
65.                                 imageCol = 4;
67.                         } else if (this.getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT) {
69.                                 imageCol = 3;
71.                         }
73.                         g.setNumColumns(imageCol);
75.                         g.setAdapter(new ImageAdapter(this));
77.                         // ia.notifyDataSetChanged();
79.                 } catch (Exception ex) {
81.                         ex.printStackTrace();
83.                 }
85.         }
89.         /**
91.          *
93.          * @author 空山不空 点击具体的小图片时，会链接到GridViewActivity页面，进行加载和展示
95.          */
97.         public class OnItemClick implements OnItemClickListener {
99.                 public OnItemClick(Context c) {
101.                         mContext = c;
103.                 }
107.                 @Override
109.                 public void onItemClick(AdapterView aview, View view, int position,
111.                                 long arg3) {
113.                         Intent intent = new Intent();
115.                         intent.setClass(GridViewActivity.this, GalleryActivity.class);
117.                         intent.putExtra("position", position);
119.                         GridViewActivity.this.startActivity(intent);
121.                 }
125.                 private Context mContext;
127.         }
131.         /**
133.          *
135.          * @author 空山不空 设置GridView的图片适配器
137.          */
139.         public class GridImageAdapter extends BaseAdapter {
143.                 Drawable btnDrawable;
147.                 public GridImageAdapter(Context c) {
149.                         mContext = c;
151.                         Resources resources = c.getResources();
153.                         btnDrawable = resources.getDrawable(R.drawable.bg);
155.                 }
159.                 public int getCount() {
161.                         return ImageSource.mThumbIds.length;
163.                 }
167.                 public Object getItem(int position) {
169.                         return position;
171.                 }
175.                 public long getItemId(int position) {
177.                         return position;
179.                 }
183.                 public View getView(int position, View convertView, ViewGroup parent) {
185.                         ImageViewExt imageView;
189.                         if (convertView == null) {
191.                                 imageView = new ImageViewExt(mContext);
193.                                 // 如果是横屏，GridView会展示4列图片，需要设置图片的大小
195.                                 if (imageCol == 4) {
197.                                         imageView.setLayoutParams(new GridView.LayoutParams(
199.                                                         dm.heightPixels / imageCol - 6, dm.heightPixels
201.                                                                         / imageCol - 6));
203.                                 } else {// 如果是竖屏，GridView会展示3列图片，需要设置图片的大小
205.                                         imageView.setLayoutParams(new GridView.LayoutParams(
207.                                                         dm.widthPixels / imageCol - 6, dm.widthPixels
209.                                                                         / imageCol - 6));
211.                                 }
213.                                 imageView.setAdjustViewBounds(true);
215.                                 imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
217.                         } else {
219.                                 imageView = (ImageViewExt) convertView;
221.                         }
223.                         imageView.setImageResource(ImageSource.mThumbIds[position]);
227.                         return imageView;
229.                 }
233.                 private Context mContext;
235.         }
237. }

复制代码

加载GridView页面，如果屏幕是竖屏，则显示3列，如果是横屏，则显示4列;并且显示的图片加上灰色边框，这里在适配器GridImageAdapter的getView方法里引用了ImageViewExt类来对图片进行处理，这个类扩展自ImageView;点击其中的某一张图片，会跳转到GalleryActivity页面。
2、ImageViewExt.java文件

/**

*

* @author 空山不空

* 扩展ImageView类，将图片加上边框，并且设置边框为灰色

*/

public class ImageViewExt extends ImageView {

//将图片加灰色的边框

    private int color;



    public ImageViewExt(Context context) {

        super(context);

       // TODO Auto-generated constructor stub

        color=Color.GRAY;

  }

     

   public ImageViewExt(Context context, AttributeSet attrs) {

         super(context, attrs);

        // TODO Auto-generated constructor stub

         color=Color.GRAY;

   }



     

    @Override

     protected void onDraw(Canvas canvas) {

         // TODO Auto-generated method stub     

      

        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);

    }

}


通过重载onDraw方法来画边框和设置边框颜色
3、相册GalleryActivity.java

/**

*

* @author 空山不空

* Gallery图片页面，通过Intent得到GridView传过来的图片位置，加载图片，再设置适配器

*/

public class GalleryActivity extends Activity {

        public int i_position = 0;

        private DisplayMetrics dm;



        @Override

        public void onCreate(Bundle savedInstanceState) {

                super.onCreate(savedInstanceState);

                requestWindowFeature(Window.FEATURE_NO_TITLE);

                setContentView(R.layout.mygallery);         

                dm = new DisplayMetrics();

                getWindowManager().getDefaultDisplay().getMetrics(dm);

                // 获得Gallery对象         

                GalleryExt  g = (GalleryExt) findViewById(R.id.ga);

                //通过Intent得到GridView传过来的图片位置

                Intent intent = getIntent();

                i_position = intent.getIntExtra("position", 0);         

                // 添加ImageAdapter给Gallery对象

                ImageAdapter ia=new ImageAdapter(this);                 

                g.setAdapter(ia);

                 g.setSelection(i_position);         

                 

                 //加载动画

                 Animation an= AnimationUtils.loadAnimation(this,R.anim.scale );

        g.setAnimation(an);



        }

}


这里有三点：
（1）、扩展Gallery组件，即GalleryExt控件，设置滑动一次只加载一张图片，并且， 如果是第一张图片时，向左滑动会提示“已到第一页”，如果是最后一张图片时，向右滑动会提示“已到第后页”
（2）、接收GridViewActivity页面传过来的参数position，通过这个参数找到具体的图片，通过ImageAdapter适配器加载
（3）、ImageAdapter图片适配器，用来加载图片
4、GalleryExt.java文件

1. /**
3. *
5. * @author 空山不空
7. * 扩展Gallery组件，设置滑动一次只加载一张图片，并且，
9. * 如果是第一张图片时，向左滑动会提示“已到第一页”
11. * 如果是最后一张图片时，向右滑动会提示“已到第后页”
13. */
15. public class GalleryExt extends Gallery {
17.     boolean is_first=false;
19.     boolean is_last=false;
21.         public GalleryExt(Context context) {
23.                 super(context);
25.                 // TODO Auto-generated constructor stub
27.         }
29.          
31.         public GalleryExt(Context context,AttributeSet paramAttributeSet)
33.          {
35.                super(context,paramAttributeSet);
39.          }
43.         private boolean isScrollingLeft(MotionEvent e1, MotionEvent e2)
45.            {   
47.             return e2.getX() > e1.getX();
49.            }
53.          @Override
55.     public boolean onFling(MotionEvent e1, MotionEvent e2, float distanceX,
57.                     float distanceY) {
59. //通过重构onFling方法，使Gallery控件滑动一次只加载一张图片
61.                  //获取适配器
63.                  ImageAdapter ia=(ImageAdapter)this.getAdapter();
65.                 //得到当前图片在图片资源中的位置
67.                  int p=ia.getOwnposition();
69.                  //图片的总数量
71.                  int count=ia.getCount();
73.                  int kEvent;   
75.                   if(isScrollingLeft(e1, e2)){
77.                    //Check if scrolling left   
79.                           if(p==0&&is_first){
81.                                   //在第一页并且再往左移动的时候，提示
83.                                   Toast.makeText(this.getContext(), "已到第一页", Toast.LENGTH_SHORT).show();
85.                           }else if(p==0){
87.                                   //到达第一页时，把is_first设置为true
89.                                   is_first=true;
91.                           }else{
93.                                   is_last=false;
95.                           }
97.                            
99.                    kEvent = KeyEvent.KEYCODE_DPAD_LEFT;   
101.                    }  else{
103.                     //Otherwise scrolling right     
105.                            if(p==count-1&&is_last){
107.                                           Toast.makeText(this.getContext(), "已到最后一页", Toast.LENGTH_SHORT).show();
109.                                   }else if( p==count-1){
111.                                           is_last=true;
113.                                   }else{
115.                                           is_first=false;
117.                                   }
119.                                    
121.                     kEvent = KeyEvent.KEYCODE_DPAD_RIGHT;   
123.                     }   
125.                   onKeyDown(kEvent, null);   
127.                   return true;   
129.     }

复制代码

5、ImageAdapter.java文件

1. /**
3. *
5. * @author 空山不空
7. *  图片适配器，用来加载图片
9. */
11. public class ImageAdapter extends BaseAdapter {
13. //图片适配器
15.         // 定义Context
17.         private int ownposition;
19.          
23.         public int getOwnposition() {
25.                 return ownposition;
27.         }
31.         public void setOwnposition(int ownposition) {
33.                 this.ownposition = ownposition;
35.         }
39.         private Context mContext;
43.         // 定义整型数组 即图片源
47.         // 声明 ImageAdapter
49.         public ImageAdapter(Context c) {
51.                 mContext = c;
53.         }
57.         // 获取图片的个数
59.         public int getCount() {
61.                 return ImageSource.mThumbIds.length;
63.         }
67.         // 获取图片在库中的位置
69.         public Object getItem(int position) {
71.                 ownposition=position;
73.                 return position;
75.         }
79.         // 获取图片ID
81.         public long getItemId(int position) {
83.                 ownposition=position;
85.                 return position;
87.         }
91.         public View getView(int position, View convertView, ViewGroup parent) {
95.                  
97.                 ownposition=position;
99.                 ImageView imageview = new ImageView(mContext);
101.                 imageview.setBackgroundColor(0xFF000000);
103.                 imageview.setScaleType(ImageView.ScaleType.FIT_CENTER);
105.                 imageview.setLayoutParams(new GalleryExt.LayoutParams(
107.                                 LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
111.                 imageview.setImageResource(ImageSource.mThumbIds[position]);
113.                 // imageview.setAdjustViewBounds(true);
115.                 // imageview.setLayoutParams(new GridView.LayoutParams(320, 480));
117.                 // imageview.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
119.                 return imageview;
121.         }
123. }

复制代码

6、配置文件
（1）AndroidManifest.xml ：

1. <?xml version="1.0" encoding="utf-8"?>
3. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
5.       package="com.ajie"
7.       android:versionCode="1"
9.       android:versionName="1.0">
11.     <application android:icon="@drawable/icon"  android:label="@string/app_name">
13.          <activity android:name=".GalleryActivity"  android:label="@string/title"  />   
15.         <activity android:name=".GridViewActivity"  android:label="@string/app_name"   android:configChanges="orientation|keyboardHidden" >      
17.           <intent-filter>
19.                 <action android:name="android.intent.action.MAIN" />
21.                 <category android:name="android.intent.category.LAUNCHER" />
23.             </intent-filter>   
25.     </activity>   
27.     </application>
29. </manifest>

复制代码

（2）mygridview.xml,即GridView页面
<?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:verticalSpacing="6dp"   

    android:numColumns="3"     

    android:paddingTop="5dp"

    android:stretchMode="columnWidth"   

    android:gravity="fill_vertical|fill_horizontal"

    />
（3）mygallery.xml，加载图片页面

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

复制代码

源码下载：
gridGalleryDemo.zip (2.09 MB)

115网盘下载地址：

jjuiwe

正需要，回复下载
谢谢lz

opnzon

很好的例子啊。

tianhui

不错