利用GridView实现手机菜单功能

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

  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>
    }   
 
}  

源码下载

 

 

posted on 2012-01-29 14:35 vus520 阅读(...) 评论(...) 编辑 收藏

导航