快捷導(dǎo)航

Android應(yīng)用的LinearLayout中嵌套R(shí)elativeLayout的布局用法

更新時(shí)間：2016年04月13日 15:46:14 作者：xc0415

這篇文章主要介紹了Android應(yīng)用的LinearLayout中嵌套R(shí)elativeLayout的布局用法,文后還給出了線性布局中一些組件位置的調(diào)試經(jīng)驗(yàn),需要的朋友可以參考下

想將Button和ListView分別放在屏幕的一左一右。
單純使用android:gravity和android:layout_gravity不成功。
于是涉及到RelativeLayout。
關(guān)鍵為：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="發(fā)送" /> 
    </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="發(fā)送" /> 
    </RelativeLayout> 
</LinearLayout>

效果為：

2016413154429622.png (332×182)

PS：另附我的項(xiàng)目布局的一點(diǎn)經(jīng)驗(yàn)

<?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>

開始時(shí)RadioGroup的layout_width="wrap_content"，怎么設(shè)置權(quán)都達(dá)不到想要的效果。要改成fill_parent
RadioButton的尺寸比TextView大所以顯示時(shí)TextView在上方，設(shè)置LinearLayout中android:gravity="center">即可。

您可能感興趣的文章: