Android開源BubbleLayout控件 - 一個可自定義樣式的氣泡提示

一個可以自定義線條，顏色，箭頭大小位置和方向的氣泡提示。

效果

Gradle

Add the dependency to your build.gradle.

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

基本使用

Include the BubbleLayout widget in your layout.

<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></code></pre> 
  
屬性
 
  
There are several attributes you can set:
 
  
 
   
 
    
 
     
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'
 
    
 
   
 
  
 
  
例子
 
  
 
  
<com.daasuu.bl.BubbleLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="12dp"
    android:padding="8dp"
    app:bl_arrowDirection="top"
    app:bl_arrowHeight="8dp"
    app:bl_arrowPosition="12dp"
    app:bl_arrowWidth="8dp"
    app:bl_bubbleColor="@android:color/holo_blue_light"
    app:bl_cornersRadius="8dp">


<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <ImageView
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:src="@mipmap/ic_launcher" />

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

</LinearLayout>


</com.daasuu.bl.BubbleLayout></code></pre> 
  
 
  
<com.daasuu.bl.BubbleLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="8dp"
    app:bl_arrowDirection="left"
    app:bl_arrowHeight="8dp"
    app:bl_arrowPosition="16dp"
    app:bl_arrowWidth="8dp"
    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></code></pre> 
  
 
  
Button button = (Button) findViewById(R.id.btn_popup);

BubbleLayout bubbleLayout = (BubbleLayout) LayoutInflater.from(this).inflate(R.layout.layout_sample_popup, null);
PopupWindow popupWindow = BubblePopupHelper.create(this, bubbleLayout);
button.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        int[] location = new int[2];
        v.getLocationInWindow(location);
        popupWindow.showAtLocation(v, Gravity.NO_GRAVITY, location[0], v.getHeight() + location[1]);
    }
});</code></pre> 
  
layout_sample_popup.xml
 
  
<?xml version="1.0" encoding="utf-8"?>
<com.daasuu.bl.BubbleLayout xmlns:android="

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


</com.daasuu.bl.BubbleLayout></code></pre>