Android 布局管理器 之 RelativeLayout&FrameLayout&AbsoluteLayout

來源:互聯網
上載者:User

3 RelativeLayout

子控制項的位置是相對兄弟控制項或父控制項的位置而決定的。ViewA的位置相對於ViewB來決定,要保證B出現在A之前。

屬性名稱 屬性說明
android:layout_centerHorizontal 當前控制項位於父控制項的橫向中間位置
android:layout_centerVertical 當前控制項位於父控制項的縱向中間位置
android:layout_centerParent 當前控制項位於父控制項的縱橫向中間位置
android:layout_alignParentBottom 當前控制項低端與父控制項的低端對齊
android:layout_alignParentLeft 當前控制項左端與父控制項的左端對齊
android:layout_alignParentRight 當前控制項右端與父控制項的右端對齊
android:layout_alignParentTop 當前控制項上端與父控制項的上端對齊
android:layout_alignWithParentIfMissing 參照控制項不存在或不可見時參照父控制項
   
android:layout_toRightOf 使當前控制項位於給出id控制項的右側
android:layout_toLeftOf  
android:layout_above  
android:layout_below  
android:layout_alignTop  
android:layout_alignBottom  
android:layout_alignLeft  
android:layout_alignRight  
   
android:layout_marginLeft 當前控制項左側的留白
android:layout_marginRight  
android:layout_marginTop  
android:layout_marginBottom  

relavitelayout.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" android:layout_height="fill_parent">
    <ImageView android:id="@+id/iv01" android:background="@drawable/img01"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:layout_centerHorizontal="true" />
    <ImageView android:id="@+id/iv02" android:background="@drawable/img02"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:layout_toRightOf="@id/iv01" android:layout_alignTop="@id/iv01" />
    <ImageView android:id="@+id/iv03" android:background="@drawable/img03"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:layout_below="@id/iv01" android:layout_alignLeft="@id/iv01" />
</RelativeLayout>

4 FrameLayout

在FrameLayout中,子控制項是通過棧來繪製的,所有後添加的子控制項會被繪製在上層

屬性名稱 對應方法 描述
android:foreground setForeground(Drawable) 設定繪製在所有控制項之上
android:foregroundGravity setForegroundGravity(int) 設定繪製在所有子控制項之上內容的gravity屬性

<?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">
    <TextView android:id="@+id/big" android:text="大" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:textSize="60px"
        android:textColor="@drawable/white" />
    <TextView android:text="中" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:textSize="40px"
        android:textColor="@drawable/darkgray" />
    <TextView android:text="小" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:textSize="20px"
        android:textColor="@drawable/abc" />
</FrameLayout>

5 AbsoluteLayout

<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">
    <ImageView android:layout_height="wrap_content" android:src="@drawable/img01"
        android:id="@+id/imageView1" android:layout_width="wrap_content"
        android:layout_x="57dip" android:layout_y="41dip"></ImageView>
    <ImageView android:layout_height="wrap_content" android:src="@drawable/img02"
        android:id="@+id/imageView2" android:layout_width="wrap_content"
        android:layout_x="174dip" android:layout_y="38dip"></ImageView>
    <TextView android:layout_height="wrap_content" android:text="TextView"
        android:layout_x="98dip" android:id="@+id/textView1"
        android:layout_width="wrap_content" android:layout_y="122dip"></TextView>
    <Button android:layout_height="wrap_content" android:id="@+id/button1"
        android:layout_x="93dip" android:text="Button" android:layout_width="wrap_content"
        android:layout_y="173dip"></Button>
</AbsoluteLayout>

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.