脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Android → Android 带角标的ImageView(微博,QQ消息提示)

Android 实现带角标的ImageView(微博,QQ消息提示)

 更新时间：2018年01月17日 11:07:53   作者：Si-Kang  
下面小编就为大家分享一篇Android 实现带角标的ImageView(微博,QQ消息提示)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

角标绘制过程：用画笔量出一个字符的宽度作为角标背景的半径（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();
      }
    });
  }

以上这篇Android 实现带角标的ImageView(微博,QQ消息提示)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • Android编程中Perferences的用法实例分析

    Android编程中Perferences的用法实例分析

    这篇文章主要介绍了Android编程中Perferences的用法,以实例形式较为详细的分析了配置文件preferences.xml的功能、定义及使用方法,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • Android Fragment多层嵌套重影问题的解决方法

    Android Fragment多层嵌套重影问题的解决方法

    这篇文章主要介绍了Android Fragment多层嵌套重影问题的解决方法，从解决bug的思想，导致原因，原理解析等方面找出问题所在原因，最终解决方法就可以简单了，对fragment 多层嵌套问题感兴趣的朋友一起通过本文学习吧
    2016-08-08
  • 5种Android数据存储方式汇总

    5种Android数据存储方式汇总

    这篇文章主要为大家整理了5种Android数据存储方式，列出了各存储方式的优缺点，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-12-12
  • Android自定义轮播图效果

    Android自定义轮播图效果

    这篇文章主要为大家详细介绍了Android自定义轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-08-08
  • android设备不识别awk命令 缺少busybox怎么办

    android设备不识别awk命令 缺少busybox怎么办

    这篇文章主要为大家详细介绍了android设备不识别awk命令，缺少busybox的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-04-04
  • Android开发之自定义CheckBox

    Android开发之自定义CheckBox

    本文通过实例代码演示如何在Android中如何自定义CheckBox，实现的效果很好，有需要的可以参考借鉴。
    2016-08-08
  • Android中利用zxing实现自己的二维码扫描识别详解

    Android中利用zxing实现自己的二维码扫描识别详解

    这篇文章主要给大家介绍了关于Android中利用zxing实现自己的二维码扫描识别的相关资料，文中通过图文介绍的非常详细，对大家学习或者使用zxing具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
    2017-09-09
  • Android提高之BLE开发Android手机搜索iBeacon基站

    Android提高之BLE开发Android手机搜索iBeacon基站

    这篇文章主要介绍了BLE开发Android手机搜索iBeacon基站,需要的朋友可以参考下
    2014-08-08
  • android基础教程之开机启动示例

    android基础教程之开机启动示例

    这篇文章主要介绍了android开机启动示例，开机自动启动程序后开机启动广播功能实现,需要的朋友可以参考下
    2014-02-02
  • Android实现网页图片浏览功能

    Android实现网页图片浏览功能

    这篇文章主要为大家详细介绍了Android实现网页图片浏览功能，输入图片的url然后点击按钮加载出来图片，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-05-05

最新评论