将视图的中心与其他视图的边缘对齐

时间:2014-08-03 08:54:53

标签: android android-layout

我有2个视图,例如它的2个ImageView。我希望他们看起来像这样 enter image description here

因此View2的中心与View1对齐,View1的水平中心与View2相同。

目前的代码是

<RelativeLayout
    android:id="@+id/colorLayout"
    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:layout_above="@+id/colorList"
    android:layout_alignLeft="@+id/brightBarLayout"
    android:layout_alignRight="@+id/brightBarLayout"
    android:layout_below="@+id/brightBarLayout"
    android:layout_marginTop="@dimen/activity_horizontal_margin"        
    android:layout_marginBottom="@dimen/activity_horizontal_margin">

    <android.support.v4.view.ViewPager
        android:id="@+id/colorPicker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    </android.support.v4.view.ViewPager>

    <ImageButton
        android:id="@+id/imgBtnFaveColor"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:background="@null"
        android:src="@drawable/ic_color_fave" />

</RelativeLayout>

我基于View2.heigh

为View1动态设置marginTop

1 个答案:

答案 0 :(得分:4)

像这样的东西

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/view1"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_centerInParent="true"/>
    <ImageView
        android:id="@+id/view2"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_alignTop="@+id/view1"
        android:layout_alignLeft="@+id/view1"
        android:layout_marginTop="-50dp"
        android:layout_marginLeft="50dp"/>

</RelativeLayout>