如何在 FrameLayout 中将元素向右对齐？

Question

我有一个包含 2 个视图的 FrameLayout，第二个视图类似于 关闭按钮 (X)，我想将其放置在右侧。

我尝试过layout_gravity =“right”，但这不起作用。

这是我的布局 xml：

<FrameLayout android:layout_width="320dp"
    android:layout_height="wrap_content"
    android:id="@+id/layoutSmallImg">

    <ImageView android:id="@+id/bigImage"
        android:layout_width="320dp" android:layout_height="wrap_content"/>

    <ImageView android:id="@+id/bigImage"
        android:layout_width="320dp" android:layout_height="wrap_content"/>

    <ImageButton android:id="@+id/closebutton"
        android:background="@android:color/transparent"
        android:layout_height="30dp" android:layout_marginTop="10dp"
        android:layout_alignParentRight="true"
        android:layout_width="30dp" android:paddingLeft="40dp"
        android:visibility="gone" 
        android:src="@drawable/close" />
</FrameLayout>

Answer 1

我建议您使用 RelativeLayout 代替

FrameLayout 旨在遮挡屏幕上的某个区域以显示单个项目。您可以向 FrameLayout 添加多个子项，并使用重力控制它们在 FrameLayout 中的位置。孩子们被画成一堆，最近添加的孩子在最上面。框架布局的大小是其最大子布局的大小（加上填充），无论可见与否（如果 FrameLayout 的父级允许）。仅当 setConsiderGoneChildrenWhenMeasuring() 设置为 true 时，GONE 视图才会用于调整大小。

顺便说一句，您想要将按钮放在 ImageView 的顶部还是旁边？您将布局和 imageView 的宽度设置为相同的大小。

---

评论后，我可以看到两个选项：

• android:paddingLeft="250dp"

• 将按钮大小设置为 320dp 并添加自定义背景，大部分是透明的。使其成为补丁 9，以便您可以确定在其中添加文本的位置（请参阅此处我的答案以了解如何执行此操作：如何创建小部件右侧没有下三角形的 Android 微调器)

Answer 2

阅读文档：

FrameLayout 的设计目的是在屏幕上遮挡一个区域来显示
单个项目。一般来说，FrameLayout应该用来容纳单个
子视图，因为在一个子视图中组织子视图可能很困难
无需孩子即可扩展到不同屏幕尺寸的方式
相互重叠。但是，您可以将多个子项添加到一个
FrameLayout 并通过以下方式控制它们在 FrameLayout 中的位置
使用 android:layout_gravity 为每个孩子分配重力
属性。

尝试：

<TextView
     .....
     android:layout_gravity="right" />

您可以在 FrameLayout 内的 9 个不同位置放置视图

Enjoy

Answer 3

只需将您的元素放入 FrameLayout 中的第二个 RelativeLayout 即可。并对要右对齐的元素使用 android:layout_alignParentRight="true" 。

<FrameLayout android:layout_width="320dp" android:layout_height="wrap_content" 
                                      android:id="@+id/layoutSmallImg">
 <RelativeLayout
            android:id="@+id/content"
            android:layout_width="match_parent"
            android:layout_height="match_parent" >
    <ImageView android:id="@+id/bigImage"
            android:layout_width="320dp" 
            android:layout_height="wrap_content"/>

    <ImageButton android:id="@+id/closebutton"
            android:background="@android:color/transparent"
            android:layout_height="30dp" android:layout_marginTop="10dp"
            android:layout_alignParentRight="true"
            android:layout_width="30dp" android:paddingLeft="40dp"
            android:visibility="gone" 
            android:src="@drawable/close" />
  </RelativeLayout>
</FrameLayout>

Answer 4

请使用 RelativeLayout 代替。

Answer 5

您可以通过编程方式使用 FrameLayout.LayoutParams 设置边距。以下内容可以将视图放置在屏幕底部：

int desired_height_of_content = //whatever your want the height of your view to be
FrameLayout layout = new FrameLayout(this);
FrameLayout.LayoutParams flp = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, desired_height_of_content);
int difference = screen_height - desired_height_of_content
flp.setMargins(difference, 0, 0, 0);
layout.addView(your_view, flp);

Answer 6

你想使用FrameLayout还是RelativeLayout？

我的理解是，如果您想用另一个视图替换当前视图，则使用 FrameLayout。您的要求可以通过RelativeLayout 来满足。