android GridView,Gallery，ListView

最新推荐文章于 2017-04-07 11:31:47 发布

周十一.

最新推荐文章于 2017-04-07 11:31:47 发布

阅读量992

点赞数

分类专栏： Android

Android 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

原文：http://blog.csdn.net/wdaming1986/article/details/6628814

一、今天总结了下几种常用的控件GridView,Gallery,ListView，希望对大家有帮助，基本是改的例子程序，先看效果图：

主页面效果：点击GridView后出现的界面：

点击Gallery后出现的界面：点击ListView后出现的界面：

二、先把xml文件的代码贴出来：

1、main.xml文件中的代码

[html]view plaincopyprint? 
   
 <?xml version="1.0" encoding="utf-8"?>  
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  android:orientation="vertical" android:layout_width="fill_parent"  
  android:layout_height="fill_parent">  
  <TextView   
      android:layout_width="fill_parent"  
   android:layout_height="wrap_content"  
      android:text="大明原创"  
   android:gravity="center_horizontal"   
   android:layout_marginBottom="5dip"  
   android:layout_marginTop="5dip"/>  
  <Button   
      android:id="@+id/gridview_button"  
   android:layout_width="fill_parent"   
   android:layout_height="60dip"  
   android:text="GridView"/>  
  <Button   
      android:id="@+id/gallery_button"  
   android:layout_width="fill_parent"   
   android:layout_height="60dip"  
   android:text="Gallery"></Button>  
  <Button   
      android:id="@+id/listview_button"  
   android:layout_width="fill_parent"   
   android:layout_height="60dip"  
   android:text="ListView"></Button>  
 </LinearLayout>  

2、gallery.xml中的代码：

[html]view plaincopyprint? 
   
 <pre class="html" name="code"><?xml version="1.0" encoding="utf-8"?>  
 <Gallery xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/gallery"  
  android:layout_width="fill_parent"  
  android:layout_height="wrap_content"  
 />  
   
 </pre><br>  
 <pre></pre>  
 <p><span style="font-size:18px">3、gridview.xml中的代码：</span></p>  
 <span style="font-size:18px"></span><pre class="html" name="code"><?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:padding="10dp"  
     android:verticalSpacing="10dp"  
       
     android:horizontalSpacing="10dp"  
     android:numColumns="auto_fit"  
     android:columnWidth="60dp"  
     android:stretchMode="columnWidth"  
       
     android:gravity="center"  
 />  
 </pre>  
 <p><br>  
 <span style="font-size:18px">4、listview.xml中的代码：</span></p>  
 <span style="font-size:18px"></span><pre class="html" name="code"><?xml version="1.0" encoding="utf-8"?>  
   
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   
     android:orientation="vertical" android:layout_width="fill_parent"   
     android:layout_height="fill_parent">   
     <TextView android:text="用户列表" android:gravity="center"   
         android:layout_height="wrap_content"   
         android:layout_width="fill_parent" android:background="#DAA520"   
         android:textColor="#000000">   
     </TextView>   
     <LinearLayout   
         android:layout_width="wrap_content"   
         android:layout_height="wrap_content">   
         <TextView android:text="姓名"   
             android:gravity="center" android:layout_width="150px"   
             android:layout_height="wrap_content" android:textStyle="bold"   
             android:background="#7CFC00">   
         </TextView>   
         <TextView android:text="年龄"   
             android:layout_width="170px" android:gravity="center"   
             android:layout_height="wrap_content" android:textStyle="bold"   
             android:background="#F0E68C">   
         </TextView>   
     </LinearLayout>   
     <ListView android:layout_width="wrap_content"   
         android:layout_height="wrap_content" android:id="@+id/users">   
     </ListView>   
 </LinearLayout>   
   
   
 </pre>  
 <p><br>  
 <span style="font-size:24px">5、user.xml中的代码：</span></p>  
 <span style="font-size:18px"></span><pre class="html" name="code"><?xml version="1.0" encoding="utf-8"?>  
 <TableLayout      
          android:layout_width="fill_parent"      
          xmlns:android="http://schemas.android.com/apk/res/android"      
          android:layout_height="wrap_content"      
          >   
          <TableRow >   
          <ImageView      
                android:layout_width="wrap_content"      
                android:layout_height="wrap_content"  
                android:layout_marginRight="10dip"     
                android:id="@+id/img">      
          </ImageView>    
          <TextView      
                android:layout_height="wrap_content"      
                android:layout_width="150px"   
                android:gravity="center_vertical"     
                android:layout_gravity="center_vertical"  
                android:id="@+id/name">    
          </TextView>    
          <TextView      
                android:layout_height="wrap_content"     
                android:layout_width="170px"   
                android:gravity="center_vertical"    
                android:layout_gravity="center_vertical"   
                android:id="@+id/age">    
          </TextView>   
          </TableRow>   
 </TableLayout>  
   
 </pre>  
 <p><br>  
 <span style="font-size:18px">三，java类中的代码：</span></p>  
 <p><span style="font-size:18px">1、MainActivity类中的代码：</span></p>  
 <span style="font-size:18px"></span><pre class="java" name="code">package com.cn.android;  
   
 import android.app.Activity;  
 import android.content.Intent;  
 import android.os.Bundle;  
 import android.view.View;  
 import android.view.View.OnClickListener;  
 import android.widget.Button;  
   
 public class MainActivity extends Activity {  
     /** Called when the activity is first created. */  
    
     @Override  
     public void onCreate(Bundle savedInstanceState) {  
         super.onCreate(savedInstanceState);  
         setContentView(R.layout.main);  
         //初始化button按钮  
         initGridViewGalleryListViewButton();  
     }  
   
     //实现button按钮的方法  
  private void initGridViewGalleryListViewButton() {  
   // TODO Auto-generated method stub  
   //跳转到GridView的Actvity中  
   Button GridViewButton = (Button)findViewById(R.id.gridview_button);  
   GridViewButton.setOnClickListener(new OnClickListener(){  
   
    public void onClick(View arg0) {  
     // TODO Auto-generated method stub  
     Intent i_gridview = new Intent();  
     i_gridview.setClass(MainActivity.this, GridViewActivity.class);  
     startActivity(i_gridview);  
       
    }  
   });  
     
   //跳转到Gallery的Activity中  
   Button GalleryButton = (Button)findViewById(R.id.gallery_button);  
   GalleryButton.setOnClickListener(new OnClickListener(){  
   
    public void onClick(View arg0) {  
     // TODO Auto-generated method stub  
     Intent i_gallery = new Intent();  
     i_gallery.setClass(MainActivity.this, GalleryActivity.class);  
     startActivity(i_gallery);  
    }  
   });  
     
   //跳转到ListView的Activity中  
   Button ListViewButton = (Button)findViewById(R.id.listview_button);  
   ListViewButton.setOnClickListener(new OnClickListener(){  
   
    public void onClick(View arg0) {  
     // TODO Auto-generated method stub  
     Intent i_listview = new Intent();  
     i_listview.setClass(MainActivity.this,ListViewActivity.class);  
     startActivity(i_listview);  
    }  
   });  
  }  
 }  
   
 </pre>  
 <p><br>  
 <span style="font-size:24px">2、GridViewActivity中的代码：</span></p>  
 <span style="font-size:18px"></span><pre class="java" name="code">package com.cn.android;  
   
 import android.app.Activity;  
 import android.content.Context;  
 import android.os.Bundle;  
 import android.view.View;  
 import android.view.ViewGroup;  
 import android.widget.BaseAdapter;  
 import android.widget.GridView;  
 import android.widget.ImageView;  
   
 public class GridViewActivity extends Activity{  
   
  @Override  
  protected void onCreate(Bundle savedInstanceState) {  
   // TODO Auto-generated method stub  
   super.onCreate(savedInstanceState);  
   setContentView(R.layout.gridview);  
   GridView gridview = (GridView) findViewById(R.id.myGrid);  
         gridview.setAdapter(new ImageAdapter(this));  
  }  
  //定义ImageAdapter类  
  public class ImageAdapter extends BaseAdapter {  
     
         private Context mContext;  
     
         public ImageAdapter(Context c) {  
             mContext = c;  
         }  
   
         public int getCount() {  
             return mThumbIds.length;  
         }  
   
         public Object getItem(int position) {  
             return position;  
         }  
   
         public long getItemId(int position) {  
             return position;  
         }  
   
         public View getView(int position, View convertView, ViewGroup parent) {  
             ImageView imageView;  
             if (convertView == null) {  
                 imageView = new ImageView(mContext);  
                 imageView.setLayoutParams(new GridView.LayoutParams(50, 50));  
                 imageView.setAdjustViewBounds(false);  
                 imageView.setScaleType(ImageView.ScaleType.FIT_XY);  
                 imageView.setPadding(10, 10, 10, 10);  
             } else {  
                 imageView = (ImageView) convertView;  
             }  
   
             imageView.setImageResource(mThumbIds[position]);  
   
             return imageView;  
         }  
   
         private Integer[] mThumbIds = {  
                 R.drawable.sample_thumb_0, R.drawable.sample_thumb_1,  
                 R.drawable.sample_thumb_2, R.drawable.sample_thumb_3,  
                 R.drawable.sample_thumb_4, R.drawable.sample_thumb_5,  
                 R.drawable.sample_thumb_6, R.drawable.sample_thumb_7,  
                 R.drawable.sample_thumb_0, R.drawable.sample_thumb_1,  
                 R.drawable.sample_thumb_2, R.drawable.sample_thumb_3,  
                 R.drawable.sample_thumb_4, R.drawable.sample_thumb_5,  
                 R.drawable.sample_thumb_6, R.drawable.sample_thumb_7,  
                 R.drawable.sample_thumb_0, R.drawable.sample_thumb_1,  
                 R.drawable.sample_thumb_2, R.drawable.sample_thumb_3,  
                 R.drawable.sample_thumb_4, R.drawable.sample_thumb_5,  
                 R.drawable.sample_thumb_6, R.drawable.sample_thumb_7,  
         };  
     }  
 }  
   
 </pre>  
 <p><br>  
 <span style="font-size:24px">3、GalleryActivity中的代码：</span></p>  
 <span style="font-size:18px"></span><pre class="java" name="code">package com.cn.android;  
   
 import android.app.Activity;  
 import android.content.Context;  
 import android.content.res.TypedArray;  
 import android.os.Bundle;  
 import android.view.ContextMenu;  
 import android.view.MenuItem;  
 import android.view.View;  
 import android.view.ViewGroup;  
 import android.view.ContextMenu.ContextMenuInfo;  
 import android.widget.AdapterView;  
 import android.widget.BaseAdapter;  
 import android.widget.Gallery;  
 import android.widget.ImageView;  
 import android.widget.Toast;  
 import android.widget.AdapterView.AdapterContextMenuInfo;  
 import android.widget.AdapterView.OnItemClickListener;  
   
 public class GalleryActivity extends Activity{  
   
  @Override  
  protected void onCreate(Bundle savedInstanceState) {  
   // TODO Auto-generated method stub  
   super.onCreate(savedInstanceState);  
   setContentView(R.layout.gallery);  
    // Reference the Gallery view  
         Gallery gallery = (Gallery) findViewById(R.id.gallery);  
         // Set the adapter to our custom adapter (below)  
         gallery.setAdapter(new ImageAdapter(this));  
           
         // Set a item click listener, and just Toast the clicked position  
         gallery.setOnItemClickListener(new OnItemClickListener() {  
             public void onItemClick(AdapterView parent, View v, int position, long id) {  
                 Toast.makeText(GalleryActivity.this, "" + position, Toast.LENGTH_SHORT).show();  
             }  
         });  
           
         // We also want to show context menu for longpressed items in the gallery  
         registerForContextMenu(gallery);  
  }  
   
   @Override  
      public void onCreateContextMenu(ContextMenu menu, View v, ContextMenuInfo menuInfo) {  
          menu.add(R.string.gallery_text);  
      }  
        
      @Override  
      public boolean onContextItemSelected(MenuItem item) {  
          AdapterContextMenuInfo info = (AdapterContextMenuInfo) item.getMenuInfo();  
          Toast.makeText(this, "Longpress: " + info.position, Toast.LENGTH_SHORT).show();  
          return true;  
      }  
   
      public class ImageAdapter extends BaseAdapter {  
          int mGalleryItemBackground;  
          private Context mContext;  
            
          public ImageAdapter(Context c) {  
              mContext = c;  
              // See res/values/attrs.xml for the <declare-styleable> that defines  
              // Gallery1.  
              TypedArray a = obtainStyledAttributes(R.styleable.Gallery1);  
              mGalleryItemBackground = a.getResourceId(  
                      R.styleable.Gallery1_android_galleryItemBackground, 0);  
              a.recycle();  
          }  
   
          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) {  
              ImageView i = new ImageView(mContext);  
   
              i.setImageResource(mImageIds[position]);  
              i.setScaleType(ImageView.ScaleType.FIT_XY);  
              i.setLayoutParams(new Gallery.LayoutParams(136, 88));  
                
              // The preferred Gallery item background  
              i.setBackgroundResource(mGalleryItemBackground);  
                
              return i;  
          }    
   
          private Integer[] mImageIds = {  
                  R.drawable.gallery_photo_1,  
                  R.drawable.gallery_photo_2,  
                  R.drawable.gallery_photo_3,  
                  R.drawable.gallery_photo_4,  
                  R.drawable.gallery_photo_5,  
                  R.drawable.gallery_photo_6,  
                  R.drawable.gallery_photo_7,  
                  R.drawable.gallery_photo_8  
          };  
      }  
 }  
   
 </pre>  
 <p><br>  
 <span style="font-size:24px">4、ListViewActivity中的代码</span></p>  
 <span style="font-size:18px"></span><pre class="java" name="code">package com.cn.android;  
   
 import java.util.ArrayList;  
 import java.util.HashMap;  
   
 import android.app.Activity;  
 import android.os.Bundle;  
 import android.widget.ListView;  
 import android.widget.SimpleAdapter;  
   
 public class ListViewActivity extends Activity{  
   
  @Override  
  protected void onCreate(Bundle savedInstanceState) {  
   // TODO Auto-generated method stub  
   super.onCreate(savedInstanceState);  
    setContentView(R.layout.listview);   
          ArrayList<HashMap<String, Object>> users = new ArrayList<HashMap<String, Object>>();   
          for (int i = 0; i < 10; i++) {   
              HashMap<String, Object> user = new HashMap<String, Object>();   
              user.put("img", R.drawable.icon);   
              user.put("username", "姓名(" + i+")");   
              user.put("age", (20 + i) + "");   
              users.add(user);   
          }   
          SimpleAdapter saImageItems = new SimpleAdapter(this,   
                  users,// 数据来源   
                  R.layout.user,//每一个user xml 相当ListView的一个组件   
                  new String[] { "img", "username", "age" },   
                  // 分别对应view 的id   
                  new int[] { R.id.img, R.id.name, R.id.age });   
          // 获取listview   
          ((ListView) findViewById(R.id.users)).setAdapter(saImageItems);   
  }  
   
 }  
   
   
 </pre>  
 <p><br>  
 <span style="font-size:24px"><strong>四、在values的文件夹下面建一个attrs.xml文件：gallery设置样式的功能</strong></span></p>  
 <p><span style="font-size:18px"><?xml version="1.0" encoding="utf-8"?><br>  
 <resources>    <br>  
 </span></p>  
 <pre class="html" name="code">    <!-- These are the attributes that we want to retrieve from the theme  
          in view/Gallery1.java -->  
     <declare-styleable name="Gallery1">  
         <attr name="android:galleryItemBackground" />  
     </declare-styleable>      
 </resources>  
 </pre>  
 <p><br>  
  </p>  
 <p><span style="font-size:24px"><strong>五、Manifest.xml文件中的代码：</strong></span></p>  
 <span style="font-size:18px"></span><pre class="html" name="code"><?xml version="1.0" encoding="utf-8"?>  
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"  
       package="com.cn.android"  
       android:versionCode="1"  
       android:versionName="1.0">  
     <uses-sdk android:minSdkVersion="7" />  
   
     <application android:icon="@drawable/icon" android:label="@string/app_name">  
         <activity android:name=".MainActivity"  
                   android:label="@string/app_name">  
             <intent-filter>  
                 <action android:name="android.intent.action.MAIN" />  
                 <category android:name="android.intent.category.LAUNCHER" />  
             </intent-filter>  
         </activity>  
         <activity android:name=".GridViewActivity" android:label="GridViewActivity"></activity>  
         <activity android:name=".GalleryActivity"  android:label="GalleryActivity"></activity>  
         <activity android:name=".ListViewActivity" android:label="ListViewActivity"></activity>  
     </application>  
 </manifest>  
   
 </pre>  
 <p><br>  
 <span style="font-size:24px"><strong>六、特别说明：程序中有的图片我没有添加，大家找一些图片特换掉就行了，大小不合适的就调一下布局，设置一些参数就可以了！希望大家谅解：</strong></span></p>  
 <p><strong><span style="font-size:24px">drawable目录下的图片：</span></strong></p>  
 <p><strong><span style="font-size:24px"><span style="font-size:24px"><strong><img alt="" src="http://hi.csdn.net/attachment/201107/23/0_1311438621TDdN.gif"></strong></span></span></strong></p>  
 <p><strong><span style="font-size:24px"></span></strong> </p>  
 <p><strong><span style="font-size:24px"></span></strong> </p>  
 <p><strong><span style="font-size:24px"></span></strong> </p>  
 <p><strong><span style="font-size:24px"></span></strong> </p>  
 <p><strong><span style="font-size:24px"></span></strong> </p>  
 <p> </p>  
 <pre></pre>  

周十一.

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
android GridView,Gallery，ListView

原文：http://blog.csdn.net/wdaming1986/article/details/6628814一、今天总结了下几种常用的控件GridView,Gallery,ListView，希望对大家有帮助，基本是改的例子程序，先看效果图：主页面效果：点击GridView后出现的界面：点击Gall
复制链接

扫一扫

专栏目录