如何在relativelayout android中同等地对齐imageview间距?

时间:2017-02-22 05:49:29

标签: android android-layout

我的疑问是如何在相对布局或我尝试过的任何其他布局中均匀地对齐图像视图和textview间距,但是在我发布我的代码到目前为止我已经尝试过了:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/swiperefresh"
    tools:context=".Activities.VisitView"
    android:background="#e3e3e3">
<RelativeLayout
    android:layout_width="match_parent"
    android:orientation="horizontal"
    android:id="@+id/parent"
    android:background="#e3e3e3"
    android:layout_height="match_parent">
  <RelativeLayout
      android:layout_width="match_parent"
      android:background="#fff"
      android:layout_margin="20dp"
      android:id="@+id/child"
      android:layout_height="wrap_content">

   <RelativeLayout
       android:layout_width="wrap_content"

       android:id="@+id/first"
        android:layout_height="wrap_content">
       <de.hdodenhof.circleimageview.CircleImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
           android:layout_marginTop="5dp"
         android:id="@+id/e"
         android:layout_centerHorizontal="true"
        android:src="@drawable/ic_downloads"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Download"
        android:layout_marginTop="5dp"
        android:layout_marginLeft="10dp"
        android:layout_centerHorizontal="true"
        android:textSize="12sp"
        android:layout_below="@+id/e"/>
   </RelativeLayout>
    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/first"
        android:layout_marginLeft="10dp"
        android:id="@+id/second">
      <de.hdodenhof.circleimageview.CircleImageView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginLeft="10dp"
          android:layout_marginTop="5dp"
          android:id="@+id/e1"
          android:layout_centerHorizontal="true"
          android:src="@drawable/ic_up_arrow"/>
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Upload"
          android:layout_centerHorizontal="true"

          android:layout_marginTop="5dp"
          android:textSize="12sp"
          android:layout_marginLeft="10dp"
          android:layout_below="@+id/e1"/>

    </RelativeLayout>
      <RelativeLayout
          android:layout_marginLeft="10dp"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_toRightOf="@+id/second"
          android:id="@+id/third">
          <de.hdodenhof.circleimageview.CircleImageView
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_marginLeft="10dp"
              android:layout_marginTop="5dp"
              android:id="@+id/e3"
              android:layout_centerHorizontal="true"
              android:src="@drawable/ic_up_arrow"/>
          <TextView
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:text="Print"
              android:layout_centerHorizontal="true"

              android:layout_marginTop="5dp"
              android:textSize="12sp"
              android:layout_marginLeft="10dp"
              android:layout_below="@+id/e3"/>

      </RelativeLayout>
      <RelativeLayout
          android:layout_marginLeft="10dp"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_toRightOf="@+id/third"
          android:id="@+id/four">
          <de.hdodenhof.circleimageview.CircleImageView
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_marginLeft="10dp"
              android:layout_marginTop="5dp"
              android:id="@+id/e4"
              android:layout_centerHorizontal="true"
              android:src="@drawable/ic_up_arrow"/>
          <TextView
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:text="Notes"
              android:layout_centerHorizontal="true"

              android:layout_marginTop="5dp"
              android:textSize="12sp"
              android:layout_marginLeft="10dp"
              android:layout_below="@+id/e4"/>

      </RelativeLayout>
  </RelativeLayout>
  <android.support.v7.widget.RecyclerView
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:layout_below="@+id/child"
      android:layout_marginTop="5dp"
      android:id="@+id/visit"
      android:layout_marginBottom="5dp"
      android:divider="#e3e3e3"
      android:keepScreenOn="true"
      android:scrollbars="vertical"
      android:dividerHeight="0.5dp"
      />

</RelativeLayout>
</android.support.v4.widget.NestedScrollView>

但是textview和imageview没有在相对布局中正确对齐,这就是图像enter image description here

如何正确地对齐此图像和textview提前感谢!!

5 个答案:

答案 0 :(得分:1)

试试这个,

    <?xml version="1.0" encoding="utf-8"?>
    <android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/swiperefresh"
        android:layout_width="match_parent"
        android:layout_height="match_parent"

        android:background="#e3e3e3">

        <RelativeLayout
            android:id="@+id/parent"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#e3e3e3"
            android:orientation="horizontal">

            <LinearLayout
                android:id="@+id/child"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_margin="20dp"
                android:background="#fff"
                android:orientation="horizontal">

                <RelativeLayout
                    android:id="@+id/first"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:layout_weight="1">

                    <de.hdodenhof.circleimageview.CircleImageView
                        android:id="@+id/e"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerHorizontal="true"
                        android:layout_marginLeft="10dp"
                        android:layout_marginTop="5dp"
                        android:src="@drawable/ic_up_arrow" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@+id/e"
                        android:layout_centerHorizontal="true"
                        android:layout_marginLeft="10dp"
                        android:layout_marginTop="5dp"
                        android:text="Download"
                        android:textSize="12sp" />
                </RelativeLayout>

                <RelativeLayout
                    android:id="@+id/second"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:layout_weight="1">

                    <de.hdodenhof.circleimageview.CircleImageView
                        android:id="@+id/e1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerHorizontal="true"
                        android:layout_marginLeft="10dp"
                        android:layout_marginTop="5dp"
                        android:src="@drawable/ic_up_arrow" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@+id/e1"
                        android:layout_centerHorizontal="true"

                        android:layout_marginLeft="10dp"
                        android:layout_marginTop="5dp"
                        android:text="Upload"
                        android:textSize="12sp" />

                </RelativeLayout>

                <RelativeLayout
                    android:id="@+id/third"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:layout_weight="1">

                    <de.hdodenhof.circleimageview.CircleImageView
                        android:id="@+id/e3"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerHorizontal="true"
                        android:layout_marginLeft="10dp"
                        android:layout_marginTop="5dp"
                        android:src="@drawable/ic_up_arrow" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@+id/e3"
                        android:layout_centerHorizontal="true"

                        android:layout_marginLeft="10dp"
                        android:layout_marginTop="5dp"
                        android:text="Print"
                        android:textSize="12sp" />

                </RelativeLayout>

                <RelativeLayout
                    android:id="@+id/four"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:layout_weight="1">

                    <de.hdodenhof.circleimageview.CircleImageView
                        android:id="@+id/e4"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerHorizontal="true"
                        android:layout_marginLeft="10dp"
                        android:layout_marginTop="5dp"
                        android:src="@drawable/ic_up_arrow" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@+id/e4"
                        android:layout_centerHorizontal="true"

                        android:layout_marginLeft="10dp"
                        android:layout_marginTop="5dp"
                        android:text="Notes"
                        android:textSize="12sp" />

                </RelativeLayout>
            </LinearLayout>

            <android.support.v7.widget.RecyclerView
                android:id="@+id/visit"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_below="@+id/child"
                android:layout_marginBottom="5dp"
                android:layout_marginTop="5dp"
                android:divider="#e3e3e3"
                android:dividerHeight="0.5dp"
                android:keepScreenOn="true"
                android:scrollbars="vertical" />

        </RelativeLayout>
    </android.support.v4.widget.NestedScrollView>

答案 1 :(得分:0)

试试这个

/**
* Simple example script using PHPMailer with exceptions enabled
* @package phpmailer
* @version $Id$
*/
 
require ('mailer/class.phpmailer.php');
 
try {
        $mail = new PHPMailer(true); //New instance, with exceptions enabled
 
        $body             = "Please return read receipt to me.";
        $body             = preg_replace('/\\\\/','', $body); //Strip backslashes
 
        $mail->IsSMTP();                           // tell the class to use SMTP
        $mail->SMTPAuth   = true;                  // enable SMTP authentication
        $mail->Port       = 465;                    // set the SMTP server port
        $mail->Host       = "smtp.gmail.com"; // SMTP server
        $mail->Username   = "bhakuq@gmail.com";     // SMTP server username
        $mail->Password   = "bhakuxxx";            // SMTP server password
 
        $mail->IsSendmail();  // tell the class to use Sendmail
 
        $mail->AddReplyTo("bhakuq@gmail.com","Riya Patel");
 
        $mail->From       = "bhakuq@gmail.com";
        $mail->FromName   = "Riya Patel";
 
        $to = "bhakuq@gmail.com";
 
        $mail->AddAddress($to);
 
        $mail->Subject  = "First PHPMailer Message[Test Read Receipt]";
 
        $mail->ConfirmReadingTo = "someone@something.com"; //this is the command to request for read receipt. The read receipt email will send to the email address.
 
        $mail->AltBody    = "Please return read receipt to me."; // optional, comment out and test
        $mail->WordWrap   = 80; // set word wrap
 
        $mail->MsgHTML($body);
 
        $mail->IsHTML(true); // send as HTML
 
        $mail->Send();
        echo 'Message has been sent.';
} catch (phpmailerException $e) {
        echo $e->errorMessage();
}

答案 2 :(得分:0)

 <?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/swiperefresh"
android:background="#e3e3e3">
<RelativeLayout
    android:layout_width="match_parent"
    android:orientation="horizontal"
    android:id="@+id/parent"
    android:background="#e3e3e3"
    android:layout_height="match_parent">
    <LinearLayout
        android:layout_width="match_parent"
        android:background="#fff"
        android:layout_margin="20dp"
        android:orientation="horizontal"
        android:id="@+id/child"
        android:layout_height="wrap_content">

        <RelativeLayout
            android:id="@+id/first"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1">
            <de.hdodenhof.circleimageview.CircleImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="5dp"
                android:id="@+id/e"
                android:layout_centerHorizontal="true"
                android:src="@drawable/inactive_settings"/>
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Download"
                android:layout_marginTop="5dp"
                android:layout_marginLeft="10dp"
                android:layout_centerHorizontal="true"
                android:textSize="12sp"
                android:layout_below="@+id/e"/>
        </RelativeLayout>
        <RelativeLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:layout_toRightOf="@+id/first"
            android:layout_marginLeft="10dp"
            android:id="@+id/second">
            <de.hdodenhof.circleimageview.CircleImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="5dp"
                android:id="@+id/e1"
                android:layout_centerHorizontal="true"
                android:src="@drawable/inactive_settings"/>
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Upload"
                android:layout_centerHorizontal="true"

                android:layout_marginTop="5dp"
                android:textSize="12sp"
                android:layout_marginLeft="10dp"
                android:layout_below="@+id/e1"/>

        </RelativeLayout>
        <RelativeLayout
            android:layout_marginLeft="10dp"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:layout_toRightOf="@+id/second"
            android:id="@+id/third">
            <de.hdodenhof.circleimageview.CircleImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="5dp"
                android:id="@+id/e3"
                android:layout_centerHorizontal="true"
                android:src="@drawable/inactive_settings"/>
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Print"
                android:layout_centerHorizontal="true"

                android:layout_marginTop="5dp"
                android:textSize="12sp"
                android:layout_marginLeft="10dp"
                android:layout_below="@+id/e3"/>

        </RelativeLayout>
        <RelativeLayout
            android:layout_marginLeft="10dp"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:layout_toRightOf="@+id/third"
            android:id="@+id/four">
            <de.hdodenhof.circleimageview.CircleImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="5dp"
                android:id="@+id/e4"
                android:layout_centerHorizontal="true"
                android:src="@drawable/inactive_settings"/>
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Notes"
                android:layout_centerHorizontal="true"

                android:layout_marginTop="5dp"
                android:textSize="12sp"
                android:layout_marginLeft="10dp"
                android:layout_below="@+id/e4"/>

        </RelativeLayout>
    </LinearLayout>
    <android.support.v7.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/child"
        android:layout_marginTop="5dp"
        android:id="@+id/visit"
        android:layout_marginBottom="5dp"
        android:divider="#e3e3e3"
        android:keepScreenOn="true"
        android:scrollbars="vertical"
        android:dividerHeight="0.5dp"
        />

</RelativeLayout>

答案 3 :(得分:0)

将LinearLayout与权重和:

一起使用

<RelativeLayout
        android:layout_width="match_parent"
        android:orientation="horizontal"
        android:id="@+id/parent"
        android:background="#e3e3e3"
        android:layout_height="match_parent">
        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:background="#fff"
            android:layout_margin="20dp"
            android:id="@+id/child"
            android:weightSum="4"
            android:layout_height="wrap_content">

            <RelativeLayout
                android:layout_weight="1"
                android:layout_width="wrap_content"
                android:id="@+id/first"
                android:layout_height="wrap_content">
                <de.hdodenhof.circleimageview.CircleImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:layout_marginTop="5dp"
                    android:id="@+id/e"
                    android:layout_centerHorizontal="true"
                    android:src="@drawable/ic_downloads"/>
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Download"
                    android:layout_marginTop="5dp"
                    android:layout_marginLeft="10dp"
                    android:layout_centerHorizontal="true"
                    android:textSize="12sp"
                    android:layout_below="@+id/e"/>
            </RelativeLayout>
            <RelativeLayout
                android:layout_weight="1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@+id/first"
                android:layout_marginLeft="10dp"
                android:id="@+id/second">
                <de.hdodenhof.circleimageview.CircleImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:layout_marginTop="5dp"
                    android:id="@+id/e1"
                    android:layout_centerHorizontal="true"
                    android:src="@drawable/ic_up_arrow"/>
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Upload"
                    android:layout_centerHorizontal="true"

                    android:layout_marginTop="5dp"
                    android:textSize="12sp"
                    android:layout_marginLeft="10dp"
                    android:layout_below="@+id/e1"/>

            </RelativeLayout>
            <RelativeLayout
                android:layout_weight="1"
                android:layout_marginLeft="10dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@+id/second"
                android:id="@+id/third">
                <de.hdodenhof.circleimageview.CircleImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:layout_marginTop="5dp"
                    android:id="@+id/e3"
                    android:layout_centerHorizontal="true"
                    android:src="@drawable/ic_up_arrow"/>
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Print"
                    android:layout_centerHorizontal="true"

                    android:layout_marginTop="5dp"
                    android:textSize="12sp"
                    android:layout_marginLeft="10dp"
                    android:layout_below="@+id/e3"/>

            </RelativeLayout>
            <RelativeLayout
                android:layout_weight="1"
                android:layout_marginLeft="10dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@+id/third"
                android:id="@+id/four">
                <de.hdodenhof.circleimageview.CircleImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:layout_marginTop="5dp"
                    android:id="@+id/e4"
                    android:layout_centerHorizontal="true"
                    android:src="@drawable/ic_up_arrow"/>
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Notes"
                    android:layout_centerHorizontal="true"

                    android:layout_marginTop="5dp"
                    android:textSize="12sp"
                    android:layout_marginLeft="10dp"
                    android:layout_below="@+id/e4"/>

            </RelativeLayout>
        </LinearLayout>
        <android.support.v7.widget.RecyclerView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@+id/child"
            android:layout_marginTop="5dp"
            android:id="@+id/visit"
            android:layout_marginBottom="5dp"
            android:divider="#e3e3e3"
            android:keepScreenOn="true"
            android:scrollbars="vertical"
            android:dividerHeight="0.5dp"
            />

    </RelativeLayout>
</android.support.v4.widget.NestedScrollView>

答案 4 :(得分:0)

请参考这个,在相对布局中实现线性布局。在相对布局中放置图像视图代替我的图像视图。

 <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/relativeLayout2"
    android:layout_alignParentTop="true"
    android:layout_alignParentStart="true">

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="50dp">


    <ImageView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        app:srcCompat="@drawable/tv"
        android:id="@+id/starImage" />

    <ImageView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        app:srcCompat="@drawable/music"
        android:id="@+id/callImage" />

    <ImageView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        app:srcCompat="@drawable/books"
        android:id="@+id/shareImage" />

    <ImageView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        app:srcCompat="@drawable/block_icon"
        android:id="@+id/blockImage" />

    <ImageView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        app:srcCompat="@drawable/edit"
        android:id="@+id/deleteimage" />
</LinearLayout>

你的输出会像这样。

enter image description here