zoukankan      html  css  js  c++  java
  • Android布局(2)--表格布局(TableLayout)

    表格布局使用<TableLayout>进行标记,表中使用<TableRow>标记进行定义。<TableRow>标记是一个容器,可以在此标记内添加子组件,每添加一个子组件记为一列。
    表格布局支持以下三种属性:
    1.Shrinkable:表示列的宽度可以收缩,以使表格适应其父容器的大小。
    2.Strechable:表示列的宽度可以拉伸,以使列能够填满表格中剩余的空间

    3.Collapsed:表示列会被隐藏。


    <?xml version="1.0" encoding="utf-8"?>
    <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        android:stretchColumns="1"
        android:background="#00FF00"
        tools:context="com.example.demo.TableLayout">
    <TableRow
        android:background="#FF9090">
        <TextView
            android:padding="3dp"
            android:text="1"/>
        <TextView
            android:padding="3dp"
            android:text="手机待机"/>
        <TextView
            android:gravity="right"
            android:padding="3dp"
            android:text="40%"/>
    </TableRow>
        <TableRow
            android:background="#FF0090">
            <TextView
                android:padding="3dp"
                android:text="2"/>
            <TextView
                android:padding="3dp"
                android:text="Android系统"/>
            <TextView
                android:gravity="right"
                android:padding="3dp"
                android:text="20%"/>
        </TableRow>
        <TableRow
            android:background="#FF9090">
            <TextView
                android:padding="3dp"
                android:text="3"/>
            <TextView
                android:padding="3dp"
                android:text="屏幕"/>
            <TextView
                android:gravity="right"
                android:padding="3dp"
                android:text="18%"/>
        </TableRow>
        <TableRow
            android:background="#FF0090">
            <TextView
                android:padding="3dp"
                android:text="4"/>
            <TextView
                android:padding="3dp"
                android:text="语音通讯"/>
            <TextView
                android:gravity="right"
                android:padding="3dp"
                android:text="15%"/>
        </TableRow>
        <TableRow
            android:background="#FF9090">
            <TextView
                android:padding="3dp"
                android:text="5"/>
            <TextView
                android:padding="3dp"
                android:text="安全卫士"/>
            <TextView
                android:gravity="right"
                android:padding="3dp"
                android:text="10%"/>
        </TableRow>
        <TableRow>
            <TextView
                android:layout_column="1"
                android:gravity="right"
                android:text="电池已经使用365天"
                android:textColor="#FF0000"/>
        </TableRow>
    </TableLayout>


  • 相关阅读:
    echarts做飞线图
    git 检出项目部分目录(稀疏检出)
    nuxt.js引入客户端脚本和第三方库出现window/document/ navigator未定义问题
    防止重复发送 Ajax 请求
    利用CSS、JavaScript及Ajax实现图片预加载的三大方法
    JavaScript中this的指向问题
    掌握jQuery插件开发
    原生javascript实现图片放大镜效果
    javascript实现页面滚屏效果
    JavaScript利用闭包实现模块化
  • 原文地址:https://www.cnblogs.com/Toring/p/6628294.html
Copyright © 2011-2022 走看看