【问题标题】:Complex ListView item layout with all elements the same size for each item?复杂的 ListView 项目布局,每个项目的所有元素大小相同?
【发布时间】:2012-10-25 08:06:10
【问题描述】:

我正在尝试构建一个复杂的列表视图项目布局,其中每个列表视图项目的所有元素都是相同的尺寸,整个布局占据了屏幕的整个宽度。到目前为止,我尝试使用线性布局来执行此操作,发现这是错误的方法。然后我尝试使用相对布局,但这对我不起作用,所以我希望有人能指出我如何才能做到这一点。

这是我正在尝试构建的图表。

以下是有关图表的更多详细信息:

  • 对于每个列表项,只有元素 5 和 6 具有相同的内容。这 其余元素都有不同的文本,但是布局 应该始终保持相同的大小。

  • 元素 4 应该只有 2 行。元素 1、2 和 3 只能是 1
    行。

  • 元素 2 应左对齐,元素 3 应对齐
    对。

  • 元素 2 和 3 应该是元素 4 宽度的一半。

这是我使用 RelativeLayout 进行此布局的尝试。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="?android:attr/listPreferredItemHeight"
android:padding="2dp">
<TextView
    android:id="@+id/txtRaceNumber"
    android:layout_width="20dp"
    android:layout_height="fill_parent"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:gravity="center"
    android:layout_gravity="center" 
    android:layout_alignParentTop="true"
    android:layout_alignParentBottom="true" />
    <TextView
        android:id="@+id/txtRaceName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:layout_toRightOf="@id/txtRaceNumber"
        android:layout_alignParentTop="true" />
    <TextView
        android:id="@+id/txtRaceClass"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:textAppearance="?android:attr/textAppearanceSmall"
        android:maxLines="1"
        android:ellipsize="marquee"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_toRightOf="@id/txtRaceNumber" />
    <TextView
        android:id="@+id/txtRaceStartTime"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:textAppearance="?android:attr/textAppearanceSmall"
        android:maxLines="1"
        android:layout_alignParentBottom="true"
        android:layout_toRightOf="@id/txtRaceClass" />
     <ImageButton
        android:id="@+id/btnTracklist"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:background="@null"
        android:paddingRight="8dip"
        android:focusable="false"
        android:layout_gravity="center_vertical|center_horizontal"
        android:layout_alignParentTop="true"
        android:layout_alignParentBottom="true"
        android:layout_toRightOf="@id/txtRaceStartTime" />
    <ImageView
        android:src="@drawable/go"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_gravity="center_vertical"
        android:layout_alignParentTop="true"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_toRightOf="@id/btnTracklist" />
</RelativeLayout>

使用这个RelativeLayout,所有的元素在布局中都会出现混乱。

我怎样才能让所有这些元素像我在图中显示的那样对齐?

【问题讨论】:

    标签: android android-layout android-listview


    【解决方案1】:

    这是你需要的吗?

    <LinearLayout
        android:id="@+id/lin1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
       android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:orientation="vertical" >
    
        <TextView
            android:id="@+id/txtRaceNumber"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
    
            android:gravity="center"
            android:text="TExt1"
            android:textAppearance="?android:attr/textAppearanceMedium" />
    </LinearLayout>
    
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
    
        android:orientation="vertical" 
        android:layout_toRightOf="@+id/lin1"
        android:layout_toLeftOf="@+id/lin3">
    
        <TextView
            android:id="@+id/txtRaceName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Text4"
            android:textAppearance="?android:attr/textAppearanceMedium" />
    
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >
    
            <TextView
                android:id="@+id/txtRaceClass"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:maxLines="1"
                android:text="text2"
                android:textAppearance="?android:attr/textAppearanceSmall" />
    
            <TextView
                android:id="@+id/txtRaceStartTime"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:maxLines="1"
                android:text="text3"
                android:textAppearance="?android:attr/textAppearanceSmall" />
        </LinearLayout>
    </LinearLayout>
    
    <LinearLayout
        android:id="@+id/lin3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
    
        android:layout_alignParentRight="true"
        android:orientation="horizontal" >
    
        <ImageButton
            android:id="@+id/btnTracklist"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:background="@null"
            android:focusable="false"
            android:paddingRight="8dip" />
    
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_gravity="center_vertical"
            android:src="@drawable/ic_launcher" />
    </LinearLayout>
    

    【讨论】:

    • 不...我需要一个可以用作 ListView 项目并像我发布的图表一样显示的布局。
    • 我认为即使这样也可以用作可以膨胀的列表视图项。
    • 嗨 Sharath,对不起,我试过了,但它不起作用。我已经发布了工作版本。
    【解决方案2】:

    试试这个代码

    <?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="90dp"
        android:gravity="center|left"
        android:orientation="horizontal" >
    
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_gravity="left|center"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="TextView"
            android:textColor="#FFFFFF"
            android:textSize="15sp" />
    
        <LinearLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical" >
    
            <LinearLayout
                xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:gravity="left|center"
                android:orientation="horizontal" >
    
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="left|center"
                    android:text="TextView"
                    android:textColor="#FFFFFF"
                    android:textSize="15sp" />
            </LinearLayout>
    
            <LinearLayout
                xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="left|center"
                android:orientation="horizontal" >
    
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="left|center"
                    android:layout_weight="1"
                    android:text="TextView"
                    android:textColor="#FFFFFF"
                    android:textSize="15sp" />
    
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="left|center"
                    android:layout_weight="1"
                    android:text="TextView"
                    android:textColor="#FFFFFF"
                    android:textSize="15sp" />
            </LinearLayout>
    
            <LinearLayout
                xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="left|center" >
            </LinearLayout>
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_gravity="center"
            android:layout_marginRight="3dp"
            android:gravity="center"
            android:orientation="vertical" >
    
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right|center"
                android:src="@drawable/ic_launcher"
               />
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_gravity="center"
            android:layout_marginRight="3dp"
            android:gravity="center"
            android:orientation="vertical" >
    
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right|center"
                android:src="@drawable/ic_launcher"
                />
        </LinearLayout>
    
    </LinearLayout>
    

    【讨论】:

      【解决方案3】:

      我已经设法在主布局上使用 weightSum 获得所需的布局。

      代码如下:

      <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:id="@+id/twolinechecked"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:minHeight="?android:attr/listPreferredItemHeight"
      android:maxHeight="?android:attr/listPreferredItemHeight"
      android:paddingTop="2dip"
      android:paddingBottom="2dip"
      android:orientation="horizontal"
      android:weightSum="1"
      android:descendantFocusability="blocksDescendants">
      <TextView
          android:id="@+id/txtRaceNumber"
          android:layout_width="40dip"
          android:layout_height="wrap_content"
          android:textAppearance="?android:attr/textAppearanceLarge"
          android:gravity="center"
          android:layout_gravity="center"
          android:paddingRight="5dip"
          android:paddingLeft="5dip"
          android:textStyle="bold" />
      <LinearLayout
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:orientation="vertical"
          android:layout_weight="1"
          android:layout_gravity="center_vertical|center_horizontal"
          android:layout_marginLeft="6dip">
          <TextView
              android:id="@+id/txtRaceName"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:textAppearance="?android:attr/textAppearanceMedium" />
          <LinearLayout
              android:id="@+id/linearTextInner"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content"
              android:orientation="horizontal"
              android:layout_gravity="center_vertical|center_horizontal">
              <TextView
                  android:id="@+id/txtRaceClass"
                  android:layout_width="fill_parent"
                  android:layout_height="wrap_content"
                  android:layout_weight="1"
                  android:textAppearance="?android:attr/textAppearanceSmall"
                  android:maxLines="1"
                  android:ellipsize="marquee"
                  android:layout_alignParentLeft="true" />
              <TextView
                  android:id="@+id/txtRaceStartTime"
                  android:layout_width="fill_parent"
                  android:layout_height="wrap_content"
                  android:textAppearance="?android:attr/textAppearanceSmall"
                  android:layout_weight="1"
                  android:maxLines="1"
                  android:layout_alignParentRight="true"
                  android:gravity="right" />
          </LinearLayout>
      </LinearLayout>
      <ImageButton
          android:id="@+id/btnTracklist"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:background="@null"
          android:layout_marginLeft="5dip"
          android:paddingRight="8dip"
          android:layout_gravity="center_vertical|center_horizontal" />
      <ImageView
          android:src="@drawable/go"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_gravity="center_vertical"
          android:layout_alignParentRight="true" />
      </LinearLayout>
      

      【讨论】:

      • 好,我猜它的结构与我在回答中提到的相同
      【解决方案4】:

      按照下面的结构,我觉得你可以使用 weight 和 weightSum 来实现你想要的。

      <LinearLayout orientation="horizontal">
          <LinearLayout>
          <TextView/>
          </LinearLayout>
          <LinearLayout orientation="vertical">
          <TextView/>
          <LinearLayout orientation="horizontal">
          <TextView/>
          <TextView/>
          </LinearLayout>
          <ImageButton/>
          <ImageView/>
      </LinearLayout>
      

      编辑

      <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="fill_parent"
          android:layout_height="?android:attr/listPreferredItemHeight"
          android:baselineAligned="false"
          android:orientation="horizontal"
          android:padding="2dp"
          android:weightSum="1" >
      
          <LinearLayout
              android:layout_width="0dip"
              android:layout_height="fill_parent"
              android:layout_weight="0.2" >
      
              <TextView
                  android:layout_width="fill_parent"
                  android:layout_height="fill_parent"
                  android:gravity="center" />
          </LinearLayout>
      
          <LinearLayout
              android:layout_width="0dip"
              android:layout_height="fill_parent"
              android:layout_weight="0.5"
              android:orientation="vertical"
              android:weightSum="1" >
      
              <TextView
                  android:layout_width="fill_parent"
                  android:layout_height="0dip"
                  android:layout_weight="0.7"
                  android:gravity="center" />
      
              <LinearLayout
                  android:layout_width="fill_parent"
                  android:layout_height="0dip"
                  android:layout_weight="0.3"
                  android:orientation="horizontal"
                  android:weightSum="1" >
      
                  <TextView
                      android:layout_width="0dip"
                      android:layout_height="fill_parent"
                      android:layout_weight="0.5"
                      android:gravity="center" />
      
                  <TextView
                      android:layout_width="0dip"
                      android:layout_height="fill_parent"
                      android:layout_weight="0.5"
                      android:gravity="center" />
              </LinearLayout>
          </LinearLayout>
      
          <ImageButton
              android:layout_width="0dip"
              android:layout_height="fill_parent"
              android:layout_weight="0.15" />
      
          <ImageButton
              android:layout_width="0dip"
              android:layout_height="fill_parent"
              android:layout_weight="0.15" />
      
      </LinearLayout>
      

      【讨论】:

      • 我已经编辑了答案我得到了想要的布局请设置 id 和其他详细信息,因为我已经跳过它
      猜你喜欢
      • 2014-01-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多