Android 實現(xiàn)帶角標的ImageView(微博,QQ消息提示)
角標繪制過程:用畫筆量出一個字符的寬度作為角標背景的半徑(R),然后判斷傳入字符串的總長度
如果只有一位字符:那么就以 R 為半徑,畫一個圓,然后在圓中寫上數(shù)字
如果有兩位以上的字符,就不能單純用一個圓了,用畫筆測量字符串的完整長度( len ),然后在右上角畫一個圓,在這個圓的圓心左邊 len 長度的位置 作為圓心再畫一個圓,最后以這個兩個圓的上下頂點(一共四個)構成一個矩形,進行填充
源碼地址:https://github.com/SiKang123/AndroidToolBox
效果如下:

集成方法
在Project的 build.gradle 下添加
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
在Module的 build.gradle 下添加
dependencies {
compile 'com.github.SiKang123:AndroidToolBox:1.0'
}
使用方法
圖片中的效果,Layout:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_horizontal"
android:orientation="vertical"
android:paddingTop="50dp">
<android.simple.toolbox.widget.CornerImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_margin="20dp"
android:src="@mipmap/ic_launcher"
app:cornerBackground="@color/red"
app:cornerText="9"
app:cornerTextColor="@color/white"
app:cornerTextSize="11dp" />
<android.simple.toolbox.widget.CornerImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_margin="20dp"
android:src="@mipmap/ic_launcher"
app:cornerBackground="@color/red"
app:cornerText="99"
app:cornerTextColor="@color/white"
app:cornerTextSize="11dp" />
<android.simple.toolbox.widget.CornerImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_margin="20dp"
android:src="@mipmap/ic_launcher"
app:cornerBackground="@color/red"
app:cornerText="999"
app:cornerTextColor="@color/white"
app:cornerTextSize="11dp" />
<android.simple.toolbox.widget.CornerImageView
android:id="@+id/progress_imageview"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_margin="20dp"
android:src="@mipmap/ic_launcher"
app:cornerBackground="@mipmap/shanchu"
app:cornerLoadColor="@color/alpha_black_35"
app:cornerRadius="7dp" />
</LinearLayout>
Activtiy:
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_cornerimage);
//設置最后一個圖片的加載進度為20%,并添加點擊事件
CornerImageView imageView = (CornerImageView) findViewById(R.id.progress_imageview);
imageView.progress(20);
imageView.setOnCornerClickListener(new CornerImageView.OnCornerClickListener() {
@Override
public void onCornerClickListener(View view) {
Toast.makeText(SimpleCornerImageActivity.this, "角標被點擊", Toast.LENGTH_SHORT).show();
}
});
}
以上這篇Android 實現(xiàn)帶角標的ImageView(微博,QQ消息提示)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
Android SurfaceView運行機制剖析--處理切換到后臺再重新進入程序時的異常
本文主要介紹Android SurfaceView運行機制,這里整理了詳細的資料來講解SurfaceView的運行原理,并附示例代碼參考,有需要的小伙伴可以參考下2016-08-08
Android 類似UC瀏覽器的效果:向上滑動地址欄隱藏功能
這篇文章主要介紹了Android 類似UC瀏覽器的效果:向上滑動地址欄隱藏功能,需要的朋友可以參考下2017-12-12

