Android位置按钮位于2个布局的中间位置

时间:2016-05-23 11:08:59

标签: android xml android-layout layout

我试图达到这样的目标:

enter image description here

我也在这里找到了这个问题:

Design a round button over two colored layouts

仅当布局权重设置为50%时,第一个答案才有效。第二个答案有一个缺点。那么你们中的任何人都可以帮助我吗?

2 个答案:

答案 0 :(得分:0)

使用具有垂直方向的LinearLayout和weightSum =“3”作为父布局,然后在其中添加3个子项,序列应为

1)RelativeLayout

2)按钮

3)RelativeLayout

对于第一个RelativeLayout设置高度为0dp,权重为0.4,第二个RelativeLayout设置高度为0dp,权重为0.6

希望它会有所帮助:)

答案 1 :(得分:0)

在xml文件中尝试:

<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"

tools:context="com.example.layout.MainActivity" >

<LinearLayout
    android:id="@+id/bacimage"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:orientation="vertical"
    android:background="@drawable/nature"/>

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="145dp"
    android:background="@drawable/circle"
    android:src="@drawable/ic_launcher" />

<ImageView
    android:id="@+id/imageView3"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_alignParentRight="true"
    android:layout_alignTop="@+id/imageView2"
    android:layout_marginRight="18dp"
    android:background="@drawable/circle2"
    android:src="@drawable/ic_launcher" />

<ImageView
    android:id="@+id/imageView2"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_alignBottom="@+id/imageView1"
    android:layout_alignParentLeft="true"
    android:layout_marginBottom="18dp"
    android:layout_marginLeft="23dp"
    android:background="@drawable/circle1"
    android:src="@drawable/plus" />

<ImageView
    android:id="@+id/imageView4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/imageView1"
    android:layout_marginRight="16dp"
    android:layout_marginTop="91dp"
    android:layout_toLeftOf="@+id/imageView1"
    />

   </RelativeLayout>
    http://i.stack.imgur.com/V3wWi.jpg