XamarinBeforeAfter

An Android library that provides a Before-After effect.


Keywords
Xamarin.Android, customview, imageview
Install
Install-Package XamarinBeforeAfter -Version 3.0.0

Documentation

BifacialView

Showcase Showcase

Gradle

allprojects {
    repositories {
        maven { url 'https://jitpack.io' }
    }
}
dependencies {
    implementation 'com.github.pavel163:BifacialView:1.4.0'
}

How to use

<com.ebr163.bifacialview.view.BifacialView
    android:layout_width="match_parent"
    android:layout_height="226dp"
    app:drawableLeft="@drawable/left"
    app:drawableRight="@drawable/right"
    app:arrowVisibility="true"
    app:leftText="before"
    app:rightText="after"
    app:textSize="20sp"
    app:touchMode="delimiter"
    app:delimiterColor="@android:color/white"
    app:arrowColor="@android:color/holo_orange_light"
    app:textColor="@android:color/holo_orange_light" />

To install the picture programmatically use:

    bifacialView.setDrawableLeft(drawableLeft);
    bifacialView.setDrawableRight(drawableRight);

You can use xml attributes to control the appearance of arrows

<com.ebr163.bifacialview.view.BifacialView
    android:id="@+id/view"
    android:layout_width="match_parent"
    android:layout_height="256dp"
    android:layout_centerInParent="true"
    app:arrowColor="@color/colorAccent"
    app:arrowCornerRadius="2dp"
    app:arrowFill="false"
    app:arrowStrokeWidth="3dp"
    app:arrowWidth="27dp"
    app:arrowHeight="41dp"
    app:arrowMargin="10dp"
    app:arrowVisibility="true"
    app:delimiterWidth="3dp"
    app:drawableLeft="@drawable/left"
    app:drawableRight="@drawable/right"
    app:leftText="before"
    app:rightText="after"
    app:textColor="@color/colorPrimary"
    app:textSize="20sp"
    app:delimiterPadding="20dp"/>

TouchMode

ALL - reacts to the touch in any part of view.

DELIMITER - reacts to a touch in the delimiter area.

For correct operation in ViewPager and RecyclerView, use TouchMode = DELIMITER

License

MIT