ArcLibrary

An android library for Layouts with rounded corners.

example_chat

Install

Add JitPack in your root build.gradle at the end of repositories

allprojects {
        repositories {
            ...
            maven { url 'https://jitpack.io' }
        }
    }

Add ArcLibrary dependency

dependencies {
            implementation 'com.github.stelladk:ArcLibrary:0.1.0'
    }

How to use

Make sure that you have the app namespace declared in your layout

xmlns:app="http://schemas.android.com/apk/res-auto"

Now you can use the ArcLayout

<com.stelladk.arclib.ArcLayout
    android:id="@+id/arcLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:ArcType="none"/>

Every corner can be customised separately.

With the attribute ArcType you can specify the corner type you want. The default value is "none".

app:TopRightArc="inner" app:TopRightArc="outer"
inner_crop outer_y_crop

With the attribute OuterAxis you can specify the direction of the outer corners of your layout.

app:TopRightOuterAxis="y_axis" app:TopRightOuterAxis="x_axis"
outer_y_crop outer_x_crop

With the attribute ArcRadius you can specify the radius of your corners.

app:BottomRightRadius="150dp"

arc

With the attributes ArcType, OuterAxis and ArcRadius you can specify the default values of all four corners.

There are all different kind of shapes that you can build.

Example 1

<com.stelladk.arclib.ArcLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/pattern"

    app:ArcType="inner"
    app:TopLeftArc="outer"
    app:BottomRightArc="outer"
    app:OuterAxis="y_axis"
    app:ArcRadius="150dp"/>

wave

Example 2

<com.stelladk.arclib.ArcLayout
    android:layout_width="match_parent"
    android:layout_height="300dp"
    android:background="@drawable/pattern"

    app:BottomLeftArc="outer"
    app:BottomRightArc="inner"
    app:ArcRadius="150dp"/>

header

Example 3

<com.stelladk.arclib.ArcLayout
    android:layout_width="300dp"
    android:layout_height="300dp"
    android:background="@drawable/pattern"

    app:ArcType="inner"
    app:ArcRadius="150dp"/>

circle

Example 4

<com.stelladk.arclib.ArcLayout
    android:id="@+id/bubble_pink"
    android:layout_width="300dp"
    android:layout_height="300dp"

    app:ArcType="inner"
    app:OuterAxis="y_axis"
    app:ArcRadius="70dp"
    app:BottomRightArc="outer"
    app:BottomRightRadius="100dp"
    android:background="@drawable/pink"/>

<com.stelladk.arclib.ArcLayout
    android:id="@+id/bubble_white"
    android:layout_width="300dp"
    android:layout_height="300dp"

    app:ArcType="inner"
    app:ArcRadius="100dp"
    app:BottomLeftArc="outer"
    app:BottomLeftRadius="90dp"/>

speech_bubbles

GitHub