我应该使用什么RelativeLayout属性？

Question

我想为我的应用程序设计一个布局，如下图所示

但我遇到的问题是我申请相对布局的属性并不正确，如下面的我的 xml 代码所示，水平标尺图像具有 centerInParent 属性，垂直标尺图像也具有 centerInParent 属性，通过这样做，两个标尺都会到达准确的位置，但是当我放置一个子项时上面的水平标尺或子 toLeftOf 垂直标尺它们不会出现，因为 xml 文件的图形视图显示了以下原因：尽管通过应用 centerInParent，两个标尺都位于中心，但它们的引用仍保留在边缘，这就是为什么通过使用 layout_above 或 layout_toLeftOf 子标尺会超出布局

我的 xml 代码，

<?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:background="#FFFFFF"
          android:orientation="vertical">

       <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          android:background="@drawable/title"
        >

       <ImageView
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content"
          android:id="@+id/icon_img"
          android:layout_alignParentLeft="true"
          android:layout_marginLeft="10dip"
          android:layout_marginTop="2.5dip"
          android:src="@drawable/smicon"
       />
       <TextView  
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:layout_marginLeft="15dip"
          android:layout_toRightOf="@id/icon_img"
          android:layout_marginTop="3dip"
          android:text="Welcome To JEM"
          android:textStyle="bold"
          android:id="@+id/wcm_id"
          android:textSize="18dip"
          android:textColor="#FFFFFF"
       />

      <TextView  
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content"
          android:layout_alignBottom="@id/wcm_id"
          android:layout_alignParentRight="true"
          android:layout_marginRight="5dip"
          android:text="APPS BY SAM"
          android:id="@+id/app_by"
          android:textSize="16dip"
          android:textColor="#FFFFFF"
      />
     </RelativeLayout>

    <!-- This relative layout which is showing the main cross and icon around it -->
     <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          android:layout_marginTop="20dip"
     >


    <ImageView
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content"
          android:id="@+id/center_hr"
          android:layout_centerInParent="true"
          android:src="@drawable/horizontal"
    />

   <ImageView
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content"
          android:id="@+id/center_vr"
          android:layout_centerInParent="true"
          android:src="@drawable/verticle"
   />

  <ImageView
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content"
          android:layout_above="@id/center_hr"
          android:layout_toLeftOf="@id/center_vr"
          android:id="@+id/getuser"
          android:src="@drawable/adduser"
  />

 <ImageView
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content"
           android:layout_above="@id/center_hr"
           android:layout_toRightOf="@id/center_vr"
           android:id="@+id/set"
           android:src="@drawable/set"
 />

 <ImageView
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content"
           android:layout_below="@id/center_hr"
           android:layout_toLeftOf="@id/center_vr"
           android:id="@+id/get"
           android:src="@drawable/get"
 />

 <ImageView
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content"
           android:layout_below="@id/center_hr"
           android:layout_toRightOf="@id/center_vr"
           android:id="@+id/ico"
           android:src="@drawable/icon"
 />

</RelativeLayout>

</LinearLayout>

所以请告诉我如何将这个主十字和图标实现到左、右、上、下，如图所示

Answer 1

试试这个..

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical|center_horizontal">
<ImageView 
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
 <ImageView 
android:id="@+id/vertical_ruler"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/imageView1"/>

<ImageView 
android:id="@+id/imageView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/vertical_ruler"
/>
 <ImageView 
android:id="@+id/horizontal_ruler"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/imageView1"/>
<ImageView 
android:id="@+id/imageView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/horizontal_ruler"/>
 <ImageView 
android:id="@+id/imageView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/vertical_ruler"
android:layout_below="@id/horizontal_ruler"
/>   

也许对你有帮助..

Answer 2

您可以使用嵌入在RelativeLayout 中的TableLayout。相对布局可用于将 TableLayout 在屏幕上居中，在 TableLayout 中，您可以添加图片/按钮并说明您希望 TableLayout 有多少行和列。