这个结构的正确布局是什么?

时间:2013-01-10 10:21:22

标签: android

这种布局的结构是什么?左列中的文本与右侧对齐,右侧列的文本与左侧对齐。行也用一条线分开。谢谢你的提示!

enter image description here

2 个答案:

答案 0 :(得分:4)

您可以制作ListView个自己的商品。这会在所有行之间提供一个分隔符。

要为ListView项设置自己的布局,您必须准备布局的xml文件并将其设置如下:

yourListView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.layout_file_for_your_item, items));

Item的布局(LinearLayout)可能包含2 LinearLayout个。在第一个(左)中,您将TextView在父级中对齐。第二个(右)将在父级左边对齐TextView并且在左边缘设置为某个特定值以在两个布局之间产生间隙。

enter image description here

  1. 蓝色:ListView
  2. 红色:ListView的项目(LinearLayout)
  3. 绿色:第一个LinearLayout
  4. 黄色:第二个LinearLayout

答案 1 :(得分:0)

您可以尝试在布局中创建列表视图字段(内部为空,而不是文本视图或图像),然后创建另类布局:

主要布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bla bla" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bla bla 2" />

    <!-- listview with populated items -->

    <ListView
        android:id="@+id/mylist"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    </ListView>

</LinearLayout>

填充物品:          

    <TextView
        android:id="@+id/itemleft"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginRight="5dp"
        android:layout_weight="1"
        android:textStyle="bold"
        android:gravity="right|center_vertical"
        android:text="Location" />

    <TextView
        android:id="@+id/itemright"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:layout_weight="1"
        android:gravity="left|center_vertical"
        android:text="Los Angeles, US" />

</LinearLayout>

以下是此设置的预览: enter image description here 当然只有一个项目,但它将填充。这只是一个预览。

(稍后将在listView中使用填充的项目)然后尝试在代码中使用示例基本适配器实现,请在此处查看示例:link。我希望你能理解它,但是使用自定义列表视图不是这个标题中的问题:)