Android 布局學習之——Layout(布局)詳解一

layout（布局）定義了用戶界面的可視化結構（visual structure）,如Activity的UI,應用窗口的UI。

      有兩種方式聲明layout:

      1.在xml文件中聲明UI組件。

      2.在運行時，實例化布局元素。我們可以以編碼的方式創建View或ViewGroup對象，操縱它們的屬性。

     下面用一個小例子來學習怎樣以編碼的方式添加layout：

    

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MainActivity extends Activity {
   
    private LinearLayout linearLayout;
    private TextView textView;
    private Button button;
    public static final int VERTICAL = 1;
    public static final int MATCH_PARENT = -1;
    public static final int WRAP_CONTENT = -2;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        //以編碼的方式添加layout
        
        linearLayout = new LinearLayout(this);
        linearLayout.setOrientation(VERTICAL);  //設置LinearLayout方向，0是水平，1是垂直。默認是水平。
        //設置布局參數，-1是MATCH_PARENT,-2是WRAP_CONTENT
        //ViewGroup.LayoutParams(int width, int height)
        linearLayout.setLayoutParams(new ViewGroup.LayoutParams(MATCH_PARENT,MATCH_PARENT));
        
        textView = new TextView(this);
        textView.setText("ThisIsATextView");
        textView.setBackgroundColor(Color.RED);
        textView.setLayoutParams(new ViewGroup.LayoutParams(MATCH_PARENT,WRAP_CONTENT));
        
        button = new Button(this);
        button.setText("ThisIsAButton");
        button.setBackgroundColor(Color.GREEN);
        button.setLayoutParams(new ViewGroup.LayoutParams(MATCH_PARENT,WRAP_CONTENT));
        
        linearLayout.addView(button);
        linearLayout.addView(textView);
        //布局寫好后，不要忘記添加到Activity中
        setContentView(linearLayout);
    
    
    }
}

 

    運行效果圖：

             

     每個layout文件必須包含一個確定的根元素，這個根元素它必須是View或ViewGroup的對象。

     那View類和ViewGroup類的作用是什么呢？

View:

        為用戶界面組件提供基本的搭建區域 。View類是widgets的父類，widgets通常用來創建交互UI組件

        如button,TextView等等。View類同時也是ViewGroup類的父類。

ViewGroup:

        是layout類的父類，而layout類是保存其他View或ViewGroup的可視化容器(invisible containers),並且能定義它們的布局屬性。

 

 

      通過添加額外的布局對象（layout object）或窗口(widgets)作為子元素來逐漸完善視圖層。     

 

     下面通過一個layout文件來具體學習以下：

    

<!-- 確定的根元素 LinearLayout是ViewGroup的子類layout的對象 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >
    <!-- 添加子組件來豐富視圖層 -->
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#f00"
        android:layout_weight="1"
        android:text="ThisIsAButton" />
    <TextView 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#0f0"
        android:text="ThisIsATextView"
        />
</LinearLayout>

   我們在xml文件中聲明好界面的布局方式以后，將xml文件保存在res/layout/ 下即可。

 

      希望這篇文章對大家的學習有所幫助，如果你喜歡，請推薦一下，謝謝~

      如果轉載，請在文章開頭處注明本博客地址:http:www.cnblogs.com/JohnTsai

      歡迎討論交流，郵箱:[e-mail] ：）