BifacialView
Gradle
allprojects {
repositories {
maven { url 'https://jitpack.io' }
}
}
dependencies {
  implementation 'com.github.pavel163:BifacialView:1.4.1'
}
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