电竞比分网-中国电竞赛事及体育赛事平台

分享

第13章、布局Layouts之RelativeLayout相對布局(從零開始學Android)

 天然書庫 2015-03-23

  RelativeLayout相對布局

  RelativeLayout是一種相對布局,控件的位置是按照相對位置來計算的,后一個控件在什么位置依賴于前一個控件的基本位置,是布局最常用,也是最靈活的一種布局。

  

  我們下面通過XML布局和Java代碼布局兩種方式分別舉例:

一、XML方式布局

  1、創(chuàng)建一個空白Activity

  

  2、打開“res/layout/activity_main.xml”文件,修改成以下代碼。

  

 ?。?)第①部分

  <?xml version="1.0" encoding="utf-8">,每個XML文檔都由XML序言開始,在前面的代碼中的第一行便是XML序言,<?xml version="1.0">。這行代碼表示按照1.0版本的XML規(guī)則進行解析。encoding = "utf-8"表示此xml文件采用utf-8的編碼格式。編碼格式也可以是GB2312。

  如果你對此不太明白,請參閱相關XML文檔。

 ?。?)第②部分

  <RelativeLayout…… 表示采用相對布局管理器。

 ?。?)第③部分

  android:layout_width="match_parent" android:layout_height="match_parent"表示布局管理器寬度和高充將填充整個屏幕寬度和高度。

  3、插入三個按鈕。

  插入三個按鈕,并分別設置其文本為:“第一個按鈕”、“第二個按鈕”、“第三個按鈕”。

  

  我們下一步設置第一個按鈕距離左邊、上邊各20dp,第二個按鈕距離第一個按鈕左邊、上邊各10dp;第三個按鈕距離第二個按鈕上邊10dp,與第二個按鈕左邊對齊。

  4、打開“res/layout/activity_main.xml”文件,修改成以下代碼。

  

 ?。?)第①部分

  設置第一個按鈕,以父元素為基準,貼緊左上,距離20dp?! ?/p>

  1. <Button  
  2.        android:id="@+id/button1"  
  3.       android:layout_width="wrap_content"                //寬度匹配內(nèi)容  
  4.        android:layout_height="wrap_content"               //高度匹配內(nèi)容    
  5.        android:layout_alignParentLeft="true"                         //貼緊父元素左邊  
  6.        android:layout_alignParentTop="true"               //貼緊父元素上邊   
  7.        android:layout_marginLeft="20dp"                              //設置左間距20dp  
  8.        android:layout_marginTop="20dp"                               //設置上間距20dp  
  9.        android:text="第一個按鈕" />  

  (2)第②部分

  設置第二個按鈕,以第一個按鈕為基準,在第一個按鈕下面,對齊第一個按鈕的右邊,上距離15dp。

  1. <Button  
  2.         android:id="@+id/button2"  
  3.         android:layout_width="wrap_content"              //寬度匹配內(nèi)容  
  4.         android:layout_height="wrap_content"              //高度匹配內(nèi)容  
  5.         android:layout_below="@+id/button1"              //位置在第一個按鈕的下面  
  6.         android:layout_toRightOf="@+id/button1"            //與第一個按鈕的右邊對齊  
  7.         android:layout_marginTop="15dp"                            //設置上間距15dp  
  8.      android:text="第二個按鈕" />  

 ?。?)第③部分  

  設置第三個按鈕,以第二個按鈕為基準,在第二個按鈕下面,對齊第二個按鈕的左邊,距離15dp。

  1. <Button  
  2.     android:id="@+id/button3"  
  3.     android:layout_width="wrap_content"              //寬度匹配內(nèi)容  
  4.     android:layout_height="wrap_content"              //高度匹配內(nèi)容  
  5.     android:layout_below="@+id/button2"              //位置在第二個按鈕的下面  
  6.     android:layout_toLeftOf="@+id/button2"            //與第二個按鈕的左邊對齊  
  7.     android:layout_marginTop="15dp"                //設置上間距15dp          
  8.     android:text="第三個按鈕" />  


  最終顯示效果如下:

  

  附:相對布局常用屬性介紹

  這里將這些屬性分成組,便于理解和記憶。
  a)、第一類:屬性值為true或false
  android:layout_centerHrizontal 水平居中
  android:layout_centerVertical 垂直居中
  android:layout_centerInparent 相對于父元素完全居中
  android:layout_alignParentBottom 貼緊父元素的下邊緣
  android:layout_alignParentLeft 貼緊父元素的左邊緣
  android:layout_alignParentRight 貼緊父元素的右邊緣
  android:layout_alignParentTop 貼緊父元素的上邊緣  

  b)、第二類:屬性值必須為id的引用名“@id/id-name
  android:layout_below 在某元素的下方
  android:layout_above 在某元素的的上方
  android:layout_toLeftOf 在某元素的左邊
  android:layout_toRightOf 在某元素的右邊
  android:layout_alignTop 本元素的上邊緣和某元素的的上邊緣對齊
  android:layout_alignLeft 本元素的左邊緣和某元素的的左邊緣對齊
  android:layout_alignBottom 本元素的下邊緣和某元素的的下邊緣對齊
  android:layout_alignRight 本元素的右邊緣和某元素的的右邊緣對齊



  c)、第三類:屬性值為具體的像素值,如30dip,40px
  android:layout_marginBottom 離某元素底邊緣的距離
  android:layout_marginLeft 離某元素左邊緣的距離
  android:layout_marginRight 離某元素右邊緣的距離
  android:layout_marginTop 離某元素上邊緣的距離

 

  可以通過組合這些屬性來實現(xiàn)各種各樣的布局。

 

    本站是提供個人知識管理的網(wǎng)絡存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權內(nèi)容,請點擊一鍵舉報。
    轉藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約