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

对登陆页面的美化(一)

对EditeText的美化

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

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

核心代码不超过50行

先上效果图

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

1. 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'
   
   }

2. 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()
       }

3. 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>

4. 编写MainActivity

public class MainActivity extends AppCompatActivity {

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

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

demo下载地址