38

我们可以将一个小视图放在另一个大视图上吗？例如，我有一个在后台播放文件的 VideoView。在此之上，在中间/角落的某个地方，我想放置另一个 ImageView。

但是在 Linear/Relative Layout 中，views 只能一个接一个地放置，也可以相对于彼此放置，建议不要使用 AbsoluteLayout。那我该怎么办？

4

6 回答 6

58

这FrameLayout是最简单的，并按照它们在布局 XML 中定义的顺序（或以编程方式添加）进行ViewGroup堆叠；Views第一个会更低，最后一个会在上面。

这是一个示例，其中两个Views堆叠并偏移以更好地说明这一点：

在此处输入图像描述

这是带有两个重叠TextView框的实际布局 XML。两个框的偏移是使用android:layout_gravitywhile完成的，android:gravity用于将文本本身居中在每个框内。

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

    <TextView
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_gravity="top|left"
        android:background="@android:color/holo_blue_light"
        android:gravity="center"
        android:text="First is below"/>

    <TextView
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_gravity="bottom|right"
        android:background="@android:color/holo_green_light"
        android:gravity="center"
        android:text=" Last is on top"/>

</FrameLayout>
于 2016-09-15T18:54:16.773 回答
32

FrameLayouts让您将每个视图堆叠在下面的视图之上。这也可以通过RelativeLayout.

于 2010-09-29T12:52:35.510 回答
31

以防万一您想在 ButtonView 顶部放置一个视图，然后使用它； android:elevation="7dp"对于需要放置在按钮顶部的视图。

于 2018-03-28T20:39:34.950 回答
5

您也可以使用Google 引入的新布局ConstraintLayout来实现。

ConstraintLayout 允许您创建具有平面视图层次结构（无嵌套视图组）的大型复杂布局。

 <?xml version="1.0" encoding="utf-8"?>
  <android.support.constraint.ConstraintLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/container"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  android:layout_weight="4"
  tools:context="com.edalat.example.MainActivity">
  <VideoView
    android:id="@+id/videoView"
    android:layout_width="283dp"
    android:layout_height="349dp"
    app:layout_constraintBottom_toBottomOf="parent"
    android:layout_marginBottom="24dp"
    app:layout_constraintTop_toTopOf="parent"
    android:layout_marginTop="24dp"
    android:layout_marginRight="24dp"
    app:layout_constraintRight_toRightOf="parent"
    android:layout_marginLeft="24dp"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintHorizontal_bias="0.509"/>
  <ImageView
     android:id="@+id/imageView"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     app:srcCompat="@mipmap/ic_launcher"
     app:layout_constraintTop_toTopOf="parent"
     android:layout_marginTop="24dp"
     app:layout_constraintBottom_toBottomOf="parent"
     android:layout_marginBottom="24dp"
     android:layout_marginLeft="24dp"
     app:layout_constraintLeft_toLeftOf="parent"
     android:layout_marginRight="24dp"
     app:layout_constraintRight_toRightOf="parent"/>
   </android.support.constraint.ConstraintLayout>
于 2017-04-26T21:40:10.303 回答
3 
<?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"
    android:padding="@dimen/dp_20"
    android:background="@color/yellow"
    >
        <VideoView
            android:id="@+id/videoview"
            android:layout_width="wrap_content"
            android:layout_centerInParent="true"
            android:layout_height="300dp"
            android:contentDescription="@string/app_name"
             />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/camera"
            android:layout_margin="30dp"
            android:layout_alignParentEnd="true"
            android:layout_centerVertical="true"
            android:id="@+id/imageView" />

</RelativeLayout>
于 2017-04-12T10:36:54.530 回答
2

创建相对布局并在其中放置视图并添加

android:elevation="2dp"

因为要超越另一个的观点

于 2021-08-13T18:00:16.770 回答