Android如何實現(xiàn)帶角標的ImageView

這篇文章主要介紹Android如何實現(xiàn)帶角標的ImageView,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

專注于為中小企業(yè)提供成都網站制作、網站設計、外貿網站建設服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)西鄉(xiāng)免費做網站提供優(yōu)質的服務。我們立足成都,凝聚了一批互聯(lián)網行業(yè)人才,有力地推動了上1000+企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網站建設實現(xiàn)規(guī)模擴充和轉變。

角標繪制過程:用畫筆量出一個字符的寬度作為角標背景的半徑(R),然后判斷傳入字符串的總長度

如果只有一位字符:那么就以 R 為半徑,畫一個圓,然后在圓中寫上數(shù)字

如果有兩位以上的字符,就不能單純用一個圓了,用畫筆測量字符串的完整長度( len ),然后在右上角畫一個圓,在這個圓的圓心左邊 len 長度的位置 作為圓心再畫一個圓,最后以這個兩個圓的上下頂點(一共四個)構成一個矩形,進行填充

效果如下:

Android如何實現(xiàn)帶角標的ImageView

集成方法

在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是什么

Android是一種基于Linux內核的自由及開放源代碼的操作系統(tǒng),主要使用于移動設備,如智能手機和平板電腦,由美國Google公司和開放手機聯(lián)盟領導及開發(fā)。

以上是“Android如何實現(xiàn)帶角標的ImageView”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

網站題目:Android如何實現(xiàn)帶角標的ImageView
分享路徑:http://www.muchs.cn/article34/geeise.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供外貿網站建設、企業(yè)建站網站策劃、App開發(fā)軟件開發(fā)、網站導航

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

商城網站建設