Material Two Steps Login

An Android library that helps you to make a cool two steps login in Material Design way. Such as Google web login.

Download

Download via Maven:

<dependency>
  <groupId>com.unipiazza.materialtwostepslogin</groupId>
  <artifactId>materialtwostepslogin</artifactId>
  <version>0.2</version>
  <type>pom</type>
</dependency>

or Gradle

compile 'com.unipiazza.materialtwostepslogin:materialtwostepslogin:0.2'

Demo

See Materialtwostepsdemo for code example. See Unipiazza in Play Store for a full working demo.

Usage

Create a new Activity with MaterialTwoStepsLogin view in xml file:

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

Customize it from Activity

	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);

Implement Listener and listen for actions

	@Override
	public void onNextClicked(String email) {
	/*TODO Check if email is corrected
	    ...
	    if it is not call login_view.setNotVerified();
	*/
	login_view.setInfosAfterNext(email
		, "Material Two Steps Demo"
		, BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher));
	}

	@Override
	public void onLoginClicked(String password) {
	/*TODO Check if password is corrected
	    ...
	    if it is not call login_view.setPasswordWrong();
	    otherwise go on with your Activities
	*/
	}

	@Override
	public void onRecoverPasswordClicked() {
	//Called when user click to recover password
	}

	@Override
	public void onBackToMail() {
	//Called when user click to back button
	}

	@Override
	public void onRegisterClicked() {
	//Called when user click to register
	}

Suggestion, help and pull request al welcome!

Libraries used

circleimageview

CircularReveal

License

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

see LICENSE