Android页面设计（一）——简洁美观的登录页面

最新推荐文章于 2025-09-14 16:52:03 发布

原创

最新推荐文章于 2025-09-14 16:52:03 发布 · 3.2w 阅读

178 ·

CC 4.0 BY-SA版权

文章标签：

#Android登录页面 #MaterialDesign #Android

前几天做个APP，需要用到登录页面，无奈本人艺术细胞太差，于是去GitHub逛了一圈，没有找到特别满意的，于是只能自己设计了一个，将就着用一下，后续会继续扩充。大家有比较好的设计方案欢迎评论区分享！

废话不多说，先来看下效果
在这里插入图片描述

代码及介绍如下

首先添加依赖，在Module的build.gradle文件中的dependencies节点下添加如下依赖，注意design版本要和你项目一致；

    implementation 'com.android.support:design:28.0.0'
    implementation 'net.qiujuer.genius:ui:2.0.0-beta4'

接着是按钮的样式文件，在res/drawable下新建button_shape.xml，代码如下

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- 填充的颜色 -->
    <solid android:color= "@color/goldenrod" />
    <!-- android:radius 弧形的半径 -->
    <!-- 设置按钮的四个角为弧形 -->
    <corners
        android:radius="10dip" />
    **设置文字padding**
    <!-- padding：Button里面的文字与Button边界的间隔 -->
    <padding
        android:left="10dp"
        android:top="10dp"
        android:right="10dp"
        android:bottom="10dp"
        />
</shape>

接下来是放在res/values/strings.xml中的字符串常数和res/values/colors.xml中的颜色常数

strings.xml

<string name="login_title">XX管理系统</string>
<string name="hint_usename">用户名:</string> 
<string name="hint_password">密码:</string>
<string name="copyright_information">2019 © XX管理系统</string>

colors.xml