Android 对登陆页面的美化(一)

最新推荐文章于 2025-07-03 13:00:07 发布

iiihavedone

最新推荐文章于 2025-07-03 13:00:07 发布

阅读量2.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： android 笔记文章标签： android ui EditText

本文链接：https://blog.youkuaiyun.com/x15037308498/article/details/80706905

笔记同时被 2 个专栏收录

20 篇文章

订阅专栏

android

2 篇文章

订阅专栏

本文介绍了一种简单的方法来美化Android应用中的登录页面，通过使用FloatLabeledEditText组件实现浮动标签的效果，使得EditText控件更加美观且易于使用。

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

对登陆页面的美化(一)

对EditeText的美化

非常简单的实现浮动标签EditText:

Android视图使用EditText之上,并提示EditText时填充文本。

核心代码不超过50行

先上效果图

实现起来很简单，这里用到了一个github的开源组件 floatlabelededittext 和maven库 地址:github

clone或download这个项目后，将他的library和v4,v7包添加依赖

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'com.android.support:appcompat-v7:26.+'
    compile 'com.android.support:support-v4:26.+'
    compile 'com.wrapp.floatlabelededittext:library:0.0.6'

}

buildscript {
    
    repositories {
        mavenCentral()
        jcenter()
    }allprojects {  group = 'com.wrapp.floatlabelededittext' repositories {        mavenCentral()        jcenter()    }}

在Build.gradle中，添加maven库

buildscript {
    
    repositories {
        mavenCentral()
        jcenter()
    }allprojects {  group = 'com.wrapp.floatlabelededittext' repositories {        mavenCentral()        jcenter()    }}

buildscript {
    
    repositories {
        mavenCentral()
        jcenter()
    }

allprojects {
    group = 'com.wrapp.floatlabelededittext'
    repositories {
        mavenCentral()
        jcenter()
    }
}

组件的使用

<com.wrapp.floatlabelededittext.FloatLabeledEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        float:fletPadding="10dp">

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Username" />
    </com.wrapp.floatlabelededittext.FloatLabeledEditText>

编写MainActivity

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

到这里就结束啦，非常简单的操作就能让EditText效果变得好看，如果哪有不对的还请大家指出，谢谢。

demo下载地址