如何在Android布局中包裹图像、按钮等内容？

Question

我想在布局中放置按钮列表，并且希望它们自动流动。看看这张图片，这就是WrapPanel 将其内容包装在 WPF 中。有什么方法可以在 Android 中做到这一点吗？

_{（来源：microsoft.com）}

Answer 1

您在 android 中使用线性布局，它允许以垂直或水平顺序布局子项。您将按钮放在线性布局内。

您应该阅读此有关 Android 布局的教程。链接中的 AbsoluteLayout 已被弃用。

我对包裹面板的了解纯粹基于您附加的链接，因为我没有使用过 WPF。
这是我的理解。
Android 没有环绕面板布局，当空间较小时，子视图会中断到下一行。您的选择是

• 如果视图大于屏幕，则使用滚动视图进行滚动。

• 对线性布局中的子视图使用layout_weight属性。这将使观点
  调整自身大小以适应变化的尺寸。

• 通过扩展 ViewGroup 类来创建自定义布局，您可以在其中测量子视图并根据可用屏幕宽度决定它们的位置。

前两个选项并不完全是您想要的。它们是 android 提供的替代方法。但如果你想要精确的东西，你需要自己制作。

Answer 2

这看起来像一个 LinearLayout：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
    <Button android:text="Button" android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content"></Button>
    <Button android:text="Button" android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content"></Button>
    <Button android:text="Button" android:id="@+id/button3" android:layout_width="wrap_content" android:layout_height="wrap_content"></Button>

</LinearLayout>

有关在 Android 中使用 XML 布局的更多信息，请参阅 android 开发人员网站上的这篇精彩介绍：http://developer.android.com/resources/tutorials/views/index.html

Answer 3

我想你需要使用RelativeLayout才能轻松实现这一点。

这是代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#c0c0c0"
    >
<Button 
    android:text="Button" 
    android:id="@+id/button3" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content">
    </Button>

<LinearLayout 
    android:id="@+id/linearlayout01"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/button3" 
    android:layout_alignParentLeft="true"
    android:orientation="horizontal"
    android:layout_marginRight="21dp"
    >
   <Button 
        android:text="Button" 
        android:layout_width="wrap_content" 
        android:layout_weight="2"
        android:id="@+id/button1" 
        android:layout_height="wrap_content"
        android:layout_gravity="left">
    </Button>
   <Button 
       android:text="Button" 
       android:layout_width="wrap_content" 
       android:id="@+id/button1" 
       android:layout_height="wrap_content" 
       android:layout_weight="2">
   </Button>
</LinearLayout>

<LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/linearlayout01" 
    android:layout_alignParentLeft="true"
    android:weightSum="3"
    >
    <Button 
        android:text="Button" 
        android:layout_width="wrap_content" 
        android:id="@+id/button1" 
        android:layout_height="wrap_content"
        android:layout_weight="1">
    </Button>
</LinearLayout>

希望这有帮助！ ;)