IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    [原]Android实战技巧之三十四:用TableLayout伪装表格显示数据

    lincyang发表于 2015-05-29 17:44:53
    love 0

    先来上个图,最终效果图。

    每个Layout都有自己最适用的场景,而TableLayout往往用在中规中矩的输入界面,比如下图:

    TableLayout下嵌套TableRow组成Table的行;每个TableRow中布局不同的控件,组成Table的列。上图就是两列四行,而我们要做的表格就是三行三列。

    TableLayout是没有提供边框的,要作成表格的效果需要我们使用一些技巧:
    整个TableLayout的背景色设成黑色,而每个Table的cell(其实就是每个控件)的背景色设成白色,然后cell的边距根据情况设置一个px,就可以了。
    布局代码如下:

        "@+id/table"
            android:layout_below="@id/spinner"
            android:layout_width="wrap_content"
            android:background="@color/black"
            android:layout_height="wrap_content">
            "1dp"
                android:layout_marginRight="1dp"
                android:layout_marginLeft="1dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">
                "姓名"
                    android:textSize="@dimen/table_text_size"
                    android:background="@color/white"
                    android:layout_width="@dimen/table_item1_width"
                    android:layout_height="wrap_content" />
                "学校"
                    android:textSize="@dimen/table_text_size"
                    android:background="@color/white"
                    android:layout_marginLeft="1dp"
                    android:layout_width="@dimen/table_item2_width"
                    android:layout_height="wrap_content" />
                "专业"
                    android:textSize="@dimen/table_text_size"
                    android:background="@color/white"
                    android:layout_marginLeft="1dp"
                    android:layout_width="@dimen/table_item3_width"
                    android:layout_height="wrap_content" />
            </TableRow>
            
                _text_size"
                    android:background="@color/white"
                    android:layout_width="@dimen/table_item1_width"
                    android:layout_height="wrap_content" />
                野鸡大学"
                    android:textSize="@dimen/table_text_size"
                    android:background="@color/white"
                    android:layout_marginLeft="1dp"
                    android:layout_width="@dimen/table_item2_width"
                    android:layout_height="wrap_content" />
                体育系"
                    android:textSize="@dimen/table_text_size"
                    android:background="@color/white"
                    android:layout_marginLeft="1dp"
                    android:layout_width="@dimen/table_item3_width"
                    android:layout_height="wrap_content" />
            
            1dp"
                android:layout_marginRight="1dp"
                android:layout_marginLeft="1dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">
                刘备"
                    android:textSize="@dimen/table_text_size"
                    android:background="@color/white"
                    android:layout_width="@dimen/table_item1_width"
                    android:layout_height="wrap_content" />
                皇家学院"
                    android:textSize="@dimen/table_text_size"
                    android:background="@color/white"
                    android:layout_marginLeft="1dp"
                    android:layout_width="@dimen/table_item2_width"
                    android:layout_height="wrap_content" />
                经济"
                    android:textSize="@dimen/table_text_size"
                    android:background="@color/white"
                    android:layout_marginLeft="1dp"
                    android:layout_width="@dimen/table_item3_width"
                    android:layout_height="wrap_content" />
            
        


沪ICP备19023445号-2号
友情链接