Android studio app登录界面设计 您所在的位置:网站首页 登录界面的原理 Android studio app登录界面设计

Android studio app登录界面设计

2023-11-07 22:51| 来源: 网络整理| 查看: 265

在Android studio中实现基本登录界面设计。实现效果如下: 在这里插入图片描述 (1)新建 本界面通过三个Linear layout(vertical)来实现 新建项目,其.xml文件中 design界面默认如下: 默认 右键【ConstraintLayout】——【Convert View…】——【LinearLayout】此时的LinearLayout默认为水平方向,我们将右侧【Attribute】中【orientation】改为[vertical]。 (2)添加线性布局 在这里插入图片描述 直接拖动即可

(3)第一部分-登录 添加[text view]至布局 在这里插入图片描述 在右侧设置一系列属性,其中【gravity】控制文本内容的相对位置,【padding Bottom】控制文本至下边界距离。且选择适当的字号,背景色等。本例属性设置如下: 在这里插入图片描述 效果如图:在这里插入图片描述 (4)第二部分-用户名、密码 将【text】中【plaintext】、【Password】、【Text view】拖入页面中。 在这里插入图片描述 对于【Plaintext】,删除[text]中的内容,找到【hint】输入“请输入用户名”。【hint】为该文本框设置提示信息。【layout—margin】设置文本框上下左右边界距离。 具体属性设置及结果如图: 在这里插入图片描述 【忘记密码】居右,设置其【layout—gravity】为【right】即可。 最后,选中整个第二部分的【Linear layout】设置其【layout—height】为【wrap-content】。 (5)第三部分-登录、注册按钮。 向布局中添加两个【button】按钮,根据【layout-margin】属性调整按钮位置;【text】【text color】【text size】设置按钮名称,字体颜色和大小;【background】属性设置背景色。 最终结果如图所示: 在这里插入图片描述 此外 【注册】按钮边框色的设置,需在右侧视图中【drawable】右键【new】–【drawable resource file】建立一个xml文件,文件内容

//边框粗细、颜色

下附本界面设计全部代码:

若设置【注册】按钮的边框色,则该



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有