如何在相对布局的右上角设置图像和文本?

时间:2018-01-25 07:52:56

标签: android android-relativelayout

 <RelativeLayout
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:layout_alignParentTop="true"
           android:layout_centerHorizontal="true"
           android:layout_marginLeft="20dp"
           android:layout_marginRight="20dp"
           android:layout_marginTop="20dp"
           >

           <TextView
               android:id="@+id/nameText"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:ems="10"
               android:fontFamily="sans-serif-medium"
               android:letterSpacing="-0.03"
               android:text="Ajay Kulkarni"
               android:textColor="#3e4360"
               android:textSize="16sp"
               android:textStyle="normal"/>
           <TextView
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:layout_below="@+id/nameText"
               android:fontFamily="sans-serif"
               android:letterSpacing="-0.03"
               android:text="Co-Founder"
               android:gravity="right"
               android:textColor="@color/bluey_grey_three"
               android:textSize="12sp"
               android:textStyle="normal"/>

           <com.kdcos.contsync.utilities.RoundedImageView
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:layout_alignParentEnd="true"

               android:layout_marginEnd="32dp"
               android:layout_toStartOf="@+id/imageView3"
               android:background="@drawable/ic_success_illustration" />

           <com.kdcos.contsync.utilities.RoundedImageView
               android:layout_width="64dp"
               android:layout_height="64dp"
               android:layout_alignParentEnd="true"
               android:layout_marginEnd="29dp"
               android:background="@drawable/ic_cards_active"
               android:id="@+id/imageView3" />

           <com.kdcos.contsync.utilities.RoundedImageView
               android:layout_width="64dp"
               android:layout_height="64dp"
               android:layout_alignParentEnd="true"
               android:layout_marginEnd="29dp"
               android:layout_toLeftOf="@+id/imageView3"
               android:background="@drawable/ic_cards_active"
               android:id="@+id/imageView4" />
       </RelativeLayout>

这是我的xml我希望在android中设置所有2 textview 2 imageview右侧的相对布局。我的预期屏幕如下所示,请建议我如何在相对布局的右上角设置textview和imageview。 enter image description here

使用给定的代码我可以保持一个imageview右侧我同时保持textview和一个imageview。

2 个答案:

答案 0 :(得分:0)

使用此代码。欢呼声。

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_marginLeft="20dp"
    android:layout_marginRight="20dp"
    android:layout_marginTop="20dp">

    <TextView
        android:id="@+id/nameText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toStartOf="@id/imageView3"
        android:ems="10"
        android:fontFamily="sans-serif-medium"
        android:gravity="end"
        android:letterSpacing="-0.03"
        android:text="Ajay Kulkarni"
        android:textColor="#3e4360"
        android:textSize="16sp"
        android:textStyle="normal" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/nameText"
        android:fontFamily="sans-serif"
        android:gravity="end"
        android:layout_toStartOf="@id/imageView3"
        android:letterSpacing="-0.03"
        android:text="Co-Founder"
        android:textSize="12sp"
        android:textStyle="normal" />

    <com.kdcos.contsync.utilities.RoundedImageView
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_alignParentEnd="true"

           android:layout_marginEnd="32dp"
           android:layout_toStartOf="@+id/imageView3"
           android:background="@drawable/ic_success_illustration" />

       <com.kdcos.contsync.utilities.RoundedImageView
           android:layout_width="64dp"
           android:layout_height="64dp"
           android:layout_alignParentEnd="true"
           android:layout_marginEnd="29dp"
           android:background="@drawable/ic_cards_active"
           android:id="@+id/imageView3" />

       <com.kdcos.contsync.utilities.RoundedImageView
           android:layout_width="64dp"
           android:layout_height="64dp"
           android:layout_alignParentEnd="true"
           android:layout_marginEnd="29dp"
           android:layout_toLeftOf="@+id/imageView3"
           android:background="@drawable/ic_cards_active"
           android:id="@+id/imageView4" />

</RelativeLayout>

Check here

答案 1 :(得分:0)

试试这个

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_alignParentTop="true"
        android:layout_alignParentStart="true">

          <RelativeLayout
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:orientation="vertical"
                android:layout_weight=".1">



                <TextView
                    android:id="@+id/nameText"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:ems="10"
                    android:fontFamily="sans-serif-medium"
                    android:letterSpacing="-0.03"
                    android:text="Ajay Kulkarni"
                    android:textColor="#3e4360"
                    android:gravity="right"
                    android:textSize="16sp"
                    android:textStyle="normal"/>
                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_below="@+id/nameText"
                    android:fontFamily="sans-serif"
                    android:letterSpacing="-0.03"
                    android:text="Co-Founder"
                    android:gravity="right"
                    android:textColor="@color/cardview_dark_background"
                    android:textSize="12sp"
                    android:textStyle="normal"/>

            </RelativeLayout>


        <ImageView
            android:layout_width="0dp"
            android:layout_height="100dp"
            android:scaleType="fitXY"
            android:id="@+id/imgone"
            android:tint="@color/colorPrimary"
            android:src="@mipmap/ic_camera_white_48dp"
            android:layout_weight=".1"/>

        <ImageView
            android:layout_width="0dp"
            android:layout_height="100dp"
            android:tint="@color/colorPrimary"
            android:id="@+id/imagetow"
            android:scaleType="fitXY"
            android:src="@mipmap/ic_camera_white_48dp"
            android:layout_weight=".1"/>


    </LinearLayout>




</RelativeLayout>

<强>输出

enter image description here