如何使listview项看起来井然有序?

时间:2016-06-15 08:00:56

标签: android xml android-layout listview android-studio

列表视图看起来很糟糕。因为orgranization。我想让它变得更好。我的意思是结肠需要在不停地移动,而不是在这里和那里移动。所以这是我的xml代码。 你可以看到它看起来很糟糕的形象 list view image

<?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="wrap_content"
    android:background="@android:color/transparent"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:orientation="vertical"
    >

    <LinearLayout
        android:id="@+id/lyt"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:minHeight="1px"
        android:gravity="left|top"
        android:padding="2dp"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="150dp"

            android:layout_weight="5"
            android:layout_height="wrap_content"
            android:textColor="@color/darker_grey"
            android:gravity="left|top"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:text="Name"
            android:textStyle="bold"/>

        <TextView
            android:gravity="left|top"
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:layout_height="wrap_content"
            android:textColor="@color/darker_grey"
            android:paddingLeft="5dp"
            android:paddingRight="10dp"
            android:text=":" />

        <TextView
            android:textStyle="bold"
            android:gravity="left|top"
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_weight="6"
            android:layout_height="wrap_content"
            android:textColor="@color/darker_grey"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:text="Medium Text"/>
    </LinearLayout>

</LinearLayout>

3 个答案:

答案 0 :(得分:0)

现在尝试一下。希望你能得到你想要的东西。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:color/transparent"
android:orientation="vertical"
android:paddingLeft="5dp"
android:paddingRight="5dp">

<LinearLayout
    android:id="@+id/lyt"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="left|top"
    android:orientation="horizontal"
    android:padding="2dp">

    <TextView
        android:id="@+id/textView1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        android:gravity="left|top"
        android:text="Name"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textColor="@color/darker_grey"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight=".3"
        android:gravity="left|top"
        android:paddingLeft="5dp"
        android:paddingRight="10dp"
        android:text=":"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textColor="@color/darker_grey" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        android:gravity="left|top"
        android:text="Medium Text"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textColor="@color/darker_grey"
        android:textStyle="bold" />
</LinearLayout>

答案 1 :(得分:0)

尝试更改列表项xml如下所示。你应该使用权重总和作为你的父布局,并将 android:layout_width 设置为&#34; match_parent&#34; ,以获得适当重量的子视图值。

<?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="wrap_content"
    android:layout_weight="3"
    android:background="@android:color/transparent"
    android:orientation="horizontal"
    android:padding="8dp" >

    <LinearLayout
        android:id="@+id/lyt"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:minHeight="1px"
        android:orientation="horizontal"
        android:padding="2dp">

        <TextView
            android:id="@+id/textView1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:text="Name"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="5dp"
            android:paddingRight="10dp"
            android:text=":"
            android:textAppearance="?android:attr/textAppearanceMedium" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Medium Text"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textStyle="bold" />
    </LinearLayout>

</LinearLayout>

答案 2 :(得分:-3)

好的,现在我得到了你需要的东西。 使用相对布局,以便您可以选择嵌套布局的位置。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:id="@+id/login_container"
                android:layout_width="match_parent"
                android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:text="hi hi"></TextView>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerInParent="true"
        android:text=":"></TextView>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:text="hey hey"></TextView>

</RelativeLayout>