,

Featured: Material Two Steps Login Android library

Developing mobile apps which are aesthetically pleasing to the eye can sometimes be difficult. It becomes even more so when you have a case of the infamous creative block syndrome which is never fun to diagnose yourself with. Luckily, we have guys like Unipiazza, the developer of the Material Two Steps Login Android library which makes it a little bit easier with the great work they do.

Today’s featured library is the Material Two Steps Login library developed by Unipiazza. Material Two Steps Login is a beautiful Android library which you can import into your project and wire up to handle the login functionality of your application. The library can easily be styled to fit in with your design and works great. The only downside to the library in its current version is that the styling capabilities are very basic. If you would like to implement more advanced styling such as custom fonts, you will be better off to clone the library and implement it in your project rather than just including the bas URL in your build.gradle.

 

jj prinsloo unipiazzi two steps login preview 1
jj prinsloo unipiazzi two steps login preview 2

 

To use the library, all you need to do is add the dependency to your build.gradle file:

compile 'com.unipiazza.materialtwostepslogin:materialtwostepslogin:0.1.4'

After adding the dependency, create a new activity and add the Material Two Steps Login form in the activity with the following XML:

 <com.unipiazza.material2stepslogin.view.MaterialTwoStepsLogin
    android:id="@+id/login_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

From here you will be able to customize the activity in the activity code as you see fit:

MaterialTwoStepsLogin login_view = (MaterialTwoStepsLogin) findViewById(R.id.login_view);

   //REQUIRED
    login_view.setListener(this);
    login_view.setActivity(this);
    login_view.setFirst_step_background_color(getResources().getColor(R.color.colorPrimary));
    login_view.setSecond_step_background_color(Color.WHITE);
    login_view.setLogo(R.mipmap.ic_launcher);
    login_view.setDescription(R.string.insert_email_login);

    //OPTIONAL
    //TEXTS
    login_view.setRegister_description(R.string.not_registered_login);
    login_view.setRegister_text(R.string.registrati);
    //login_view.setPassforget_description_text();
    //login_view.setButton_passforget_text(Color.WHITE);
    //login_view.setButton_login_text();

    //REGISTER BUTTON background
    //login_view.setRegister_background(R.drawable.rounded_white_stroke_button);
    login_view.setButton_register_text_color(Color.WHITE);

    //EDITTEXT BACKGROUNDS AND COLOR
    //login_view.setEdittext_password_background();
    //login_view.setEdittext_email_background();
    //login_view.setEmail_text_color(Color.BLACK);
    //login_view.setEdittext_password_text_color(Color.BLACK);

    //BUTTON BACKGROUNDS
    //login_view.setButton_login_background();
    //login_view.setButton_next_background();

    //BUTTON TEXT COLOR
    login_view.setButton_next_text_color(Color.WHITE);
    login_view.setButton_login_text_color(getResources().getColor(R.color.colorPrimary));
    //login_view.setButton_passforget_text_color(Color.WHITE);
    //login_view.setPassforget_description_text_color(Color.WHITE);

    //TEXTVIEW TEXT COLOR
    //login_view.setDescription_text_color(Color.BLACK);
    //login_view.setRegister_description_text_color(Color.WHITE);
    //login_view.setName_text_color(Color.BLACK);
    //login_view.setEmail_secontstep_text_color(Color.BLACK);
    login_view.setPassforget_description_text_color(Color.BLACK);

Thanks Unipiazza, You really outshine on this one!

Be sure to check out Unipiazza’s Github page for more awesome libraries.