枠線つきの吹き出しをAndroidでかんたんに作る

BubbleLayout

BubbleLayout
枠線つきの吹き出しをAndroidでかんたんに作るライブラリを作成しました。

吹き出しを作れるViewのライブラリは、BubbleViewなど存在
したのですが、いい感じに枠線をつけれるのが存在しなかったので、作成してみました。

実装は地道にCanvasにPathを描画したのですが、その分軽量なライブラリになったと思います。

Dependencies

dependencies {
    compile 'com.daasuu:BubbleLayout:1.0.0'
}

Basic Usage

上記のレイアウトは下記のようにxmlで描画すれば非常に簡単に作成できます。

<com.daasuu.bl.BubbleLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="12dp"
    android:padding="8dp"
    app:bl_arrowDirection="right"
    app:bl_arrowHeight="8dp"
    app:bl_arrowPosition="16dp"
    app:bl_arrowWidth="8dp"
    app:bl_cornersRadius="6dp"
    app:bl_strokeWidth="1dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginRight="4dp"
        android:text="BubbleLayout"
        android:textColor="@android:color/holo_red_dark" />

</com.daasuu.bl.BubbleLayout>

Attributes

Attributesは下記の通りに用意しました。

attr	description
bl_arrowWidth	Width of the arrow, default 8dp
bl_arrowHeight	Height of the arrow, default 8dp
bl_arrowPosition	Position of the arrow, default 12dp
bl_cornersRadius	Corner radius of the BubbleLayout, default 0dp
bl_bubbleColor	Color of the BubbleLayout, default WHITE
bl_strokeWidth	Width of the stroke, default 0dp
bl_strokeColor	Color of the stroke, default GLAY
bl_arrowDirection	Drawing position of the arrow : 'left' or 'top' or 'right' or 'bottom', default 'left'

是非、BubbleLayoutをご覧になり、Starもつけていただけると
とても嬉しく思います。pull reqestも大歓迎です！