在 XML table 应用 Android 中合并垂直和水平方向

Question

我需要定义 Table，它具有垂直和水平方向的组合。

我已经尝试了多种 XML 定义，但到目前为止都没有成功。

我目前的代码如下：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout  xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.appname.td.MainActivity">
    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/tlGridTable" >
        <TableRow>
            <View
                android:layout_width="2dp"
                android:layout_height="18dp"
                android:background="#FF9090" />
            <ImageView
                android:id="@+id/icon"
                android:layout_width="18dp"
                android:layout_height="18dp"
                android:src="@drawable/left_logo_dummy" />
            <View
                android:layout_width="2dp"
                android:layout_height="18dp"
                android:background="#FF9090" />
            <TextView
                android:layout_column="1"
                android:textSize="13sp"
                android:text="Name" />
            <View
                android:layout_width="2dp"
                android:layout_height="18dp"
                android:background="#FF9090" />
            <TextView
                android:rotation="270"
                android:textSize="13sp"
                android:layout_height="match_parent"
                android:layout_width="18dp"
                android:text="29-May"
                android:background="#00ff22"/>
            <View
                android:rotation="0"
                android:layout_width="2dp"
                android:layout_height="18dp"
                android:background="#FF9090" />
            <TextView
                android:textSize="13sp"
                android:text="30-May"
                android:layout_width="18dp"
                android:background="#00ff22" />
        </TableRow>
        <View
            android:layout_height="2dip"
            android:background="#FF9090" />

        <TableRow>
            <View
                android:layout_width="2dp"
                android:layout_height="18dp"
                android:background="#FF9090" />
            <TextView
                android:textSize="13sp"
                android:layout_width="18dp"
                android:layout_height="18dp"
                android:text="1"
                android:background="#00ff22"/>
            <View
                android:layout_width="2dp"
                android:layout_height="18dp"
                android:background="#ff9090" />
            <TextView
                android:layout_column="1"
                android:layout_width="match_parent"
                android:textSize="13sp"
                android:text="Uttam" />
            <View
                android:layout_width="2dp"
                android:layout_height="18dp"
                android:background="#FF9090" />
            <TextView
                android:textSize="13sp"
                android:layout_width="18dp"
                android:text="Y"
                android:background="#00ff22" />
            <View
                android:layout_width="2dp"
                android:layout_height="18dp"
                android:background="#FF9090" />
            <TextView
                android:textSize="13sp"
                android:layout_width="18dp"
                android:text="N"
                android:background="#00ff22" />
        </TableRow>
        <View
            android:layout_height="2dip"
            android:background="#FF9090" />
</TableLayout>
</android.support.constraint.ConstraintLayout>

我只对包含“29-May”的单元格进行实验。由于第二行及以后的每个单元格仅包含一个字母 "Y" 或 "N"，我希望日期与底部“29-May”中的“2”垂直对齐。

无论我尝试什么，我都无法获得该列的水平宽度 18dp 和垂直高度 108dp。如果我将 "layout_height" 更改为 108dp，整个单元格将变为 108dp x 108dp 的正方形。

我做错的事是微不足道的，但我无法让世界理解它是什么。

这里有人可以帮忙吗？

Answer 1

You should use ListView with Custom adapter with below layout

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <HorizontalScrollView
        android:id="@+id/horizontalScrollView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical" >



            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="2dp"
                android:background="@color/BGo"
                android:orientation="horizontal" >

                <TextView
                    android:id="@+id/textView1"
                    android:layout_width="120dp"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="Date"
                    android:textColor="@color/White" />

                <TextView
                    android:id="@+id/textView2"
                    android:layout_width="120dp"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="Day"
                    android:textColor="@color/White" />

                <TextView
                    android:id="@+id/textView3"
                    android:layout_width="120dp"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="Activity Type"
                    android:textColor="@color/White" />

                <TextView
                    android:id="@+id/textView4"
                    android:layout_width="150dp"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="Location Planned"
                    android:textColor="@color/White" />

                <TextView
                    android:id="@+id/textView5"
                    android:layout_width="100dp"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="Remark"
                    android:textColor="@color/White" />

                <TextView
                    android:id="@+id/textView6"
                    android:layout_width="100dp"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="Status"
                    android:textColor="@color/White" />
            </LinearLayout>

            <ListView
                android:id="@android:id/list"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:divider="@color/BGo"
                android:dividerHeight="1dp" >
            </ListView>
        </LinearLayout>
    </HorizontalScrollView>

</LinearLayout>

在 XML table 应用 Android 中合并垂直和水平方向

Combined Vertical and horizontal orientation in XML table in Android App

xml

android

text

xmltable