代码实现格局效果

我们新建一个android项目，然后先设计一下主界面，界面设计如下图：

我们今天可以先完成注册和登录两个功能，所以先把上面的布局实现了，基本上面就是一个网格布局，然后新建注册和登录两个Activity。就可以了

1、主界面的布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity"
    android:background="@drawable/bg"
     >

    <GridView
        android:id="@+id/gridView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/messageTextView"
        android:layout_marginTop="18dp"
        android:horizontalSpacing="15dp"
        android:verticalSpacing="15dp"
        android:numColumns="2" >
    </GridView>

    <TextView
        android:id="@+id/messageTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/gridView1"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="91dp"
        android:layout_marginTop="19dp"
        android:text="你还没有登录" />

</RelativeLayout>

2、设计一个视图展示网格布局的每一项的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/indexImageView"
        android:layout_width="60dip"
        android:layout_height="60dip"
        android:layout_gravity="center_horizontal" />

    <TextView
        android:id="@+id/indexTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal" />

</LinearLayout>

3、新建登录LoginActivity.java和注册RegisterActivity.java两个Activity。

4、修改主界面的代码，代码如下：

public class MainActivity extends Activity {

    private TextView messageTextView;
    private GridView gridView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        messageTextView = (TextView) findViewById(R.id.messageTextView);
        gridView = (GridView) findViewById(R.id.gridView1);

        List<Map<String, Object>> data = new ArrayList<Map<String, Object>>();
        Map<String, Object> register = new HashMap<String, Object>();
        register.put("title", "注册");
        register.put("image", R.drawable.signup);

        Map<String, Object> login = new HashMap<String, Object>();
        login.put("title", "登录");
        login.put("image", R.drawable.login);

        Map<String, Object> shopping = new HashMap<String, Object>();
        shopping.put("title", "浏览商品");
        shopping.put("image", R.drawable.shop);

        Map<String, Object> shopcart = new HashMap<String, Object>();
        shopcart.put("title", "购物车");
        shopcart.put("image", R.drawable.shoppingcart);

        data.add(register);
        data.add(login);
        data.add(shopping);
        data.add(shopcart);

        SimpleAdapter simpleAdapter = new SimpleAdapter(this. data,
                R.layout.single, new String[] { "title", "image" }, new int[] {
                        R.id.indexTextView, R.id.indexImageView });

        gridView.setAdapter(simpleAdapter);

        gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> parent, View view,
                    int position, long id) {
                switch (position) {
                case 0:

                    Intent intent = new Intent();

                    intent.setClass(MainActivity.this. RegisterActivity.class);

                    startActivity(intent);

                    break;
                case 1:
                    Intent intent1 = new Intent();

                    intent1.setClass(MainActivity.this. LoginActivity.class);

                    startActivity(intent1);
                    break;

                }

            }
        });

    }

}

这些代码没有什么难度就不再说明了。