如何制作这个Android视图元素

时间:2013-11-01 09:32:56

标签: android html android-view

你怎么想,怎么做(桌子)?

enter image description here

3 个答案:

答案 0 :(得分: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>

像这样......

答案 1 :(得分:0)

<TableLayout
    android:background="#000000">

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

        <TextView

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

        ...               

    </TableRow>

</TableLayout>

答案 2 :(得分:0)

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

enter image description here 这是你的布局。

<?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>