Android 帶角標的ImageView（微博，QQ訊息提示），androidimageview

Android 帶角標的ImageView（微博，QQ訊息提示），androidimageview

角標繪製過程：用畫筆量出一個字元的寬度作為角標背景的半徑（R），然後判斷傳入字串的總長度
如果只有一位字元：那麼就以 R 為半徑，畫一個圓，然後在圓中寫上數字
如果有兩位以上的字元，就不能單純用一個圓了，用畫筆測量字串的完整長度( 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();            }        });    }

頂

0

踩

0

    查看評論