Android Gallery图片显示和文字提示及Menu 菜单

Gallery组件主要用于横向显示图像列表，不过按常规做法。Gallery组件只能有限地显示指定的图像。也就是说，如果为Gallery组件指定了10张图像，那么当Gallery组件显示到第10张时，就不会再继续显示了。

代码里带注释，欢迎相互讨论

 

 

 

 

Layout里的main.xml文件：

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/background_port" > <ImageButton android:src="@drawable/login" android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@+id/login" android:background="#0000"/> <com.king.showgallery.GameGallery android:id="@+id/imgGallery" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_alignParentBottom="true"/> </RelativeLayout>  

res/menu/menu.xml文件：

<?xml version="1.0" encoding="UTF-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/menu_update" android:title="程序升级" android:icon="@drawable/icon_appupdate"/> <item android:id="@+id/menu_download" android:title="下载中心" android:icon="@drawable/icon_download_center"/> <item android:id="@+id/menu_feedback" android:title="用户反馈" android:icon="@drawable/icon_feedback"/> <item android:id="@+id/menu_recommend" android:title="好友推荐" android:icon="@drawable/icon_recommend"/> <item android:id="@+id/menu_about" android:title="关于我们" android:icon="@drawable/icon_about"/> </menu> 

<item android:id="@+id/menu_about" android:title="关于我们" android:icon="@drawable/icon_about"/>

id标签，title是当前菜单的描述，icon是当前菜单的图片

package com.king.showgallery; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.view.Window; import android.view.WindowManager; import android.widget.AdapterView; import android.widget.TextView; import android.widget.Toast; import android.widget.AdapterView.OnItemClickListener; public class GalleryActivity extends MenuActivity { //imgList里装载需要显示的图片 private Integer[] imgList={R.drawable.tab_selected_1,R.drawable.tab_selected_1,R.drawable.tab_selected_1,R.drawable.tab_selected_1,R.drawable.tab_selected_1,R.drawable.tab_selected_1,R.drawable.tab_selected_1,R.drawable.tab_selected_1}; private Toast toast; public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //设置全屏 requestWindowFeature(Window.FEATURE_NO_TITLE); getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN); setContentView(R.layout.main); ImageAdapter adapter = new ImageAdapter(this, imgList); adapter.createReflectedImages(); GameGallery gameGallery = (GameGallery) findViewById(R.id.imgGallery); gameGallery.setAdapter(adapter); gameGallery.setOnItemClickListener(new OnItemClickListener() { //AdapterView<?> arg0代表向spinner中加载的一系列字符串或其它事物，是一个适配器，是字符串和Spinner之间的桥梁！而View代表Spinner，int arg2代表ItemId, long arg3代表Item的position！ public void onItemClick(AdapterView<?> arg0, View view, int position, long arg3) { switch (position) { case 0: //点击每个图片，根据图片的position，显示不同的内容 toast.makeText(GalleryActivity.this, "this is zero", Toast.LENGTH_SHORT).show(); break; case 1: toast.makeText(GalleryActivity.this, "this is one", Toast.LENGTH_SHORT).show();break; case 2: toast.makeText(GalleryActivity.this, "this is two", Toast.LENGTH_SHORT).show();break; case 3: toast.makeText(GalleryActivity.this, "this is three", Toast.LENGTH_SHORT).show();break; case 4: //程序退出事件 Intent startMain = new Intent(Intent.ACTION_MAIN); startMain.addCategory(Intent.CATEGORY_HOME); startMain.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK); startActivity(startMain); System.exit(0); break; case 5: toast.makeText(GalleryActivity.this, "this is five", Toast.LENGTH_SHORT).show();break; case 6: toast.makeText(GalleryActivity.this, "this is six", Toast.LENGTH_SHORT).show();break; case 7: toast.makeText(GalleryActivity.this, "this is seven", Toast.LENGTH_SHORT).show();break; default: break; } } }); } } 

对于Android开发我们可以做的尽量MVC化，UI界面和Code逻辑代码分离方式，除了常规的Activity布局可以用xml实现外，菜单Menu也可以通过MenuInflater来映射一个布局文件，相关的创建菜单方法有些不同。

package com.king.showgallery; import android.app.Activity; import android.content.Context; import android.os.Handler; import android.util.AttributeSet; import android.view.InflateException; import android.view.LayoutInflater; import android.view.Menu; import android.view.MenuInflater; import android.view.MenuItem; import android.view.View; import android.widget.Toast; public class MenuActivity extends Activity{ public boolean onCreateOptionsMenu(Menu menu){ super.onCreateOptionsMenu(menu); //MenuInflater 是用来解析定义在menu 目录下的菜单布局文件 MenuInflater inflater=new MenuInflater(getApplicationContext()); inflater.inflate(R.menu.menu, menu); return true; } public boolean onOptionsItemSelected(MenuItem item){ String info=""; switch (item.getItemId()) { case R.id.menu_about: //点击当前菜单后显示效果 info="isabout"; break; case R.id.menu_download: info="isdownload"; break; case R.id.menu_feedback: info="isfeedback"; break; case R.id.menu_recommend: info="isrecommend"; break; case R.id.menu_update: info="isupdate"; break; default: info="null"; break; } Toast toast=Toast.makeText(this, info, Toast.LENGTH_SHORT); toast.show(); return super.onOptionsItemSelected(item); } protected void setMenuBackground(){ MenuActivity.this.getLayoutInflater().setFactory(new android.view.LayoutInflater.Factory() { @Override public View onCreateView(String name, Context context, AttributeSet attrs) { if(name.equalsIgnoreCase("com.android.internal.view.menu.IconMenuItemView")){ try{ LayoutInflater f=getLayoutInflater(); final View view=f.createView(name, null, attrs); new Handler().post(new Runnable(){ public void run(){ view.setBackgroundResource(R.drawable.menu_background); } }); return view; }catch(InflateException e){ e.printStackTrace(); }catch(ClassNotFoundException e){ e.printStackTrace(); } } return null; } }); } }  

package com.king.showgallery; import android.content.Context; import android.graphics.Camera; import android.graphics.Matrix; import android.util.AttributeSet; import android.view.View; import android.view.animation.Transformation; import android.widget.Gallery; import android.widget.ImageView; public class GameGallery extends Gallery{ public GameGallery(Context context){ super(context); this.setStaticTransformationsEnabled(true); } public GameGallery(Context context,AttributeSet attrs){ super(context,attrs); this.setStaticTransformationsEnabled(true); } public GameGallery(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); this.setStaticTransformationsEnabled(true); } //mCamera是用来做类3D效果处理,比如z轴方向上的平移,绕y轴的旋转等 private Camera mCamera = new Camera(); //mMaxRotationAngle是图片绕y轴最大旋转角度,也就是屏幕最边上那两张图片的旋转角度 private int mMaxRotationAngle = 60; //mMaxZoom是图片在z轴平移的距离,视觉上看起来就是放大缩小的效果. private int mMaxZoom = -120; private int mCoveflowCenter; public int getMaxRotationAngle() { return mMaxRotationAngle; } public void setMaxRotationAngle(int maxRotationAngle) { mMaxRotationAngle = maxRotationAngle; } public int getMaxZoom() { return mMaxZoom; } public void setMaxZoom(int maxZoom) { mMaxZoom = maxZoom; } private int getCenterOfCoverflow() { return (getWidth() - getPaddingLeft() - getPaddingRight()) / 2 + getPaddingLeft(); } private static int getCenterOfView(View view) { return view.getLeft() + view.getWidth() / 2; } protected boolean getChildStaticTransformation(View child, Transformation t) { final int childCenter = getCenterOfView(child); final int childWidth = child.getWidth(); int rotationAngle = 0; t.clear(); t.setTransformationType(Transformation.TYPE_MATRIX); if (childCenter == mCoveflowCenter) { transformImageBitmap((ImageView) child, t, 0); } else { rotationAngle = (int) (((float) (mCoveflowCenter - childCenter) / childWidth) * mMaxRotationAngle); if (Math.abs(rotationAngle) > mMaxRotationAngle) { rotationAngle = (rotationAngle < 0) ? -mMaxRotationAngle : mMaxRotationAngle; } transformImageBitmap((ImageView) child, t, rotationAngle); } return true; } protected void onSizeChanged(int w, int h, int oldw, int oldh) { mCoveflowCenter = getCenterOfCoverflow(); super.onSizeChanged(w, h, oldw, oldh); } private void transformImageBitmap(ImageView child, Transformation t, int rotationAngle) { mCamera.save(); final Matrix imageMatrix = t.getMatrix(); final int imageHeight = child.getLayoutParams().height; final int imageWidth = child.getLayoutParams().width; final int rotation = Math.abs(rotationAngle); // 在Z轴上正向移动camera的视角，实际效果为放大图片。 // 如果在Y轴上移动，则图片上下移动；X轴上对应图片左右移动。 mCamera.translate(0.0f, 0.0f, 100.0f); // As the angle of the view gets less, zoom in if (rotation < mMaxRotationAngle) { float zoomAmount = (float) (mMaxZoom + (rotation * 1.5)); mCamera.translate(0.0f, 0.0f, zoomAmount); } // 在Y轴上旋转，对应图片竖向向里翻转。 // 如果在X轴上旋转，则对应图片横向向里翻转。 mCamera.rotateY(rotationAngle); mCamera.getMatrix(imageMatrix); imageMatrix.preTranslate(-(imageWidth / 2), -(imageHeight / 2)); imageMatrix.postTranslate((imageWidth / 2), (imageHeight / 2)); mCamera.restore(); } }  

package com.king.showgallery; import android.content.Context; import android.content.res.Resources; import android.graphics.Bitmap; import android.graphics.Bitmap.Config; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.LinearGradient; import android.graphics.Matrix; import android.graphics.Paint; import android.graphics.PorterDuff.Mode; import android.graphics.PorterDuffXfermode; import android.graphics.Shader.TileMode; import android.graphics.Typeface; import android.graphics.drawable.BitmapDrawable; import android.graphics.drawable.Drawable; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.ImageView.ScaleType; public class ImageAdapter extends BaseAdapter{ private Context mContext; private Integer[] mImageIds; private ImageView[] mImages; private String[] strings; private int width,height; //图片上的提示信息 private String[] textList={"功能说明","项目说明","玩法说明","软件说明","退出","程序更新","兑奖","查询"}; public ImageAdapter(Context c, Integer[] ImageIds) { mContext = c; mImageIds = ImageIds; mImages = new ImageView[mImageIds.length]; } public boolean createReflectedImages() { final int reflectionGap = 4; int index = 0; for (int imageId : mImageIds) { Bitmap originalImage = BitmapFactory.decodeResource(mContext .getResources(), imageId); width = originalImage.getWidth(); height = originalImage.getHeight(); Matrix matrix = new Matrix(); // matrix.setRotate(30); matrix.preScale(1, -1); Bitmap reflectionImage = Bitmap.createBitmap(originalImage, 0, height / 2, width, height / 2, matrix, false); Bitmap bitmapWithReflection = Bitmap.createBitmap(width, (height + height / 2), Config.ARGB_8888); Canvas canvas = new Canvas(bitmapWithReflection); canvas.drawBitmap(originalImage, 0, 0, null); Paint deafaultPaint = new Paint(); deafaultPaint.setAntiAlias(true); canvas.drawRect(0, height, width, height + reflectionGap, deafaultPaint); canvas.drawBitmap(reflectionImage, 0, height + reflectionGap, null); Paint paint = new Paint(); paint.setAntiAlias(true); LinearGradient shader = new LinearGradient(0, originalImage.getHeight(), 0, bitmapWithReflection.getHeight() + reflectionGap, 0x70ffffff, 0x00ffffff, TileMode.CLAMP); paint.setShader(shader); paint.setXfermode(new PorterDuffXfermode(Mode.DST_IN)); canvas.drawRect(0, height, width, bitmapWithReflection.getHeight() + reflectionGap, paint); ImageView imageView = new ImageView(mContext); imageView.setImageBitmap(bitmapWithReflection); imageView.setLayoutParams(new GameGallery.LayoutParams(180, 240)); mImages[index++] = imageView; } return true; } private Resources getResources() { return null; } public int getCount() { return mImageIds.length; } public Object getItem(int position) { return position; } public long getItemId(int position) { return position; } public View getView(int position, View convertView, ViewGroup parent) { //给图片添加文字提示信息 Bitmap newb = Bitmap.createBitmap( width,height, Config.ARGB_8888 ); Canvas canvasTemp = new Canvas( newb ); canvasTemp.drawColor(Color.alpha(0)); Paint p = new Paint(); String familyName = "宋体"; Typeface font = Typeface.create(familyName, Typeface.BOLD); p.setColor(Color.WHITE); p.setTypeface(font); p.setTextSize(30); canvasTemp.drawText(textList[position], 40,80, p); Drawable drawable = new BitmapDrawable(newb); mImages[position].setBackgroundDrawable(drawable); return mImages[position]; } public float getScale(boolean focused, int offset) { return Math.max(0, 1.0f / (float) Math.pow(2, Math.abs(offset))); } }  

在ImageAdapter类中有两个非常重要的方法：getCount和getView。其中getCount方法用于返回图像总数，要注意的是，这个总数不能大于图像的实际数（可以小于图像的实际数），否则会抛出越界异常。当Gallery组件要显示某一个图像时，就会调用getView方法，并将当前的图像索引（position参数）传入该方法。一般getView方法用于返回每一个显示图像的组件（ImageView对象）。从这一点可以看出，Gallery组件是即时显示图像的，而不是一下将所有的图像都显示出来。在getView方法中除了创建了ImageView对象，还用从resIds数组中获得了相应的图像资源ID来设置在ImageView中显示的图像。最后还设置了Gallery组件的背景显示风格。

在ImageAdapter里给图片添加文字信息，注意

1.Bitmap，可以来自资源/文件，也可以在程序中创建，实际上的功能相当于图片的存储空间； 

2.Canvas，紧密与Bitmap联系，把Bitmap比喻内容的话，那么Canvas就是提供了众多方法操作Bitamp的平台； 

3.Paint，与Canvas紧密联系，是"画板"上的笔刷工具，也用于设置View控件上的样式； 

4.Drawable，如果说前三者是看不见地在内存中画图，那么Drawable就是把前三者绘图结果表现出来的接口。Drawable多个子类，例如：位图(BitmapDrawable)、图形(ShapeDrawable)、图层(LayerDrawable)等。