Android中GridView使用

超、凢脫俗 2022-08-02 14:46 248阅读 0赞

GridView(网格视图)是按照行列的方式来显示内容的，一般用于显示图片，图片等内容，比如实现九宫格图，用GridView是首选，也是最简单的。主要用于设置Adapter。  
GridView常用的XML属性：

<table style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; color:rgb(51,51,51); font-family:宋体; font-size:14px; line-height:28px"> 
 <tbody> 
 <tr style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial"> 
 <td style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; width:227px"> <p style="border-top-width:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-bottom:8px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; text-indent:2em"> 属性名称 </td> 
 <td style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; width:321px"> <p style="border-top-width:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-bottom:8px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; text-indent:2em"> 描述 </td> 
 </tr> 
 <tr style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial"> 
 <td style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; width:227px"> <p style="border-top-width:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-bottom:8px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; text-indent:2em"> android:columnWidth </td> 
 <td style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; width:321px"> <p style="border-top-width:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-bottom:8px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; text-indent:2em"> 设置列的宽度。 </td> 
 </tr> 
 <tr style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial"> 
 <td style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; width:227px"> <p style="border-top-width:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-bottom:8px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; text-indent:2em"> android:gravity </td> 
 <td style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; width:321px"> <p style="border-top-width:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-bottom:8px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; text-indent:2em"> 设置此组件中的内容在组件中的位置。可选的值有：top、bottom、left、right、center_vertical、fill_vertical、center_horizontal、fill_horizontal、center、fill、clip_vertical可以多选，用“|”分开。 </td> 
 </tr> 
 <tr style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial"> 
 <td style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; width:227px"> <p style="border-top-width:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-bottom:8px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; text-indent:2em"> android:horizontalSpacing </td> 
 <td style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; width:321px"> <p style="border-top-width:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-bottom:8px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; text-indent:2em"> 两列之间的间距。 </td> 
 </tr> 
 <tr style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial"> 
 <td style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; width:227px"> <p style="border-top-width:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-bottom:8px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; text-indent:2em"> android:numColumns </td> 
 <td style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; width:321px"> <p style="border-top-width:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-bottom:8px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; text-indent:2em"> 设置列数。 </td> 
 </tr> 
 <tr style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial"> 
 <td style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; width:227px"> <p style="border-top-width:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-bottom:8px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; text-indent:2em"> android:stretchMode </td> 
 <td style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; width:321px"> <p style="border-top-width:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-bottom:8px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; text-indent:2em"> 缩放模式。 </td> 
 </tr> 
 <tr style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial"> 
 <td style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; width:227px"> <p style="border-top-width:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-bottom:8px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; text-indent:2em"> android:verticalSpacing </td> 
 <td style="border-top-width:0px; padding-right:0px; padding-left:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; width:321px"> <p style="border-top-width:0px; border-left-width:0px; border-bottom-width:0px; padding-bottom:0px; margin-top:0px; margin-bottom:8px; padding-top:0px; border-right-width:0px; list-style-type:none; list-style-position:initial; text-indent:2em"> 两行之间的间距。 </td> 
 </tr> 
 </tbody> 
</table>

下面有三个例子，第一个是只显示图片的，第二个是显示图片文字的(这里的图片是Android系统自带的图片)，第三个是显示自定义的图片文字。前面两个例子的实现都不是很难，第三个例子的实现有些复杂，学习GridView的时候，就想着能不能自定义自己喜欢的图片加上文字，在网上找些资料，一般都是第二个例子的形式的，最后在视频学习上找到了能实现自定义自己的图片的例子。自己就照着例子去学习，修改成了第三个例子。 
第一个例子： 
MainActivity.java 
package com.android.gridview.activity;  
  
import android.app.Activity;  
import android.content.Context;  
import android.os.Bundle;  
import android.view.View;  
import android.view.ViewGroup;  
import android.widget.AdapterView;  
import android.widget.AdapterView.OnItemClickListener;  
import android.widget.BaseAdapter;  
import android.widget.GridView;  
import android.widget.ImageView;  
import android.widget.Toast;  
  
public class MainActivity extends Activity \{  
    @Override 
    public void onCreate(Bundle savedInstanceState) \{  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.main);  
        GridView gv = (GridView)findViewById(R.id.GridView1);  
        //为GridView设置适配器  
        gv.setAdapter(new MyAdapter(this));  
        //注册监听事件  
        gv.setOnItemClickListener(new OnItemClickListener()  
        \{  
            public void onItemClick(AdapterView<?> parent, View v, int position, long id)  
            \{  
                Toast.makeText(MainActivity.this, "pic" + position, Toast.LENGTH\_SHORT).show();  
            \}  
        \});  
    \}  
\}  
    //自定义适配器  
    class MyAdapter extends BaseAdapter\{  
        //上下文对象  
        private Context context;  
        //图片数组  
        private Integer\[\] imgs = \{  
                R.drawable.pic0, R.drawable.pic1, R.drawable.pic2,   
                R.drawable.pic3, R.drawable.pic4, R.drawable.pic5,                 
                R.drawable.pic6, R.drawable.pic7, R.drawable.pic8,   
                R.drawable.pic0, R.drawable.pic1, R.drawable.pic2,   
                R.drawable.pic3, R.drawable.pic4, R.drawable.pic5,                 
                R.drawable.pic6, R.drawable.pic7, R.drawable.pic8,  
        \};  
        MyAdapter(Context context)\{  
            this.context = context;  
        \}  
        public int getCount() \{  
            return imgs.length;  
        \}  
  
        public Object getItem(int item) \{  
            return item;  
        \}  
  
        public long getItemId(int id) \{  
            return id;  
        \}  
          
        //创建View方法  
        public View getView(int position, View convertView, ViewGroup parent) \{  
             ImageView imageView;  
                if (convertView == null) \{  
                    imageView = new ImageView(context);  
                    imageView.setLayoutParams(new GridView.LayoutParams(75, 75));//设置ImageView对象布局  
                    imageView.setAdjustViewBounds(false);//设置边界对齐  
                    imageView.setScaleType(ImageView.ScaleType.CENTER\_CROP);//设置刻度的类型  
                    imageView.setPadding(8, 8, 8, 8);//设置间距  
                \}   
                else \{  
                    imageView = (ImageView) convertView;  
                \}  
                imageView.setImageResource(imgs\[position\]);//为ImageView设置图片资源  
                return imageView;  
        \}  
\}  
      
  
  
main.xml 
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="[http://schemas.android.com/apk/res/android][http_schemas.android.com_apk_res_android]" 
    android:orientation="vertical" 
    android:layout\_width="fill\_parent" 
    android:layout\_height="fill\_parent" 
    > 
    <GridView   
        android:id="@+id/GridView1"   
        android:layout\_width="wrap\_content"   
        android:layout\_height="wrap\_content" 
        android:columnWidth="90dp" 
        android:numColumns="3" 
        android:verticalSpacing="10dp" 
        android:horizontalSpacing="10dp" 
        android:stretchMode="columnWidth" 
        android:gravity="center"          
        /> 
</LinearLayout> 
效果图：

![20110825012033269.jpg][] 
第二个例子： 
MainActivity.java 
package com.android.gridview2.activity;  
  
import java.util.ArrayList;  
import java.util.HashMap;  
import java.util.List;  
import java.util.Map;  
import android.app.Activity;  
import android.os.Bundle;  
import android.widget.GridView;  
import android.widget.SimpleAdapter;  
  
public class MainActivity extends Activity \{  
  
       private GridView gv;  
       @Override 
       protected void onCreate(Bundle savedInstanceState) \{  
          // TODO Auto-generated method stub  
          super.onCreate(savedInstanceState);  
          setContentView(R.layout.gridview);  
  
          //准备要添加的数据条目  
          List<Map<String, Object>> items = new ArrayList<Map<String,Object>>();  
          for (int i = 0; i < 9; i++) \{  
            Map<String, Object> item = new HashMap<String, Object>();  
            item.put("imageItem", R.drawable.icon);//添加图像资源的ID    
            item.put("textItem", "icon" + i);//按序号添加ItemText    
            items.add(item);  
          \}  
  
         //实例化一个适配器  
          SimpleAdapter adapter = new SimpleAdapter(this,   
                                                      items,   
                                                      R.layout.grid\_item,   
                                                      new String\[\]\{"imageItem", "textItem"\},   
                                                      new int\[\]\{R.id.image\_item, R.id.text\_item\});  
  
          //获得GridView实例  
          gv = (GridView)findViewById(R.id.mygridview);  
          //为GridView设置适配器  
          gv.setAdapter(adapter);  
  
       \}  
\}  
  
  
gridview.xml 
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="[http://schemas.android.com/apk/res/android][http_schemas.android.com_apk_res_android]" 
   android:layout\_width="wrap\_content" 
   android:layout\_height="wrap\_content" 
   > 
   <GridView   
      android:id="@+id/mygridview" 
      android:numColumns="3" 
      android:gravity="center\_horizontal" 
      android:layout\_width="wrap\_content" 
      android:layout\_height="wrap\_content" 
      android:stretchMode="columnWidth" 
      /> 
</LinearLayout> 
  
grid\_item.xml 
<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="[http://schemas.android.com/apk/res/android][http_schemas.android.com_apk_res_android]" 
   android:id="@+id/RelativeLayout1" 
   android:layout\_width="wrap\_content"   
   android:layout\_height="fill\_parent" 
   android:paddingBottom="6dip" 
   > 
   <ImageView   
      android:id="@+id/image\_item" 
      android:layout\_width="wrap\_content" 
      android:layout\_height="wrap\_content" 
      android:layout\_centerHorizontal="true" 
      /> 
   <TextView   
      android:id="@+id/text\_item" 
      android:layout\_below="@+id/image\_item" 
      android:layout\_height="wrap\_content" 
      android:layout\_width="wrap\_content" 
      android:layout\_centerHorizontal="true"     
      /> 
</RelativeLayout> 
  
效果图：

![20110825012033390.jpg][] 
  
第三个例子： 
MainActivity.java 
package com.android.gridview3;  
  
import java.util.ArrayList;  
import java.util.List;  
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.AdapterView;  
import android.widget.BaseAdapter;  
import android.widget.GridView;  
import android.widget.ImageView;  
import android.widget.TextView;  
import android.widget.Toast;  
import android.widget.AdapterView.OnItemClickListener;  
  
public class MainActivity extends Activity  
\{  
    private GridView gridView;  
    //图片的文字标题  
    private String\[\] titles = new String\[\]  
    \{ "pic1", "pic2", "pic3", "pic4", "pic5", "pic6", "pic7", "pic8", "pic9"\};  
    //图片ID数组  
    private int\[\] images = new int\[\]\{         
            R.drawable.pic1, R.drawable.pic2, R.drawable.pic3,   
            R.drawable.pic4, R.drawable.pic5, R.drawable.pic6,   
            R.drawable.pic7, R.drawable.pic8,R.drawable.pic9   
    \};  
  
    @Override 
    public void onCreate(Bundle savedInstanceState)\{  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.main);  
        gridView = (GridView) findViewById(R.id.gridview);  
        PictureAdapter adapter = new PictureAdapter(titles, images, this);  
        gridView.setAdapter(adapter);  
  
        gridView.setOnItemClickListener(new OnItemClickListener()  
            \{  
                public void onItemClick(AdapterView<?> parent, View v, int position, long id)  
                \{  
                    Toast.makeText(MainActivity.this, "pic" + (position+1), Toast.LENGTH\_SHORT).show();  
                \}  
            \});  
    \}  
\}  
//自定义适配器  
class PictureAdapter extends BaseAdapter\{  
    private LayoutInflater inflater;  
    private List<Picture> pictures;  
  
    public PictureAdapter(String\[\] titles, int\[\] images, Context context)  
    \{  
        super();  
        pictures = new ArrayList<Picture>();  
        inflater = LayoutInflater.from(context);  
        for (int i = 0; i < images.length; i++)  
        \{  
            Picture picture = new Picture(titles\[i\], images\[i\]);  
            pictures.add(picture);  
        \}  
    \}  
  
    @Override 
    public int getCount()  
    \{  
        if (null != pictures)  
        \{  
            return pictures.size();  
        \} else 
        \{  
            return 0;  
        \}  
    \}  
  
    @Override 
    public Object getItem(int position)  
    \{  
        return pictures.get(position);  
    \}  
  
    @Override 
    public long getItemId(int position)  
    \{  
        return position;  
    \}  
  
    @Override 
    public View getView(int position, View convertView, ViewGroup parent)  
    \{  
        ViewHolder viewHolder;  
        if (convertView == null)  
        \{  
            convertView = inflater.inflate(R.layout.picture\_item, null);  
            viewHolder = new ViewHolder();  
            viewHolder.title = (TextView) convertView.findViewById(R.id.title);  
            viewHolder.image = (ImageView) convertView.findViewById(R.id.image);  
            convertView.setTag(viewHolder);  
        \} else 
        \{  
            viewHolder = (ViewHolder) convertView.getTag();  
        \}  
        viewHolder.title.setText(pictures.get(position).getTitle());  
        viewHolder.image.setImageResource(pictures.get(position).getImageId());  
        return convertView;  
    \}  
  
\}  
  
class ViewHolder  
\{  
    public TextView title;  
    public ImageView image;  
\}  
  
class Picture  
\{  
    private String title;  
    private int imageId;  
  
    public Picture()  
    \{  
        super();  
    \}  
  
    public Picture(String title, int imageId)  
    \{  
        super();  
        this.title = title;  
        this.imageId = imageId;  
    \}  
  
    public String getTitle()  
    \{  
        return title;  
    \}  
  
    public void setTitle(String title)  
    \{  
        this.title = title;  
    \}  
  
    public int getImageId()  
    \{  
        return imageId;  
    \}  
  
    public void setImageId(int imageId)  
    \{  
        this.imageId = imageId;  
    \}  
\}  
main.xml 
<?xml version="1.0" encoding="utf-8"?> 
<GridView xmlns:android="[http://schemas.android.com/apk/res/android][http_schemas.android.com_apk_res_android]"   
    android:id="@+id/gridview" 
    android:layout\_width="fill\_parent"   
    android:layout\_height="fill\_parent" 
    android:columnWidth="90dp" 
    android:numColumns="auto\_fit" 
    android:verticalSpacing="10dp" 
    android:horizontalSpacing="10dp" 
    android:stretchMode="columnWidth" 
    android:gravity="center" 
    /> 
picture\_item.xml 
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
    xmlns:android="[http://schemas.android.com/apk/res/android][http_schemas.android.com_apk_res_android]" 
    android:id="@+id/root" 
    android:orientation="vertical"   
    android:layout\_width="wrap\_content" 
    android:layout\_height="wrap\_content"   
    android:layout\_marginTop="5dp" 
    > 
    <ImageView   
        android:id="@+id/image" 
        android:layout\_width="100dp" 
        android:layout\_height="150dp"   
        android:layout\_gravity="center" 
        android:scaleType="fitXY" 
        android:padding="4dp" 
       /> 
    <TextView   
        android:id="@+id/title" 
        android:layout\_width="wrap\_content" 
        android:layout\_height="wrap\_content"   
        android:layout\_gravity="center" 
        android:gravity="center\_horizontal" 
        /> 
</LinearLayout> 
效果图：

![20110825012033204.jpg][]

本文出自 “IT的点点滴滴” 博客

[http_schemas.android.com_apk_res_android]: http://schemas.android.com/apk/res/android
[20110825012033269.jpg]: http://www.2cto.com/uploadfile/2011/0825/20110825012033269.jpg
[20110825012033390.jpg]: http://www.2cto.com/uploadfile/2011/0825/20110825012033390.jpg
[20110825012033204.jpg]: http://www.2cto.com/uploadfile/2011/0825/20110825012033204.jpg