Android開發之線性布局

一、基礎知識:

   id="@+id/edtInput",ID 是串連UI 與代碼的橋樑

  layout_width="fill_parent" ，自動填滿至螢幕寬度

  layout_width="wrap_content" ，自動填滿為控制項大小

 

  在LinearLayout 裡面的控制項，按照水平或者垂直排列：

   orientation="horizontal" ：水平排列；

   orientation=" vertical" ：垂直排列

 

  使用android:layout_weight指定百分比（權值）。

  在LinearLayout嵌套的情況下，子LinearLayout必須要設定權值，否則預設的情況是未設定權值的子LinearLayout佔據整個螢幕。

 

android:id  —— 為控制項指定相應的ID

android:text —— 指定控制項當中顯示的文字，需要注意的是，這裡盡量使用strings.xml檔案當中的字串

android:grivity —— 指定控制項的基本位置，比如說置中，居右等位置

android:textSize —— 指定控制項當中字型的大小

android:background —— 指定該控制項所使用的背景色,RGB命名法

android:width —— 指定控制項的寬度

android:height —— 指定控制項的高度

android:padding* —— 指定控制項的內邊距，也就是說控制項當中的內容

android:sigleLine —— 如果設定為真的話，則將控制項的內容在同一行當中進行顯示

 

二、代碼展示:

1."Acticity_05srcyanacticity_05MainActivity.java"

[java]

package yan.acticity_05; 

 

import android.os.Bundle; 

import android.app.Activity; 

import android.view.Menu; 

 

public class MainActivity extends Activity { 

 

    @Override 

    protected void onCreate(Bundle savedInstanceState) { 

        super.onCreate(savedInstanceState); 

        setContentView(R.layout.activity_main); 

    } 

 

    @Override 

    public boolean onCreateOptionsMenu(Menu menu) { 

        // Inflate the menu; this adds items to the action bar if it is present.  

        getMenuInflater().inflate(R.menu.activity_main, menu); 

        return true; 

    } 

 

} 

package yan.acticity_05;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

public class MainActivity extends Activity {

 @Override

 protected void onCreate(Bundle savedInstanceState) {

  super.onCreate(savedInstanceState);

  setContentView(R.layout.activity_main);

 }

 @Override

 public boolean onCreateOptionsMenu(Menu menu) {

  // Inflate the menu; this adds items to the action bar if it is present.

  getMenuInflater().inflate(R.menu.activity_main, menu);

  return true;

 }

}

 

2.“Acticity_05reslayoutactivity_main.xml”

[html]

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 

    android:orientation="vertical" 

    android:layout_width="fill_parent" 

    android:layout_height="fill_parent" 

    > 

<!--   

        代碼編輯提示快速鍵:  Alt+/ 

 

        id="@+id/edtInput",ID 是串連UI 與代碼的橋樑 

        layout_width="fill_parent" ，自動填滿至螢幕寬度 

        layout_width="wrap_content" ，自動填滿為控制項大小 

         

        在LinearLayout 裡面的控制項，按照水平或者垂直排列： 

            orientation="horizontal" ：水平排列； 

            orientation=" vertical" ：垂直排列 

             

        android:id  —— 為控制項指定相應的ID 

        android:text —— 指定控制項當中顯示的文字，需要注意的是，這裡盡量使用strings.xml檔案當中的字串 

        android:grivity —— 指定控制項的基本位置，比如說置中，居右等位置 

        android:textSize —— 指定控制項當中字型的大小 

        android:background —— 指定該控制項所使用的背景色,RGB命名法  

        android:width —— 指定控制項的寬度 

        android:height —— 指定控制項的高度 

        android:padding* —— 指定控制項的內邊距，也就是說控制項當中的內容 

        android:sigleLine —— 如果設定為真的話，則將控制項的內容在同一行當中進行顯示 

                         

--> 

   <EditText 

       android:id="@+id/edtInput" 

       android:layout_width="fill_parent" 

       android:layout_height="wrap_content" 

       android:text="@+string/hello_world" 

       /> 

 

    <Button 

        android:id="@+id/myButton" 

        android:layout_width="fill_parent" 

        android:layout_height="wrap_content" 

        /> 

 

    <TextView 

        android:id="@+id/firstText" 

        android:text="TextView第一行" 

        android:gravity="center_vertical" 

        android:textSize="15pt" 

        android:background="#aa0000" 

        android:layout_width="fill_parent" 

        android:layout_height="wrap_content" 

        android:layout_weight="10000" 

        android:singleLine="true"/> 

    <TextView 

        android:id="@+id/secondText" 

        android:text="TextView第二行" 

        android:gravity="center_vertical" 

        android:textSize="15pt" 

        android:background="#0000aa" 

        android:layout_width="fill_parent" 

        android:layout_height="wrap_content" 

        android:layout_weight="1"/> 

     

</LinearLayout> 

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

 android:orientation="vertical"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    >

<!-- 

  代碼編輯提示快速鍵: Alt+/

  id="@+id/edtInput",ID 是串連UI 與代碼的橋樑

  layout_width="fill_parent" ，自動填滿至螢幕寬度

  layout_width="wrap_content" ，自動填滿為控制項大小

  

  在LinearLayout 裡面的控制項，按照水平或者垂直排列：

   orientation="horizontal" ：水平排列；

   orientation=" vertical" ：垂直排列

   

  android:id  —— 為控制項指定相應的ID

  android:text —— 指定控制項當中顯示的文字，需要注意的是，這裡盡量使用strings.xml檔案當中的字串

  android:grivity —— 指定控制項的基本位置，比如說置中，居右等位置

  android:textSize —— 指定控制項當中字型的大小

  android:background —— 指定該控制項所使用的背景色,RGB命名法

  android:width —— 指定控制項的寬度

  android:height —— 指定控制項的高度

  android:padding* —— 指定控制項的內邊距，也就是說控制項當中的內容

  android:sigleLine —— 如果設定為真的話，則將控制項的內容在同一行當中進行顯示

      

-->

   <EditText

       android:id="@+id/edtInput"

       android:layout_width="fill_parent"

       android:layout_height="wrap_content"

       android:text="@+string/hello_world"

       />

    <Button

        android:id="@+id/myButton"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        />

    <TextView

  android:id="@+id/firstText"

  android:text="TextView第一行"

  android:gravity="center_vertical"

  android:textSize="15pt"

  android:background="#aa0000"

  android:layout_width="fill_parent"

  android:layout_height="wrap_content"

  android:layout_weight="10000"

        android:singleLine="true"/>

 <TextView

  android:id="@+id/secondText"

  android:text="TextView第二行"

  android:gravity="center_vertical"

  android:textSize="15pt"

  android:background="#0000aa"

  android:layout_width="fill_parent"

  android:layout_height="wrap_content"

  android:layout_weight="1"/>

   

</LinearLayout>

 

三、效果展示: