0

你怎么看,它是怎么做的(桌子)?

在此处输入图像描述

4

3 回答 3

0
body {
    background-color: #00BFFF;
}

table {
    border: 1px solid #fff;
    color: #fff;
}

和html:

<table width="500px" cellpadding="3" cellspacing="0">
<tr>
    <td>Table Cell</td>
    <td>Table Cell</td>
    <td>Table Cell</td>
</tr>
<tr>
    <td>Table Cell</td>
    <td>Table Cell</td>
    <td>Table Cell</td>
</tr>
<tr>
    <td>Table Cell</td>
    <td>Table Cell</td>
    <td>Table Cell</td>
</tr>
</table>

像这样的东西。。

于 2013-11-01T09:41:04.183 回答
0
<TableLayout
    android:background="#000000">

    <TableRow
        android:layout_margin="0dp"
        android:background="#FFFFFF" >

        <TextView

            android:background="#606060"
            android:text="text" />

        ...               

    </TableRow>

</TableLayout>
于 2013-11-01T09:48:08.920 回答
0

这可以在不使用任何图像的布局中简单地完成。始终使用表格布局来创建行*列。

在此处输入图像描述 这是你的布局。

<?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="match_parent"
    android:background="#3d92ff"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:paddingBottom="10dp"
        android:paddingTop="10dp" >

        <EditText
            android:text="100"
            android:layout_width="120dp"
            android:layout_height="wrap_content" />

        <Button
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:background="@android:drawable/btn_dropdown"
            android:text="8" />

        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="BenchPress"
            android:textColor="#ffffff"
            android:textSize="21sp" />
    </LinearLayout>

    <TableLayout
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_marginLeft="10dp"
        android:orientation="vertical" >

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:background="#fff"
            android:padding="1dp" >

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:text="Repeats"
                android:textColor="#fff"
                android:textSize="17sp" />

            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#fff" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:paddingLeft="4dp"
                android:text="Weight"
                android:textColor="#fff"
                android:textSize="17sp" />

            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#fff" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:paddingLeft="4dp"
                android:text="%"
                android:textColor="#fff"
                android:textSize="17sp" />
        </TableRow>

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:background="#fff"
            android:padding="1dp" >

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:text="1"
                android:textColor="#fff"
                android:textSize="17sp" />

            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#fff" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:paddingLeft="4dp"
                android:text="125.5"
                android:textColor="#fff"
                android:textSize="17sp" />

            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#fff" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:paddingLeft="4dp"
                android:text="100%"
                android:textColor="#fff"
                android:textSize="17sp" />
        </TableRow>

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:background="#fff"
            android:padding="1dp" >

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:text="1"
                android:textColor="#fff"
                android:textSize="17sp" />

            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#fff" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:paddingLeft="4dp"
                android:text="125.5"
                android:textColor="#fff"
                android:textSize="17sp" />

            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#fff" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:paddingLeft="4dp"
                android:text="100%"
                android:textColor="#fff"
                android:textSize="17sp" />
        </TableRow>

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:background="#fff"
            android:padding="1dp" >

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:text="1"
                android:textColor="#fff"
                android:textSize="17sp" />

            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#fff" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:paddingLeft="4dp"
                android:text="125.5"
                android:textColor="#fff"
                android:textSize="17sp" />

            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#fff" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:paddingLeft="4dp"
                android:text="100%"
                android:textColor="#fff"
                android:textSize="17sp" />
        </TableRow>

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:background="#fff"
            android:padding="1dp" >

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:text="1"
                android:textColor="#fff"
                android:textSize="17sp" />

            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#fff" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:paddingLeft="4dp"
                android:text="125.5"
                android:textColor="#fff"
                android:textSize="17sp" />

            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#fff" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:paddingLeft="4dp"
                android:text="100%"
                android:textColor="#fff"
                android:textSize="17sp" />
        </TableRow>

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:background="#fff"
            android:padding="1dp" >

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:text="1"
                android:textColor="#fff"
                android:textSize="17sp" />

            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#fff" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:paddingLeft="4dp"
                android:text="125.5"
                android:textColor="#fff"
                android:textSize="17sp" />

            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#fff" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:paddingLeft="4dp"
                android:text="100%"
                android:textColor="#fff"
                android:textSize="17sp" />
        </TableRow>

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:background="#fff"
            android:padding="1dp" >

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:text="1"
                android:textColor="#fff"
                android:textSize="17sp" />

            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#fff" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:paddingLeft="4dp"
                android:text="125.5"
                android:textColor="#fff"
                android:textSize="17sp" />

            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#fff" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:paddingLeft="4dp"
                android:text="100%"
                android:textColor="#fff"
                android:textSize="17sp" />
        </TableRow>

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:background="#fff"
            android:padding="1dp" >

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:text="1"
                android:textColor="#fff"
                android:textSize="17sp" />

            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#fff" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:paddingLeft="4dp"
                android:text="125.5"
                android:textColor="#fff"
                android:textSize="17sp" />

            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#fff" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#3d92ff"
                android:paddingLeft="4dp"
                android:text="100%"
                android:textColor="#fff"
                android:textSize="17sp" />
        </TableRow>
    </TableLayout>

</LinearLayout>
于 2013-11-01T10:30:16.103 回答