Можно ли разместить один вид на другое в Android?
-
26-09-2019 - |
Вопрос
Можем ли мы разместить небольшой вид на другой большой вид? Например, у меня есть VideoView, который играет файл на заднем плане. За это, где-то в середине / углах, я хочу разместить другой ImageView.
Но в линейной / относительной макете представления могут быть размещены только один за другим или относительно друг друга, а абсолюtelayout рекомендуется против. Так что мне делать?
Решение
FrameLayouts
Позвольте вам кучать каждый вид сверху на один ниже. Это также может быть достигнуто с помощью RelativeLayout
.
Другие советы
То 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>
На всякий случай, если вы хотите разместить вид сверху кнопки ButtonView, используйте это;android:elevation="7dp"
Для представления, который необходимо разместить поверх кнопки.
Вы также можете сделать это, используя ConstrantLayout. Новый макет, представленный Google.
ConstrantLayout позволяет создавать большие и сложные макеты с плоской иерархией просмотра (без вложенных групп просмотра).
<?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>
<?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>