Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android應用的LinearLayout中嵌套RelativeLayout的布局用法

Android應用的LinearLayout中嵌套RelativeLayout的布局用法

編輯:關於Android編程

想將Button和ListView分別放在屏幕的一左一右。
單純使用android:gravity和android:layout_gravity不成功。
於是涉及到RelativeLayout。
關鍵為:android:layout_alignParentRight="true",
android:layout_alignParentLeft="true":

<?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="wrap_content" android:gravity="center_vertical"> 
 
  <TextView 
    android:id="@+id/mTextView" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="@string/hello" /> 
 
   <RelativeLayout 
    android:layout_width="wrap_content"  
    android:layout_height="wrap_content" android:gravity="right"  
    android:padding="10dp"> 
    <TextView 
      android:id="@+id/mTextView01" 
      android:layout_alignParentLeft="true" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="范例一" /> 
    <Button 
      android:id="@+id/mButton01" 
      android:layout_alignParentRight="true" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="發送" /> 
    </RelativeLayout> 
 
    <RelativeLayout 
    android:layout_width="wrap_content"  
    android:layout_height="wrap_content" android:gravity="right"  
    android:padding="10dp"> 
    <TextView 
      android:id="@+id/mTextView02" 
      android:layout_alignParentLeft="true" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="范例二" /> 
    <Button 
      android:id="@+id/mButton01" 
      android:layout_alignParentRight="true" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="發送" /> 
    </RelativeLayout> 
</LinearLayout> 

效果為:

2016413154429622.png (332×182)

PS:另附我的項目布局的一點經驗

<?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:orientation="horizontal" 
    android:layout_marginLeft="50px" 
    android:layout_marginRight="50px" 
    android:layout_marginBottom="15px" 
    android:layout_gravity="center" 
    android:gravity="center">  
    <TextView  
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:text="性別" 
      android:textSize="18sp" 
      android:layout_weight="3"/>     
     <RadioGroup android:id="@+id/radioGroup"  
       android:contentDescription="性別"  
       android:layout_width="fill_parent"  
       android:layout_height="wrap_content" 
       android:orientation="horizontal" 
       android:layout_weight="1"> 
          
      <RadioButton android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:id="@+id/radioMale"  
        android:text="男"  
        android:checked="true" 
        android:layout_marginRight="15px" 
        android:textSize="18sp"> 
        </RadioButton> 
      <RadioButton android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:id="@+id/radioFemale"  
        android:text="女" 
        android:textSize="18sp"> 
        </RadioButton> 
     </RadioGroup> 
 </LinearLayout> 
   
</LinearLayout> 

 開始時RadioGroup的layout_width="wrap_content",怎麼設置權都達不到想要的效果。要改成fill_parent
RadioButton的尺寸比TextView大  所以顯示時TextView在上方,設置LinearLayout中android:gravity="center">即可。

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved