FrameLayout是什么？

Question

FrameLayout是什么？

androidandroid-framelayout

124

我是新手程序员。我一直在使用图形化布局，但当我读取xml文件时，我看到了FrameLayout。然后我进行了搜索，但找不到有用的东西。FrameLayout是什么？它有什么作用？

- Amin Ghasemi

1

你有没有来过这里？http://developer.android.com/reference/android/widget/FrameLayout.html - Ed_Fernando

22

是的，我曾经去过那里，但我没有找到易于理解的东西。 - Amin Ghasemi

5个回答

97

FrameLayout 是 ViewGroup 最简单的实现。子视图被绘制在一个堆栈中，其中最新添加的视图位于顶部。通常您可以使用以下任一方法或将它们结合使用：

将单个视图层次结构添加到 FrameLayout 中
添加多个子视图并使用 android:layout_gravity 进行导航

使用 FrameLayout 的另一种流行方法：

作为 Fragment 容器
作为自定义 ViewGroup 的祖先

- yoAlex5

29

您可以将单词frame视为常规相框。那么，您会如何使用这个框架呢？您可以将照片逐个放置在相框中。在FrameLayout中也是一样的，我们可以像@ojonugwa所示，在图像的顶部放置视图（任何布局或小部件，例如按钮、文本、图像等）。

- Asif Mushtaq

1

很好，我之前是从网页开发的角度考虑它是一个 iframe。感谢你提供了这么简单易懂的解释。 - Tarik

19

你确定已经谷歌过了吗？

http://www.tutorialspoint.com/android/android_frame_layout.htm

FrameLayout 用于屏幕上的区域显示单个项。一般来说，应该使用 FrameLayout 来容纳一个子视图，因为在不同的屏幕大小上组织子视图可能会让它们相互重叠，而缺乏可扩展性。

但是，您可以向 FrameLayout 添加多个子项并通过给每个子项分配重力来控制它们在 FrameLayout 中的位置，使用 android:layout_gravity 属性。

http://blog.neteril.org/blog/2013/10/10/framelayout-your-best-ui-friend/

FrameLayout 的秘密在于它如何布局其子项。尽管通常设计用于包含一个元素，但它将愉快地堆叠其他元素。因此，FrameLayout 实际上是一种操纵屏幕上视图 Z 轴顺序的方法。

这对于从 HUD 类元素到滑动面板再到更复杂的动画过渡等几种 UI 技巧非常有用。在本文中，我们将为每个技巧看一个例子。

http://www.learn-android-easily.com/2013/05/frame-layout-in-androis.html

FrameLayout 用于一次显示单个项。您可以在 FrameLayout 中拥有多个元素，但是每个元素都将基于屏幕左上角进行定位。重叠的元素会重叠显示。我使用 FrameLayout 创建了一个简单的 XML 布局，演示了它的工作原理。

- Metehan

12

是的，我看到了他们。但我无法弄清他们在说什么。 - Amin Ghasemi

你可以将其视为一个图片框架。基本上，你放入的内容将会靠左对齐屏幕。http://www.learn-android-easily.com/2013/05/frame-layout-in-androis.html - Metehan

因此，大多数情况下您应该使用它来显示单个项目。 - Metehan

5

基本上它将一个视图放在另一个视图的上面，例如：

在图片上膨胀文本

  <FrameLayout>

<ImageView>
<Textview>

  </FrameLayout>

- KOTIOS

1

nope 线性布局一个接一个地放置...框架放在其上面..比如说对于一个场景，有图像网格和取消按钮在该图像上方.....这时我们使用框架布局。 - KOTIOS

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ojonugwa Jude Ochalifu · Accepted Answer

您可以使用FrameLayout将子视图堆叠在彼此上方，最近的子视图位于堆栈的顶部。在下面的示例中，TextView是最近的子视图，因此它会自动放置在ImageView的顶部。

例如：

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

    <ImageView
        android:id="@+id/backgroundImage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="centerCrop"
        android:src="@drawable/bitmapie" />

    <TextView
        android:id="@+id/descTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginTop="70dp"
        android:background="@android:color/holo_blue_light"
        android:padding="10dp"
        android:text="TextView placed at the top of the Imageview"
        android:textColor="@android:color/white"
        android:textSize="22sp" />

</FrameLayout>

输出：