読者です 読者をやめる 読者になる 読者になる

さまよえる、Android

Androidのプログラミングで便利なことや残しておきたいことを残しておく。もしオススメのライブラリがあったら教えてくださいね。

すぐに吹き出しがつくれちゃうAndoridのUIライブラリ、BubbleViewを試す。

いつもの

    compile 'com.lguipeng.bubbleview:library:1.0.0'
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    xmlns:app="http://schemas.android.com/apk/res-auto"
     tools:context=".MainActivity">

    <com.github.library.bubbleview.BubbleTextVew
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello BubbleTextVew"
        android:padding="10dp"
        android:textColor="@android:color/white"
        app:arrowWidth="8dp"
        app:angle="2dp"
        app:arrowHeight="10dp"
        app:arrowPosition="14dp"
        app:arrowLocation= "right"
        app:bubbleColor="#7EC0EE"/>

    <com.github.library.bubbleview.BubbleTextVew
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello BubbleTextVew"
        android:padding="10dp"
        android:textColor="@android:color/white"
        app:arrowWidth="8dp"
        app:angle="2dp"
        app:arrowHeight="10dp"
        app:arrowPosition="14dp"
        app:arrowLocation= "left"
        app:bubbleColor="#000000"/>

    <com.github.library.bubbleview.BubbleTextVew
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello BubbleTextVew"
        android:padding="10dp"
        android:textColor="@android:color/white"
        app:arrowWidth="20dp"
        app:angle="10dp"
        app:arrowHeight="30dp"
        app:arrowPosition="14dp"
        app:arrowLocation= "top"
        app:bubbleColor="#777"/>

    <com.github.library.bubbleview.BubbleTextVew
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello BubbleTextVew"
        android:padding="10dp"
        android:textColor="@android:color/white"
        app:arrowWidth="8dp"
        app:angle="10dp"
        app:arrowHeight="10dp"
        app:arrowPosition="14dp"
        app:arrowLocation= "bottom"
        app:bubbleColor="#F5A9D0"/>
</LinearLayout>

吹き出しの先端は、”app:arrowLocation”で指定できる。

  1. top
  2. left
  3. right
  4. bottom

吹き出しの太さや高さも設定でき、角を丸くしたりもできる。

f:id:araiyusukej:20151027184649p:plain