在gridlayout

时间:2016-07-06 16:52:25

标签: android android-layout android-gridlayout

Android Studio 2.1.1

这是我对下面的当前xml所拥有的。 enter image description here

但是,这是我的预期。 enter image description here

我想调整"最后一笔售价230美元"图标旁边的TextView。然而,"最后的销售.."在第2列中,图标在第1列中。

这可以在GridLayout中执行此操作吗?

非常感谢任何建议,

我正在使用gridlayout,这是我的xml

android.support.v7.widget.GridLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:columnCount="3"
    app:rowCount="5">

    <!-- Row 1 -->
    <ImageView
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_marginStart="8dp"
        android:id="@+id/ivOptions"
        android:src="@drawable/ic_remove_circle_outline_black_24dp"/>

    <TextView
        android:id="@+id/tvSize"
        app:layout_columnSpan="2"
        android:text="Size 8.0/ Tubular Doom Primeknit Core Black"
        android:textSize="14sp"
        android:textColor="@android:color/black"
        android:fontFamily="sans-serif-condensed"/>

    <!-- Row 2 -->
    <TextView
        android:id="@+id/tvPartNumber"
        app:layout_column="1"
        app:layout_columnSpan="2"
        android:text="S74921"
        android:textSize="12sp"
        app:layout_row="1" />

    <!-- Row 3 -->
    <ImageView
        android:id="@+id/ivSneaker"
        android:layout_width="80dp"
        android:layout_height="50dp"
        app:layout_gravity="center"
        app:layout_columnWeight="1"
        android:src="@drawable/sneakers_200"
        android:scaleType="fitXY"/>

    <include
        android:id="@+id/top_offers"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        app:layout_gravity="center"
        layout="@layout/top_offers"/>

    <include
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        app:layout_gravity="center"
        app:layout_columnWeight="1"
        layout="@layout/offers_button"/>

    <!-- Row 4 -->
    <ImageView
        android:layout_width="wrap_content"
        app:layout_column="1"
        android:layout_marginEnd="8dp"
        android:src="@drawable/ic_trending_down_black_24dp"/>

    <TextView
        android:id="@+id/tvLastSale"
        app:layout_gravity="center_vertical"
        android:text="LAST SALE $230"/>
</android.support.v7.widget.GridLayout>

1 个答案:

答案 0 :(得分:0)

通过使用图标和文本创建新的linearLayout来管理。然后将其包含在第1列中:

 <!-- Row 4 -->
 <include
    app:layout_column="1"
    layout="@layout/last_sale_row"/>