【Android开发】范例1-使用表格布局与线性布局实现分类工具栏

实现一个横屏的带有各种功能分类的主界面，效果如图：

素材：

实现代码：

MainActivity:

package com.example.test;


import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.FrameLayout;


public class MainActivity extends Activity {
  
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		
	}
}

res/layout/main.xml:

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/tableLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000000"
    android:padding="10px"
    android:screenOrientation="landscape" >


    <!-- 表格TableRow行的android:layout_weight属性均设为1，
                  表示这三行平均分配整个视图空间-->
                  
    <!-- 第一行 -->


    <TableRow
        android:id="@+id/tableRow1"
        android:layout_width="fill_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#FFFFEE00" >
        
        <LinearLayout android:id="@+id/linearlayout1"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_margin="10px"
            android:background="#FFFFFF">
            <TextView android:id="@+id/textView1"
                android:text="@string/time"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:gravity="center"
                style="@style/text"/>
        </LinearLayout>
        
        <LinearLayout android:id="@+id/linearlayout2"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_margin="10px"
            android:background="#FFFFFF">
            <ImageView android:id="@+id/imageView1"
                android:src="@drawable/img01"
                android:layout_weight="1"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"/>
            <ImageView android:id="@+id/imageView2"
                android:src="@drawable/img02"
                android:layout_weight="1"
                android:layout_marginLeft="50px"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"/>
            <ImageView android:id="@+id/imageView3"
                android:src="@drawable/img03"
                android:layout_weight="1"
                android:layout_marginLeft="50px"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"/>
        </LinearLayout>
       
    </TableRow>
    
    
    <!-- 第二行 -->
    <TableRow android:id="@+id/tableRow2"
        android:layout_width="fill_parent"
        android:layout_weight="1"
        android:background="#FFFF6600">
        
        <LinearLayout android:id="@+id/linearlayout3"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_margin="10px"
            android:background="#FFFFFF">
            <ImageView android:id="@+id/imageView4"
                android:src="@drawable/img04"
                android:layout_weight="1"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"/>
            <ImageView android:id="@+id/imageView5"
                android:src="@drawable/img05"
                android:layout_weight="1"
                android:layout_marginLeft="40px"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"/>
            <ImageView android:id="@+id/imageView6"
                android:src="@drawable/img06"
                android:layout_weight="1"
                android:layout_marginLeft="40px"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"/>
        </LinearLayout>
        
         <LinearLayout android:id="@+id/linearlayout4"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_margin="10px"
            android:background="#FFFFFF">
            <ImageView android:id="@+id/imageView7"
                android:src="@drawable/img07"
                android:layout_weight="1"
                android:layout_margin="40px"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"/>
             <TextView android:id="@+id/textView2"
                android:text="刷取二维码"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:gravity="center_vertical"
                android:layout_weight="3"
                style="@style/text"/>
        </LinearLayout>
        
    </TableRow>
    
    
    <!-- 第三行 -->
    <TableRow android:id="@+id/tableRow3"
        android:layout_width="fill_parent"
        android:layout_weight="1"
        android:background="#CCCCCC">
         
         <LinearLayout android:id="@+id/linearlayout5"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_margin="10px"
            android:background="#FFFFFF">
            <ImageView android:id="@+id/imageView8"
                android:src="@drawable/img08"
                android:layout_marginLeft="20px"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"/>
             <TextView android:id="@+id/textView3"
                android:text="电子邮件"
                android:layout_marginLeft="20px"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:gravity="center_vertical"
                style="@style/text"/>
        </LinearLayout>
        
    </TableRow>
</TableLayout>

res/values/strings.xml:

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


    <string name="app_name">test3.1</string>
    <string name="hello_world">Hello world!</string>
    <string name="action_settings">Settings</string>
    <string name="time">2015年3月29日17:27：00</string>


</resources>

res/values/styles.xml:

<resources xmlns:android="http://schemas.android.com/apk/res/android">
    
     <style name="text">
       <item name="android:textSize">24px</item>
       <item name="android:textColor">#111111</item>
    </style>
	 
    <style name="AppBaseTheme" parent="android:Theme.Light"> 
    </style>


    <style name="AppTheme" parent="AppBaseTheme">
    </style>
</resources>

转载请注明出处：http://blog.csdn.net/acmman/article/details/44754519