利用GridView实现手机菜单功能

最近刚学习Andrioid 开发,昨日看到大牛级网友hellgv写的关于《Android入门第八篇之GridView(九宫图)》之后想到做一个模仿手机菜单界面的布局,于是有了今天下面的入门级作品,这个作品与大牛级网友hellgv写的作品最大的区别就是在菜单图片下面添加了不同文字,希望大家能多提建议,看怎么实现布局更加精美,共同勉励,共同进步,废话少说,先看效果图:

利用GridView实现手机菜单功能

  public class AndroidTest2_3_3 extends Activity {

  

    private static final String TAG = "AndroidTest2_3_3";   

  private Bitmap bit;   

    private String textArray1[] = {"婺源", "丹霞山", "周庄"};   

    private String textArray2[] = {"油菜花盛开的地方", "红绿之间,雄壮与温柔", "梦中的水乡"};  

 

        

    /** Called when the activity is first created。 */   

    @Override  

     public void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

 

        setContentView(R。layout。main);              

        String imagepath = Environment。getExternalStorageDirectory() + "/abc。jpg";  

         bit = BitmapFactory。decodeFile(imagepath);  

               

        GridView gv=(GridView)this。findViewById(R。id。GridView01);      

        Log。d(TAG, "+++++++++++1");   

        ImageAdapter ia = new ImageAdapter(this);   

        gv。setAdapter(ia);//为GridView设置数据适配器              

 

    }   

    /** 

      * GridView适配器类,创建单元格view 

      * @author ameyume 

      *  

     */  

 

    public class ImageAdapter extends BaseAdapter {   

        private Context mContext;   

        public ImageAdapter(Context context) {   

            Log。d(TAG, "ImageAdapter 1");   

            mContext = context;  

 

        }  

      public int getCount() {   

             return textArray1。length;  

 

        }              

        public Object getItem(int position) {   

            return position;   

        }  

        public long getItemId(int position) {  

 

            return position;  

         }  

      public View getView(int position, View convertView, ViewGroup parent) {  

 

            Log。d(TAG, "000000000000000");  

 

            View view = View。inflate(AndroidTest2_3_3。this, R。layout。grid_row, null);  

 

            RelativeLayout rl = (RelativeLayout)view。findViewById(R。id。rlGridRow);  

 

            ImageView image = (ImageView)rl。findViewById(R。id。imageView01);  

 

            image。setImageBitmap(bit);  

 

            TextView tv1 = (TextView)rl。findViewById(R。id。txtLink1);  

 

            tv1。setText(textArray1[position]);  

    
   TextView tv2
= (TextView)rl。findViewById(R。id。txtLink2); tv2。setText(textArray2[position]); return rl; }
package cn.com.blog;

 

import android.app.Activity;   

import android.content.Context;   

import android.os.Bundle;   

import android.view.LayoutInflater;   

import android.view.View;   

import android.view.ViewGroup;  

import android.widget.BaseAdapter;  

import android.widget.GridView;

import android.widget.ImageView;  

import android.widget.TextView;  

 

public class MenuPanelActivity extends Activity {  

 

    private GridView gridView;  

           private int[] mImageIds =

 

        {

                 R.drawable.calculator,

                 R.drawable.camera,

                R.drawable.compass,

                 R.drawable.ebook,

                 R.drawable.email,

                 R.drawable.games,

                 R.drawable.map,

                R.drawable.message,

                 R.drawable.multimedia,

                 R.drawable.music,

                 R.drawable.phone,

                 R.drawable.radio,

                R.drawable.video,

 

        };

      private int[] TitleTexts={

 

                R.string.calculator,

                 R.string.camera,

                 R.string.compass,

                 R.string.ebook, 

                R.string.email,

                 R.string.games,

                 R.string.map,

                 R.string.message,

                 R.string.multimedia, 

                R.string.music,

                 R.string.phone,

                 R.string.radio, 

                R.string.video,

        };   
@Override  

 

    public void onCreate(Bundle savedInstanceState) {  

 

        super.onCreate(savedInstanceState);  

 

        setContentView(R.layout.main);  

 

        gridView =(GridView)this.findViewById(R.id.GridViewId);  

 

        gridView.setAdapter(new gridViewAdapter(mImageIds,TitleTexts));  

 

    }  
public class gridViewAdapter extends BaseAdapter {  

 

        private View[] itemViews;  

        public gridViewAdapter(int[] mImageIds, int[] TitleTexts) {   

            itemViews = new View[mImageIds.length];  

     

            for (int i = 0; i < itemViews.length; i++) {   

                itemViews = makeItemView(mImageIds,TitleTexts);  

 

            }   

        }    

         public int getCount() {  

             return itemViews.length;   

        }  

         public View getItem(int position) {   

            return itemViews[position];  

 

        }  

 

   
public long getItemId(int position) {   

            return position;  

 

        }   

        private View makeItemView(int strmImageIds, int strTitleTexts) {  

 

            LayoutInflater inflater = (LayoutInflater) MenuPanelActivity.this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);   

 

            View itemView = inflater.inflate(R.layout.menuitem, null);   

            TextView title = (TextView) itemView.findViewById(R.id.TextItemId);  

            title.setText(strTitleTexts);  

            ImageView image = (ImageView) itemView.findViewById(R.id.ImageItemId); 

            image.setImageResource(strmImageIds);    

            image.setScaleType(ImageView.ScaleType.FIT_CENTER);

 

            return itemView;  

 

        }  

     public View getView(int position, View convertView, ViewGroup parent) {  

             if (convertView == null)  

 

              return itemViews[position];  

           return convertView;  

        }  

     }

 

}

main.xml代码如下:

<GridView

 

  xmlns:android="http://schemas.android.com/apk/res/android"

 

  android:id="@+id/GridViewId" 

  android:layout_width="match_parent" 

  android:layout_height="match_parent"

  android:numColumns="auto_fit" 

  android:verticalSpacing="10dip" 

  android:horizontalSpacing="10dip" 

  android:paddingRight="5dip"
 android:columnWidth="90dip" android:stretchMode="columnWidth" android:gravity="center" />

menuitem.xml代码如下:

?xml version="1.0" encoding="utf-8"?>

 

<RelativeLayout

 

  xmlns:android="http://schemas.android.com/apk/res/android"

 

  android:layout_width="match_parent"

 

  android:layout_height="wrap_content">

 

        <ImageView   

 

         android:layout_height="wrap_content"   

 

         android:id="@+id/ImageItemId"   

 

         android:layout_width="wrap_content"   

 

         android:layout_centerHorizontal="true">   

 

    </ImageView>  

 

    <TextView   

 

         android:layout_width="wrap_content"   

 

         android:layout_below="@+id/ImageItemId"   

 

         android:layout_height="wrap_content"   

 

         android:text="TextView"   

 

         android:layout_centerHorizontal="true"   

 

         android:id="@+id/TextItemId">      

 

    </TextView>  

 

</RelativeLayout>

strings.xml代码如下:

<?xml version="1.0" encoding="utf-8"?>

 

<resources>

    <string name="app_name">MenuPanel</string>

    <string name="calculator">calculator</string>

    <string name="camera">camera</string>

    <string name="compass">compass</string>

    <string name="ebook">ebook</string>

    <string name="email">email</string>

    <string name="games">games</string>

    <string name="map">map</string>

    <string name="message">message</string>

    <string name="multimedia">multimedia</string>

    <string name="music">music</string>

    <string name="phone">phone</string>

    <string name="radio">radio</string>

    <string name="video">video</string>

 

</resources>

    }   

 

}  

源码下载

 

 

你可能感兴趣的:(GridView)