Возможно ли разместить один вид над другим в андроиде?

Можем ли мы разместить маленький вид на другой большой вид? Например, у меня есть VideoView, который воспроизводит файл в фоновом режиме. За это, где-то в середине/углу, я хочу разместить еще один ImageView.

Но в линейном/относительном расположении представления могут быть размещены только один за другим или относительно друг друга, и рекомендуется использовать AbsoluteLayout. Так что мне делать?

Ответ 1

FrameLayouts позволяет вам сгруппировать каждый вид поверх приведенного ниже. Это также может быть достигнуто с помощью RelativeLayout.

Ответ 2

FrameLayout - это самая простая ViewGroup складывает Views в порядке, определенном ими в XML макета (или добавленном программно); первый будет ниже, а последний будет сверху.

Ниже приведен пример, в котором два Views уложены и смещение, чтобы лучше проиллюстрировать этот момент:

Вот фактический макет XML с двумя перекрывающимися блоками TextView. Смещение двух полей выполняется с помощью android:layout_gravity а 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>

Ответ 3

На всякий случай, если вы хотите разместить представление поверх ButtonView, используйте это; android:elevation="7dp" для вида, который должен быть размещен поверх кнопки.

Ответ 4

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

Ответ 5

Вы также можете сделать это, используя ConstraintLayout новый макет, представленный google.

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>