自定义未读消息提示

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

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