Android中三列列表组件的标准布局是什么?

时间:2016-08-01 18:21:03

标签: android listview components

我正在尝试将视图放在Android应用程序中,该应用程序具有Image,线性布局中的两个文本视图和另一个图像。它的样式就像列表视图'单元',让我想知道创建Android标准List项目组件的最佳方法是什么。在讨论这些组件的外观时,Android的样式指南非常具体,但是没有很多关于一致地再现这些组件的开发指南。

例如,我实际上是在尝试重新创建此单元格: enter image description here

这些细胞有标准布局吗?如果没有,你会说什么是处理这种单元布局的最佳方法?

目前我遇到的问题是做这种事情:

<LinearLayout>
    <ImageView/>
    <LinearLayout>
        <TextView/>
        <TextView/>
    </LinearLayout>
    <ImageView/>
</LinearLayout>

从不显示第二个图像视图。

连连呢?根据我的具体情况或标准布局?

更新

我的观点正在发挥作用。根据某人的建议,这是LinearLayout个权重。最后为了让它工作,我有两个ImageView s的权重为1,内部LinearLayout的权重为0。

很抱歉,如果这是一个关于初学者主题的长问题 - 请将其留给问题的更一般部分 - 标准组件的标准布局。 (也许是Stack Overflow新文档部分的候选者。)

1 个答案:

答案 0 :(得分:1)

Google并没有真正完成许多这些Material Design规范的标准布局。

这是一个基于规范的布局,可以帮助您入门:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="88dp">

    <ImageView
        android:id="@+id/image_view"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:layout_centerVertical="true"
        android:layout_marginLeft="16dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="20dp"
        tools:src="@drawable/ic_error_white_24dp"/>

    <TextView
        android:id="@+id/text_view1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="72dp"
        android:layout_marginStart="72dp"
        android:layout_marginRight="56dp"
        android:layout_marginEnd="56dp"
        android:layout_marginTop="16dp"
        android:maxLines="1"
        android:textSize="16sp"
        android:textColor="?android:attr/textColorPrimary"
        tools:text="This is the title line"/>

    <TextView
        android:id="@+id/text_view2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:layout_below="@+id/text_view1"
        android:layout_marginLeft="72dp"
        android:layout_marginStart="72dp"
        android:layout_marginRight="56dp"
        android:layout_marginEnd="56dp"
        android:maxLines="1"
        android:textSize="14sp"
        android:textColor="?android:attr/textColorSecondary"
        tools:text="This is the second line"/>

    <TextView
        android:id="@+id/text_view3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:layout_below="@+id/text_view2"
        android:layout_marginLeft="72dp"
        android:layout_marginStart="72dp"
        android:layout_marginRight="56dp"
        android:layout_marginEnd="56dp"
        android:maxLines="1"
        android:textSize="14sp"
        android:textColor="?android:attr/textColorSecondary"
        tools:text="This is the third line"/>

    <ImageView
        android:id="@+id/image_view_2"
        android:layout_width="24dp"
        android:layout_height="24dp"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentTop="true"
        android:layout_marginRight="16dp"
        android:layout_marginEnd="16dp"
        android:layout_marginTop="20dp"
        tools:src="@drawable/ic_error_white_24dp"/>

</RelativeLayout>

请注意,我没有使用维度值和文字样式;这是你可以经历和做的事情。这只是为了让你走上正确的轨道。