Android - LinearLayout就像一张桌子

时间:2015-08-28 00:40:18

标签: android android-layout

我有一个ListFragment,用数据填充LinearLayout。

在这个布局中,我试图让它们看起来像一张桌子。

这是我的布局:

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

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="10dp"
        android:layout_marginTop="5dp"
        android:layout_marginBottom="5dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:background="@color/text_primary" >

        <ImageView
            android:id="@+id/homeImage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <TextView
            android:id="@+id/home"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center"
            android:textSize="25dp" />

        <TextView
            android:id="@+id/score"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center"
            android:textSize="20dp" />

        <TextView
            android:id="@+id/visitor"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center"
            android:textSize="25dp" />

        <ImageView
            android:id="@+id/visitorImage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right"/>

    </LinearLayout>

</LinearLayout>

但是我想做这样的事情: enter image description here

图像,团队和分数将显示完全对齐和居中。

我是android的新手,我在解决这个问题上遇到了问题。

我的问题是如何让这个像图片一样工作?

1 个答案:

答案 0 :(得分:2)

我已将xml修改为以下内容。由于您需要它们的列表,请使用列表视图并将以下布局作为每个列表项布局。制作列表视图的教程是here。布局中的所有元素都是简单的视图(您可以使用图像将其修改为ImageView),TextView因此用户无法编辑(以使图片具有效果)。

这会对你有用吗?

<?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="100dp"
    android:orientation="horizontal" >
        <View
            android:id="@+id/homeImage"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_blue_bright"/>

        <TextView
            android:id="@+id/home"
            android:layout_width="0dp"
            android:layout_weight="3"
            android:layout_height="match_parent"
            android:gravity="center"
            android:textSize="25dp"
            android:text="TEAM ONE"/>

        <TextView
            android:id="@+id/score"
            android:layout_width="0dp"
            android:layout_weight="2"
            android:layout_height="match_parent"
            android:gravity="center"
            android:textSize="20dp"
            android:text="X - X"
            />

        <TextView
            android:id="@+id/visitor"
            android:layout_width="0dp"
            android:layout_weight="3"
            android:layout_height="match_parent"
            android:gravity="center"
            android:textSize="25dp"
            android:text="TEAM TWO"/>

        <View
            android:id="@+id/visitorImage"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:layout_gravity="right"
            android:background="@android:color/holo_blue_bright"/>

</LinearLayout>