Android徽章控件:BGABadgeView-Android

jopen 9年前發布 | 41K 次閱讀 Android開發 移動開發 BGABadgeView-Android

介紹:

Android各式各樣的徽章控件。

運行效果:

Demo

使用說明:

demo中演示了:

  • 微博底部tab顯示最新微博條數

  • 微博列表用戶頭像顯示顯示右下角vip徽章

  • 微信消息界面用戶新消息

  • 微信消息界面訂閱號新消息

  • 使用v4包中的RoundedBitmapDrawable制作圓角頭像

Gradle依賴

dependencies {
    compile 'com.android.support:appcompat-v7:22.2.0'
    compile 'cn.bingoogolapple:bga-badgeview:1.0.0@aar'
}

目前支持的徽章類

類名 應用場景
BGABadgeCheckedTextView 微博首頁微博類型彈出窗口中的item
BGABadgeRadioButton 微博首頁底部導航
BGABadgeImageView 微博列表用戶頭像
BGABadgeTextView 其實這個可以用BGABadgeCheckedTextView代替
BGABadgeLinearLayout 列表item右側消息條數
BGABadgeRelativeLayout 列表item右側消息條數
BGABadgeFrameLayout 列表item右側消息條數

接口說明

/**
 * 顯示圓點徽章
 */
void showCriclePointBadge();

/**
 * 顯示文字徽章
 *
 * @param badgeText
 */
void showTextBadge(String badgeText);

/**
 * 隱藏徽章
 */
void hiddenBadge();

/**
 * 顯示圖像徽章
 *
 * @param bitmap
 */
void showDrawableBadge(Bitmap bitmap);

自定義屬性說明

屬性名 說明 默認值
badge_bgColor 徽章背景色 Color.RED
badge_textColor 徽章文本的顏色 Color.WHITE
badge_textSize 徽章文本字體大小 10sp
badge_verticalMargin 徽章背景與宿主控件上下邊緣間距離 4dp
badge_horizontalMargin 徽章背景與宿主控件左右邊緣間距離 4dp
badge_padding 徽章文本邊緣與徽章背景邊緣間的距離 4dp
badge_gravity 徽章在宿主控件中的位置 BGABadgeImageView和BGABadgeRadioButton是右上方,其他控件是右邊垂直居中

擴展自己的BadgeView

繼承特定的控件,實現BGABadgeable接口中相應的方法,并調用BGABadgeViewHelper中相應的方法,自定義控件實現方式請參考BGABadgeRadioButton,自定義組合控件實現方式請參考BGABadgeLinearLayout


項目主頁:
http://www.baiduhome.net/lib/view/home/1436406240036

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!