Android:重叠两个视图(故意!)

时间:2013-06-27 18:47:21

标签: android android-layout

只是想知道是否有可能重叠两个元素?

这是我想要实现的目标的例证:

enter image description here

基本上是一个圆形的ImageButton,其中心位于矩形的一角。我该如何定位呢?我可以使用RelativeLayout或其他吗?

3 个答案:

答案 0 :(得分:21)

您可以将RelativeLayout用于蓝色框,将ImageView对齐到右上角,然后使用负边距将其推到边界框上。以下是一个说明一般概念的示例:

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



    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"        
        android:layout_marginTop="-10dp"
        android:layout_marginRight="-10dp"
        android:src="@drawable/icon"/>
</RelativeLayout>

编辑: 我玩了这个,你必须在RelativeLayout的父级上设置android:clipChildren =“false”。这是一个更完整的样本:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".LoginActivity"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clipChildren="false">
    <RelativeLayout
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="#ff0000"
            android:layout_margin="100dp">
        <ImageView
                android:src="@drawable/ic_launcher"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_marginRight="-25dp"
                android:layout_marginTop="-25dp"/>
    </RelativeLayout>
</LinearLayout>

答案 1 :(得分:3)

一个非常简单的解决方案是将ImageView的边距设为负值(例如-40dp)。 但它只适用于某些情况。

答案 2 :(得分:0)

另一种简单的方法是使用两个透明图像视图。这些图像视图将位于蓝色布局的顶部和右侧。将此图像视图的背景设置为#00000000以使其透明。