自定義未讀消息提示

DotView

未讀消息提示,可自定義顏色及Padding

在程序中隨處可見紅點提示,用於提示用戶有數據更新或新功能。遵循不重複造輪子的原則,我們將這一部分獨立出來,以備複用。

效果展示

在大部分情況下紅點提示會顯示在圖標右上角,也有部分是在文字的前面。

demo

使用

DotView

我們可以使用DotView,在任何你需要的地方。

  1. xml佈局
<me.codego.dotview.DotView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="37"
    android:textColor="#FFF"
    android:textSize="12sp"
    app:dotPadding="3dp" 
    app:dotColor="#00F"/>

DotLayout

我們也可以直接使用DotLayout,DotLayout集成更簡單。

  1. 我們可以使用DotLayout包裹任何需要提示

    <me.codego.dotview.DotLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:dotOverPadding="3dp">
    
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher"/>
    </me.codego.dotview.DotLayout>
  2. 調用dotLayout.show(true, 4)進行展示

具體代碼詳見 GitHub

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章