我们可以在另一个大视图上放置一个小视图吗?例如,我有一个在后台播放文件的VideoView。在这个,在中间/角落的某个地方,我想放置另一个ImageView。
但是在线性/相对布局中,视图只能一个接一个地放置或相对于彼此放置,建议不要使用AbsoluteLayout。那我该怎么办?
答案 0 :(得分:25)
FrameLayout
是最简单的ViewGroup
,并按照它们在布局XML中定义的顺序(或以编程方式添加)堆叠Views
;第一个会降低,最后一个会在最顶层。
以下是两个Views
堆叠和偏移的示例,以便更好地说明这一点:
这是具有两个重叠TextView
框的实际布局XML。两个框的偏移量使用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>
答案 1 :(得分:15)
FrameLayouts
可让您将每个视图堆叠在下面的视图之上。这也可以通过RelativeLayout
来实现。
答案 2 :(得分:7)
如果你想在ButtonView上放置一个视图,那么使用它;
android:elevation="7dp"
用于需要放在按钮顶部的视图。
答案 3 :(得分:2)
<?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/yellowt"
>
<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>
答案 4 :(得分:1)
您也可以使用谷歌引入的新版面设置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>