Android相对布局实例

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.fingergame.MainActivity"
    tools:ignore="MergeRootFrame" 
    
    
    >
    <!-- 注释不能写在</>标记内 -->
   <!--   android:layout_width="fill_parent"这与父组件左右对齐属性结合的效果一致-->
   <TextView
        android:id="@+id/title"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="5dp"
        android:gravity="center_horizontal"
        android:textSize="20sp"
        android:textColor="#0000FF"
        android:text="猜 拳 游 戏"   
        />

    <ImageView
        android:id="@+id/photo1"
        android:layout_below="@id/title"
   		android:layout_width="wrap_content"
   		android:layout_height="wrap_content"
   		  android:layout_marginTop="18dp"
   		android:layout_marginLeft="60dp"
   		android:src="@drawable/smileface"
        />
    
    <ImageView
        android:id="@+id/photo2"
         android:layout_below="@id/title"
        android:layout_toRightOf="@id/photo1"
          android:layout_marginTop="18dp"
   		android:layout_width="wrap_content"
   		android:layout_height="wrap_content"
   		android:layout_marginLeft="80dp"
   		android:src="@drawable/smileface"
        />
    <RadioGroup 
        android:id="@+id/chose1"
        android:layout_width="wrap_content"
   		android:layout_height="wrap_content"
   		android:layout_marginTop="18dp"
   		 android:layout_marginLeft="40dp"
   		android:layout_below="@id/photo1"
   		android:orientation="vertical"
   		>        
   
    <RadioButton
        android:id="@+id/stone1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/photo1"
        android:layout_toRightOf="@+id/chose1"
         android:layout_marginTop="20dp"
        android:checked="true"
        android:text="石头" />
    
    <RadioButton
        android:id="@+id/scissors1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/stone1"
        android:layout_marginTop="20dp"
        android:layout_toRightOf="@+id/chose1"
        android:text="剪刀" />
    
    <RadioButton
        android:id="@+id/cloth1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/scissors1"
        android:layout_marginTop="20dp"
        android:layout_toRightOf="@+id/chose1"
        android:text="布" />
   </RadioGroup>

     <!--   android:layout_height="wrap_content"以chose1的头部对齐
       比用android:layout_marginTop="20dp"更灵活 -->
      <RadioGroup
          android:id="@+id/chose2"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_alignTop="@+id/chose1"     
          android:layout_marginLeft="70dp"
          android:layout_toRightOf="@+id/photo1"
          android:orientation="vertical" >

          <RadioButton
              android:id="@+id/stone2"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_below="@+id/chose1"
              android:layout_marginTop="20dp"
              android:layout_toRightOf="@+id/stone1"
              android:checked="true"
              android:text="石头" />

          <RadioButton
              android:id="@+id/scissors2"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_below="@+id/stone2"
              android:layout_marginTop="20dp"
              android:layout_toRightOf="@+id/scissors1"
              android:text="剪刀" />

          <RadioButton
              android:id="@+id/cloth2"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_below="@+id/cloth1"
              android:layout_marginTop="20dp"
              android:layout_toRightOf="@+id/cloth1"
              android:text="布" />
      </RadioGroup>
      
     <Button
         android:id="@+id/ok1"
              android:layout_width="75dp"
              android:layout_height="35dp"
              android:layout_below="@+id/chose1"
              android:layout_marginTop="20dp"
              android:layout_alignLeft="@+id/chose1"
              android:text="确认"
         />

     <Button
         android:id="@+id/ok2"
              android:layout_width="75dp"
              android:layout_height="35dp"
              android:layout_below="@+id/chose2"
              android:layout_marginTop="20dp"
              android:layout_alignLeft="@+id/chose2"
              android:text="确认"
         />

     <TextView
         android:id="@+id/copyright"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_alignParentBottom="true"
         android:layout_centerHorizontal="true"
         android:layout_marginBottom="5dp"
         android:text="©fingergame 2015   |   designer:Amy" />

</RelativeLayout>

  运行结果:

技术分享

 

技术分享

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。