0
点赞
收藏
分享

微信扫一扫

Android(三):TableLayout 表格布局

少_游 2022-07-14 阅读 71


示例

Android(三):TableLayout 表格布局_css

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="10dp">

<TextView
android:id="@+id/title01"
android:layout_width="match_parent"
android:layout_height="50dp"
android:gravity="center_vertical"
android:text="隐藏 列" />

<RelativeLayout
android:id="@+id/layout01"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/title01">

<TableLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:collapseColumns="1,3">
<TableRow style="@style/TableRowCSS">
<TextView style="@style/TableThCSS" android:text="姓名" />
<TextView style="@style/TableThCSS" android:text="性别" />
<TextView style="@style/TableThCSS" android:text="年龄" />
<TextView style="@style/TableThCSS" android:text="技能" />
</TableRow>
<TableRow style="@style/TableRowCSS">
<TextView style="@style/TableTdCSS" android:text="Lee" />
<TextView style="@style/TableTdCSS" android:text="男" />
<TextView style="@style/TableTdCSS" android:text="24" />
<TextView style="@style/TableTdCSS" android:text="折腾" />
</TableRow>
<TableRow style="@style/TableRowCSS">
<TextView style="@style/TableTdCSS" android:text="张三" />
<TextView style="@style/TableTdCSS" android:text="男" />
<TextView style="@style/TableTdCSS" android:text="30" />
<TextView style="@style/TableTdCSS" android:text="法外狂徒" />
</TableRow>
</TableLayout>

</RelativeLayout>

<TextView
android:id="@+id/title02"
android:layout_width="match_parent"
android:layout_height="50dp"
android:gravity="center_vertical"
android:text="拉伸/收缩/跳过/合并 列"
android:layout_below="@+id/layout01" />

<RelativeLayout
android:id="@+id/layout02"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/title02">

<TableLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:stretchColumns="0,1,3"
android:shrinkColumns="2">
<TableRow style="@style/TableRowCSS">
<TextView style="@style/TableThCSS" android:text="姓名" />
<TextView style="@style/TableThCSS" android:text="性别" />
<TextView style="@style/TableThCSS" android:text="年龄" />
<TextView style="@style/TableThCSS" android:text="技能" />
</TableRow>
<TableRow style="@style/TableRowCSS">
<TextView style="@style/TableTdCSS" android:text="Lee" />
<TextView style="@style/TableTdCSS" android:text="男" />
<TextView style="@style/TableTdCSS" android:text="24" />
<TextView style="@style/TableTdCSS" android:text="折腾" />
</TableRow>
<TableRow style="@style/TableRowCSS">
<TextView style="@style/TableTdCSS" android:text="张三" />
<TextView style="@style/TableTdCSS" android:text="男" />
<TextView style="@style/TableTdCSS" android:text="30" />
<TextView style="@style/TableTdCSS" android:text="法外狂徒" />
</TableRow>
<TableRow style="@style/TableRowCSS">
<TextView
style="@style/TableTdCSS"
android:layout_span="3"
android:layout_column="1"
android:text="和并列,都是法外狂徒" />
</TableRow>
</TableLayout>

</RelativeLayout>

</RelativeLayout>

  • ​Resources/values/styles.xml​

<resources>

<style name="TableRowCSS">"android:background">#eeeeee</item>
</style>

<style name="TableThCSS">"android:gravity">center</item>
<item name="android:paddingTop">15dp</item>
<item name="android:paddingBottom">15dp</item>
<item name="android:paddingLeft">10dp</item>
<item name="android:paddingRight">10dp</item>
<item name="android:layout_margin">1px</item>
<item name="android:background">#fafafa</item>
<item name="android:textStyle">bold</item>
</style>

<style name="TableTdCSS">"android:gravity">center_vertical</item>
<item name="android:layout_margin">1px</item>
<item name="android:paddingTop">15dp</item>
<item name="android:paddingBottom">15dp</item>
<item name="android:paddingLeft">10dp</item>
<item name="android:paddingRight">10dp</item>
<item name="android:background">#ffffff</item>
</style>

</resources>

属性

属性

描述

​collapseColumns​

隐藏列(从0计算)

​stretchColumns​

拉伸列(从0计算)

​shrinkColumns​

收缩列(从0计算)

​layout_column​

跳过列(从1计算)

​layout_span​

合并列(从1计算)


举报

相关推荐

0 条评论