当前位置: 萬仟网 > IT编程>移动开发>Android > Android布局管理器-使用TableLayout表格布局管理器实现简单的用户登录页面

Android布局管理器-使用TableLayout表格布局管理器实现简单的用户登录页面

2020年01月06日 15:43  | 萬仟网IT编程  | 我要评论

场景

android布局管理器-使用framelayout帧布局管理器显示层叠的正方形以及前景照片:

https://blog.csdn.net/badao_liumang_qizhi/article/details/103839149

实现效果如下

 

 

注:

博客:

关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

将activity_main.xml修改为tablelayout

 

 

然后使用<tabelrow>标签代表添加一行,首行使用

android:paddingtop="200dp">

 

设置顶部内边距

第一行,添加空的textview,再添加一个水平居中的textview和一个edittext

 <tablerow
        android:paddingtop="200dp">
        <textview/>
        <textview
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="账  号:"
            android:textsize="18sp"
            android:gravity="center_horizontal"
            />
        <edittext
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="输入邮箱或手机号"
            />
    </tablerow>

 

第二行,同理,改为密码输入行,不用再设置内顶边距

<tablerow>
        <textview/>
        <textview
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="密  码:"
            android:textsize="18sp"
            android:gravity="center_horizontal"
            />
        <edittext
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="输入6-16位数字或字母"
            />
    </tablerow>

 

第三行添加注册和登录按钮

    <tablerow>
        <textview/>
        <button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="注  册"
            />
        <button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="登  录"
            android:background="#ff8247"
            />
    </tablerow>

 

第四行,添加忘记密码提示

<tablerow
        android:paddingtop="20dp"
        >
        <textview/>
        <textview/>
        <textview
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textcolor="#ff4500"
            android:text="忘记密码?"
            android:gravity="right"
            />
        <textview/>
    </tablerow>

 

完整示例代码

<?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"
    tools:context=".tablelayoutactivity">

    <tablerow
        android:paddingtop="200dp">
        <textview/>
        <textview
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="账  号:"
            android:textsize="18sp"
            android:gravity="center_horizontal"
            />
        <edittext
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="输入邮箱或手机号"
            />
    </tablerow>

    <tablerow>
        <textview/>
        <textview
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="密  码:"
            android:textsize="18sp"
            android:gravity="center_horizontal"
            />
        <edittext
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="输入6-16位数字或字母"
            />
    </tablerow>

    <tablerow>
        <textview/>
        <button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="注  册"
            />
        <button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="登  录"
            android:background="#ff8247"
            />
    </tablerow>

    <tablerow
        android:paddingtop="20dp"
        >
        <textview/>
        <textview/>
        <textview
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textcolor="#ff4500"
            android:text="忘记密码?"
            android:gravity="right"
            />
        <textview/>
    </tablerow>

</tablelayout>

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

◎已有 0 人评论

Copyright © 2020  萬仟网 保留所有权利. 粤ICP备17035492号-1
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com