Question

全部好，

我正在使用android中的一个应用程序。在主屏幕上我有6个按钮。

enter image description here

像这样。在按钮a上有一个透明视图，显示当前日期。

问题：

我无法设计相同的布局。
我没有得到如何在同一窗口上重叠两个视图。
如果我制作了六个按钮，之后如果我采用另一种布局，则背景布局会被隐藏，而且根本不显示。

这件事我知道我们在一个视图上需要两个视图我可以显示6个按钮，在anthoer视图上我可以显示日期。但是如何？

提前致谢

Answer 1

这里的关键是FrameLayout。 FrameLayout的孩子垂直堆叠在一起。

像

这样的东西

<FrameLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <!-- The relative layout contains all of your buttons -->
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        >

        <Button
            android:id="@+id/button1"
            android:text="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            />

        <Button
            android:id="@+id/button2"
            android:text="2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/button1"
            />

        <Button
            android:id="@+id/button3"
            android:text="3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/button1"
            />

        <Button
            android:id="@+id/button4"
            android:text="4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/button2"
            android:layout_toRightOf="@id/button3"
            />

        <Button
            android:id="@+id/button5"
            android:text="5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/button3"
            />

        <Button
            android:id="@+id/button6"
            android:text="6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/button4"
            android:layout_toRightOf="@id/button5"
            />

    </RelativeLayout>

    <!-- Your overlay -->
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:id="@+id/overlayText"
            android:text="Overlay"
            />

    </RelativeLayout>

</FrameLayout>

你可能想要使用一些嵌套的LinearLayout（尽管尝试并避免使用它），如果你不能通过一个RelativeLayout来对齐按钮来获得你想要的样式。

Answer 2

根据我的理解，您需要将一个视图“覆盖”在另一个视图之上？

要执行此操作，您需要合并视图并使顶视图透明。看看这篇文章...... Layout Tricks: Merging Layouts

Answer 3

检查此布局，它必须帮助您解决问题

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
  android:layout_height="fill_parent">
  <RelativeLayout
    android:layout_width="fill_parent"
  android:layout_height="fill_parent">
  <Button
   android:text="Hello"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_alignParentTop="true"
   android:layout_alignParentLeft="true"></Button>
  <Button
   android:text="Hello"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_centerInParent="true"
   android:layout_alignParentLeft="true"></Button>
   <Button
   android:text="Hello"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_alignParentBottom="true"
   android:layout_alignParentLeft="true"></Button>
   <Button
   android:text="Hello"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_alignParentTop="true"
   android:layout_alignParentRight="true"></Button>
    <Button
   android:text="Hello"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_centerInParent="true"
   android:layout_alignParentRight="true"></Button>
    <Button
   android:text="Hello"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_alignParentBottom="true"
   android:layout_alignParentRight="true"></Button>
  </RelativeLayout>
  <ImageView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"

        android:src="@drawable/icon"/>
  </FrameLayout>

使图片透明，请参阅this

Android布局障碍

3 个答案: