Android学习笔记——Layout

Android Layout有多种，比如：Layout，MixLayout，TableLayout等

 

1.该工程的功能是实现LinearLayout

以下的代码是MainActivity.java中的代码

package com.example.linearlayout;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.TextView;


public class MainActivity extends Activity {

    private TextView firstText;
    private TextView secondText;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        firstText = (TextView)findViewById(R.id.firstText);
        secondText = (TextView)findViewById(R.id.secondText);
        
        firstText.setText(R.string.firstText);
        secondText.setText(R.string.secondText);
    }
}

 

以下的代码是activity_main.xml中的代码

<LinearLayout xmlns:andro>
    xmlns:tools="http://schemas.android.com/tools"
    android:>
    android:layout_width="fill_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="${relativePackage}.${activityClass}" >

<!-- 
         android:id            为控件制定相应的ID
        android:text        指定控件当中显示的文字
        android:gravity        指定控件的基本位置/居中居右等
        android:textSize    指定控件的基本位置/居中居右等 
        android:background    指定该控件所使用的背景色，RGB命名法
        android:width        指定控件的宽度
        android:height        指定控件的高度
        android:padding        指定控件的内边距
        android:weight        数字为相应的比例
        android:singleLine    设定true为同一行显示
         -->
        
  
   
    <TextView
        android:>
        android:gravity="center_vertical"
        android:textSize="20pt"
        android:background="#0000ff"
        android:layout_width="fill_parent"
        android:layout_height="0.0dip"
        android:paddingLeft="10dip"
        android:paddingTop="20dip"
        android:paddingRight="30dip"
        android:paddingBottom="40dip"
        android:layout_weight="1"
        android:singleLine="true"
        />
    
    <TextView
        android:>
        android:gravity="center_vertical"
        android:textSize="15pt"
        android:background="#00ff00"
        android:layout_width="fill_parent"
        android:layout_height="0.0dip"
        android:paddingLeft="10dip"
        android:paddingTop="20dip"
        android:paddingRight="30dip"
        android:paddingBottom="40dip"
        android:layout_weight="2"
        android:singleLine="true"
        />

</LinearLayout>

 

以下的代码是string.xml中的代码

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

    <string name="app_name">LinearLayout</string>
    <string name="hello_world">Hello world!</string>
    <string name="firstText">第一行</string>
    <string name="secondText">第二行</string>
</resources>

 

2.该工程的功能是实现LinearLayout+TableLayout

以下代码是MainActivity.java中的代码

package com.example.mixlayout;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.TextView;

public class MainActivity extends Activity {

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

 

以下代码是activity_main.xml中的代码

<LinearLayout xmlns:andro>
    xmlns:tools="http://schemas.android.com/tools"
    android:>
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    tools:context="${relativePackage}.${activityClass}" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:orientation="horizontal" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:background="#aa0000"
            android:gravity="center_horizontal"
            android:text="red" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:background="#00aa00"
            android:gravity="center_horizontal"
            android:text="green" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:background="#0000aa"
            android:gravity="center_horizontal"
            android:text="blue" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:orientation="horizontal" >

        <TableLayout 
            xmlns:andro> 
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:stretchColumns="1">
            <TableRow>

                <TextView
                    android:padding="3dip"
                    android:text="row1_column1" />

                <TextView
                    android:gravity="center_horizontal"
                    android:padding="3dip"
                    android:text="row1_column2" />

                <TextView
                    android:gravity="right"
                    android:padding="3dip"
                    android:text="row1_column3" />
            </TableRow>

            <TableRow>

                <TextView
                    android:padding="3dip"
                    android:text="row2_column1" />

                <TextView
                    android:gravity="center_horizontal"
                    android:padding="3dip"
                    android:text="row2_column2" />

                <TextView
                    android:gravity="right"
                    android:padding="3dip"
                    android:text="row2_column3" />
            </TableRow>
        </TableLayout>
    </LinearLayout>

</LinearLayout>

 

3.该工程的功能是实现在一个activity中显示一个表格

以下代码是MainActivity.java中的代码

package com.example.tablelayout;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends Activity {

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

 

以下的代码是activity_main.xml中的代码

<TableLayout xmlns:andro>
    xmlns:tools="http://schemas.android.com/tools"
    android:>
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:stretchColumns="1"
    tools:context="${relativePackage}.${activityClass}" >
    
    <!-- 由于fill_parent不能填满，所以stretchColumns指定列拉伸 -->
    
    <TableRow>
        <TextView
            android:text="@string/hello_world" 
            android:padding="3dip"
            android:background="#aa0000" />
        <TextView
            android:text="@string/hello_world" 
            android:padding="3dip"
            android:background="#00aa00"
            android:gravity="center_horizontal" />
        <TextView
            android:text="@string/hello_world" 
            android:padding="3dip"
            android:background="#0000aa"
            android:gravity="right" />
                     
    </TableRow>
        
    <TableRow>
        <TextView
            android:text="@string/hello_world" 
            android:padding="3dip" />
             
        <TextView
            android:text="@string/hello_world" 
            android:padding="3dip"
            android:gravity="right" />
                   
    </TableRow>

</TableLayout>