TableLayout 佈局介紹

最新推荐文章于 2025-04-16 17:55:06 发布

jon_86

最新推荐文章于 2025-04-16 17:55:06 发布

阅读量256

点赞数

CC 4.0 BY-SA版权

分类专栏： Android學習

本文链接：https://blog.youkuaiyun.com/jlz87/article/details/51484038

Android學習专栏收录该内容

38 篇文章

订阅专栏

本文介绍如何使用TableLayout实现登录界面布局，通过TableRow定义行，使用android:stretchColumns设定拉伸列，以达到屏幕适配效果，并展示了具体的XML代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TableLayout 允許我們使用表格的方式來排列控件，
以下為一個簡單的登錄界面，
通過TableRow 定義行，每加入一個TableRow即新增一行，在TableRow中每新增一個控件，即新增一列。
通過android:stretchColumns 設定第N+1行進行拉伸，以達到自動適應屏幕的作用。
通過android:inputType 指定密碼文本框為password。
通過android:layout_span 指定login按鈕佔據兩列。

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" 
    android:stretchColumns="1">
    <TableRow>
        <TextView 
            android:layout_height="wrap_content"
            android:text="Accout:"/>
        <EditText 
            android:id="@+id/accout"
            android:layout_height="wrap_content"
            android:hint="input your accout"/>
    </TableRow>
    <TableRow >
        <TextView 
            android:layout_height="wrap_content"
            android:text="Password"/>
        <EditText 
            android:id="@+id/password"
            android:layout_height="wrap_content"
            android:inputType="textPassword"/>
    </TableRow>
    <TableRow >
        <Button 
            android:layout_height="wrap_content"
            android:id="@+id/login"
            android:layout_span = '2'
            android:text="Login"/>
    </TableRow>
    <TableRow >
        <Button 
            android:layout_height="wrap_content"
            android:id="@+id/exit"
            android:layout_span = '2'
            android:text="exit"/>
    </TableRow>
</TableLayout>