Android Studio —— TableLayout

效果

     

代码

     拖控件出来的，这里贴上xml代码

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/background"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TableRow
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@drawable/blockbg_big"
            android:gravity="center"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/textView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="0"
                android:text="2021年01月19日 11:53"
                android:textSize="16sp" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@drawable/blockbg_big"
            android:gravity="center"
            android:orientation="horizontal">

            <ImageView
                android:id="@+id/imageView"
                android:layout_width="150px"
                android:layout_height="150px"
                app:srcCompat="@drawable/img01" />

            <ImageView
                android:id="@+id/imageView2"
                android:layout_width="150px"
                android:layout_height="150px"
                android:layout_marginLeft="50px"
                android:layout_marginRight="50px"
                app:srcCompat="@drawable/img02" />

            <ImageView
                android:id="@+id/imageView3"
                android:layout_width="150px"
                android:layout_height="150px"
                app:srcCompat="@drawable/img03a" />
        </LinearLayout>

    </TableRow>

    <TableRow
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@drawable/blockbg_big"
            android:gravity="center"
            android:orientation="horizontal">

            <ImageView
                android:id="@+id/imageView4"
                android:layout_width="150px"
                android:layout_height="150px"
                android:layout_weight="0"
                app:srcCompat="@drawable/img04" />

            <ImageView
                android:id="@+id/imageView5"
                android:layout_width="150px"
                android:layout_height="150px"
                android:layout_marginLeft="50px"
                android:layout_marginRight="50px"
                android:layout_weight="0"
                app:srcCompat="@drawable/img05" />

            <ImageView
                android:id="@+id/imageView6"
                android:layout_width="150px"
                android:layout_height="150px"
                android:layout_weight="0"
                app:srcCompat="@drawable/img06" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@drawable/blockbg_big"
            android:gravity="center"
            android:orientation="horizontal">

            <ImageView
                android:id="@+id/imageView7"
                android:layout_width="150px"
                android:layout_height="150px"
                android:layout_marginRight="50px"
                android:layout_weight="0"
                app:srcCompat="@drawable/img07" />

            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="0"
                android:text="转到音乐"
                android:textSize="16sp" />
        </LinearLayout>
    </TableRow>

    <TableRow
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:background="@drawable/blockbg_big">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center_vertical"
            android:orientation="horizontal">

            <ImageView
                android:id="@+id/imageView8"
                android:layout_width="150px"
                android:layout_height="150px"
                android:layout_marginLeft="50px"
                android:layout_marginRight="50px"
                android:layout_weight="0"
                app:srcCompat="@drawable/email" />

            <TextView
                android:id="@+id/textView3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="0"
                android:text="电子邮件"
                android:textSize="16sp" />
        </LinearLayout>
    </TableRow>
</TableLayout>

 

关注

笔者 - jxd

微信公众号搜索 “码农总动员” 或 微信扫描下方二维码，了解更多你不知道的XX，O(∩_∩)O