Material Design Login

https://github.com/yellow5a5/material-design-login
Admin
A Material Design login and sign-up demo for Android, featuring slip events for state changes and...
Tokens:587
Snippets:4
Trust Score:8
Update:1 year ago
Show doc for...
Tokens:
Raw
### Implement Callbacks for UI Interaction

Source: https://github.com/yellow5a5/material-design-login/blob/master/README.md

Implement IScrollCallBack for CatchScrollLayout to dynamically update UI elements like SignUpContainer based on scroll progress. Also, set IConfirmCallBack for SignUpContainer to handle confirmation actions, enabling custom logic upon user interaction.

```Java
mCatchScrollLayout.setIScrollCallBack(new CatchScrollLayout.IScrollCallBack() {
    @Override
    public void onScrollProcess(int process, boolean isLeft) {
        if (!isLeft){
            process = 100 - process;
        }
        mSignUpContainer.setAnimProportion(process);
    }
});

mSignUpContainer.setIConfirmCallBack(new SignUpContainer.IConfirmCallBack() {
    @Override
    public void goNext() {
        //TODO
    }
});
```

--------------------------------

### Configure CatchScrollLayout in XML

Source: https://github.com/yellow5a5/material-design-login/blob/master/README.md

Integrate CatchScrollLayout into an Android layout to monitor external sliding events. Set its dimensions and properties like gravity and clickable state. Child views like SignUpContainer can be added inside.

```XML
<yellow5a5.materialdesignlogin.View.CatchScrollLayout
    android:id="@+id/catch_sroll_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    android:clickable="true">
    
    <!--add the view like this-->
    
    <yellow5a5.materialdesignlogin.View.SignUpContainer
        android:id="@+id/sign_up_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
    

</yellow5a5.materialdesignlogin.View.CatchScrollLayout>
```

--------------------------------

### Define IScrollCallBack Interface for CatchScrollLayout

Source: https://github.com/yellow5a5/material-design-login/blob/master/README.md

Define the IScrollCallBack interface to handle scroll progress events from CatchScrollLayout. The onScrollProcess method provides the current scroll process and direction. A setter method allows external classes to register their callback implementations.

```Java
private IScrollCallBack mIScrollCallBack;

public interface IScrollCallBack {
    void onScrollProcess(int process, boolean isLeft);
}

public void setIScrollCallBack(IScrollCallBack l) {
    mIScrollCallBack = l;
}
```

--------------------------------

### Configure UnderlineDevider in XML

Source: https://github.com/yellow5a5/material-design-login/blob/master/README.md

Use UnderlineDevider in an XML layout to create a customizable horizontal divider. The 'app:devide_count' attribute allows setting the number of segments, and 'app:devide_color' defines its color. It can be used independently in any layout.

```XML
<yellow5a5.materialdesignlogin.View.UnderlineDevider
    android:id="@+id/underline_v"
    android:layout_width="match_parent"
    android:layout_height="2dp"
    android:layout_gravity="bottom"
    app:devide_color="#ffffff"
    app:devide_count="2" />
```
Tokens:
Raw