Android 学习之Layout

学习Android已经一个星期了，，进度有点慢，继续坚持

1.主界面：

package com.wention.Layout;

import com.wention.Layout.R;

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 {
    /**
     * button1-->listener1:LinerLayout 
     * button2-->listener2:FrameLayout
     * button3-->listener3:RelativeLayout 
     * button4-->listener4:AbsoluteLayout
     * button5-->listener5:TableLayout
     */
    private Button button1;
    private Button button2;
    private Button button3;
    private Button button4;
    private Button button5;

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        OnClickListener listener1 = new OnClickListener() {
            public void onClick(View v) {
                Intent intent1 = new Intent(MainActivity.this, LinearLayoutActivity.class);
                setTitle("LinearLayout");
                startActivity(intent1);
            }
        };
        OnClickListener listener2 = new OnClickListener() {
            public void onClick(View v) {
                Intent intent2 = new Intent(MainActivity.this, FrameLayoutActivity.class);
                setTitle("FrameLayout");
                startActivity(intent2);
            }
        };
        OnClickListener listener3 = new OnClickListener() {
            public void onClick(View v) {
                Intent intent3 = new Intent(MainActivity.this, RelativeLayoutActivity.class);
                setTitle("RelativeLayout");
                startActivity(intent3);
            }
        };
        OnClickListener listener4 = new OnClickListener() {
            public void onClick(View v) {
                Intent intent4 = new Intent(MainActivity.this, AbsoluteLayoutActivity.class);
                setTitle("AbsoluteLayout");
                startActivity(intent4);
            }
        };
        OnClickListener listener5 = new OnClickListener() {
            public void onClick(View v) {
                Intent intent5 = new Intent(MainActivity.this, TableLayoutActivity.class);
                setTitle("TableLayout");
                startActivity(intent5);
            }
        };

        button1 = (Button) findViewById(R.id.button1);
        button1.setOnClickListener(listener1);
        button2 = (Button) findViewById(R.id.button2);
        button2.setOnClickListener(listener2);
        button3 = (Button) findViewById(R.id.button3);
        button3.setOnClickListener(listener3);
        button4 = (Button) findViewById(R.id.button4);
        button4.setOnClickListener(listener4);
        button5 = (Button) findViewById(R.id.button5);
        button5.setOnClickListener(listener5);

    }
}

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

    <Button
        android:id="@+id/button1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/buttonName01" />

    <Button
        android:id="@+id/button2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/buttonName02" />

    <Button
        android:id="@+id/button3"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/buttonName03" />

    <Button
        android:id="@+id/button4"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/buttonName04" />

    <Button
        android:id="@+id/button5"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/buttonName05" />

</LinearLayout>

2.LinearLayout：

package com.wention.Layout;

import com.wention.Layout.R;

import android.app.Activity;
import android.os.Bundle;

public class LinearLayoutActivity extends Activity {
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.linear_layout);
    }

}

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

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

        <TextView
            android:id="@+id/textView1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@color/red"
            android:gravity="center"
            android:layout_weight="1"
            android:text="@string/rowName01" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@color/green"
            android:gravity="center"
            android:layout_weight="1"
            android:text="@string/rowName02" />

        <TextView
            android:id="@+id/textView3"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@color/blue"
            android:gravity="center"
            android:layout_weight="1"
            android:text="@string/rowName03" />

        <TextView
            android:id="@+id/textView4"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@color/yellow"
            android:gravity="center"
            android:layout_weight="1"
            android:text="@string/rowName04" />

    </LinearLayout>

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

        <TextView
            android:id="@+id/textView5"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:background="@color/red"
            android:gravity="center"
            android:layout_weight="1"
            android:text="@string/lineName01" />

        <TextView
            android:id="@+id/textView6"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:background="@color/green"
            android:gravity="center"
            android:layout_weight="1"
            android:text="@string/lineName02" />

        <TextView
            android:id="@+id/textView7"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:background="@color/blue"
            android:gravity="center"
            android:layout_weight="1"
            android:text="@string/lineName03" />

        <TextView
            android:id="@+id/textView8"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:background="@color/orange"
            android:gravity="center"
            android:layout_weight="1"
            android:text="@string/lineName04" />

    </LinearLayout>

</LinearLayout>

3.FrameLayout：

package com.wention.Layout;

import com.wention.Layout.R;

import android.app.Activity;
import android.os.Bundle;

public class FrameLayoutActivity extends Activity {
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.frame_layout);
    }
}

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

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/background" />

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/flower" />

    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/life" />

</FrameLayout>

4.RelativeLayout

package com.wention.Layout;

import com.wention.Layout.R;

import android.app.Activity;
import android.os.Bundle;

public class RelativeLayoutActivity extends Activity {
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.relative_layout);
    }

}

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

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:src="@drawable/album" />

    <ImageButton
        android:id="@+id/imageButton1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:src="@drawable/play" />

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@+id/imageButton1"
        android:layout_toRightOf="@+id/imageView1"
        android:orientation="vertical" >

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@color/yellow"
            android:text="千纸鹤"
            android:textColor="@color/blue"
            android:textSize="20sp" />

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@color/orange"
            android:text="方大同"
            android:textColor="@color/green"
            android:textSize="12sp" />
    </LinearLayout>


    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_below="@+id/imageView1"
        android:layout_marginTop="34dp"
        android:src="@drawable/lyric" />

</RelativeLayout>

5.AbsoluteLayout

package com.wention.Layout;

import com.wention.Layout.R;

import android.app.Activity;
import android.os.Bundle;

public class AbsoluteLayoutActivity extends Activity {
    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);
        setContentView(R.layout.absolute_layout);
    }

}

<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/widget1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@color/orange" >

    <TextView
        android:id="@+id/widget2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_x="61dp"
        android:layout_y="69dp"
        android:text="@string/qq"
        android:textColor="@color/blue" />

    <TextView
        android:id="@+id/widget3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_x="61dp"
        android:layout_y="158dp"
        android:text="@string/password"
        android:textColor="@color/blue"
        android:textSize="18sp" />

    <EditText
        android:id="@+id/widget4"
        android:layout_width="150dip"
        android:layout_height="wrap_content"
        android:layout_x="114dp"
        android:layout_y="57dp"
        android:inputType="number"
        android:textColor="@color/red"
        android:textSize="18sp" >

        <requestFocus />
    </EditText>

    <EditText
        android:id="@+id/widget5"
        android:layout_width="150dip"
        android:layout_height="wrap_content"
        android:layout_x="114dp"
        android:layout_y="142dp"
        android:inputType="textPassword"
        android:textColor="@color/red"
        android:textSize="18sp" />

    <Button
        android:id="@+id/button1"
        android:layout_width="120dip"
        android:layout_height="wrap_content"
        android:layout_x="20dp"
        android:layout_y="210dp"
        android:text="@string/login" />

    <Button
        android:id="@+id/button2"
        android:layout_width="120dip"
        android:layout_height="wrap_content"
        android:layout_x="180dp"
        android:layout_y="210dp"
        android:text="@string/quit" />


</AbsoluteLayout>

6.TableLayout

package com.wention.Layout;

import com.wention.Layout.R;

import android.app.Activity;
import android.os.Bundle;

public class TableLayoutActivity extends Activity {
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.table_layout);
    }

}

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:stretchColumns="1" >

    <TableRow>

        <TextView
            android:gravity="right"
            android:padding="3dip"
            android:text="@string/qq"
            android:textStyle="bold" />

        <EditText
            android:id="@+id/username"
            android:padding="3dip"
            android:scrollHorizontally="true" />
    </TableRow>

    <TableRow>

        <TextView
            android:gravity="right"
            android:padding="3dip"
            android:text="@string/password"
            android:textStyle="bold" />

        <EditText
            android:id="@+id/password"
            android:padding="3dip"
            android:password="true"
            android:scrollHorizontally="true" />
    </TableRow>

    <TableRow android:gravity="right" >

        <Button
            android:id="@+id/cancel"
            android:text="@string/quit" />

        <Button
            android:id="@+id/login"
            android:text="@string/login" />
    </TableRow>

</TableLayout>

String.xml

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

    <string name="hello">Hello World, MainActivity!</string>
    <string name="app_name">Layout</string>
    <string name="buttonName01">LinerLayout</string>
    <string name="buttonName02">FrameLayout</string>
    <string name="buttonName03">RelativeLayout</string>
    <string name="buttonName04">AbsoluteLayout</string>
    <string name="buttonName05">TableLayout</string>
    <string name="rowName01">第一行</string>
    <string name="rowName02">第二行</string>
    <string name="rowName03">第三行</string>
    <string name="rowName04">第四行</string>
    <string name="lineName01">第一列</string>
    <string name="lineName02">第二列</string>
    <string name="lineName03">第三列</string>
    <string name="lineName04">第四列</string>
    <string name="qq">QQ：</string>
    <string name="password">密码：</string>
    <string name="login">登录：</string>
    <string name="quit">取消：</string>

</resources>

color.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="red">#ff0000</color>
    <color name="green">#00ff00</color>
    <color name="blue">#0000ff</color>
    <color name="yellow">#ffcc00</color>
    <color name="orange">#ff6600</color>
    
</resources>

 源码：Layout.rar