Android开发技巧——使用Drawable实现小红点

最新推荐文章于 2024-06-25 05:15:29 发布

貌似掉线

最新推荐文章于 2024-06-25 05:15:29 发布

阅读量9.3k

点赞数

分类专栏： Android笔记 Android开发技巧与实战文章标签： android android开发小红点 Drawable

本文链接：https://blog.csdn.net/maosidiaoxian/article/details/54091024

版权

本文介绍了在Android开发中如何使用Drawable巧妙地实现小红点功能，避免自定义toolbar和侧滑菜单。通过创建包含原图和小红点的Drawable，实现了小红点位置的灵活调整，并提供了显示或隐藏小红点的开关。具体实现涉及导航栏和侧滑菜单小红点的设置方法。

摘要由CSDN通过智能技术生成

在产品的设计中，总难免需要我们开发去实现各种各样的小红点，小红点，小红点。
导航栏小红点
侧滑菜单项里的小红点
消息列表的小红点

通常，我们可能会这样做：
QQ截图20170105101941.jpg
用一个View实现小红点，放在相对布局里，设置好内边距或外边距，让它位于图片的右上角。
或者是给图片套一个相对布局，设置好图片的外边距，然后把表示小红点的View放在这个相对布局里面的右上角。

这个应该是最简洁直观的实现方法。然而，它也有它的局限之处。

比如在我这次的开发当中，一开始只是需要实现如下的界面：
QQ截图20170105102453.jpg
QQ截图20170105102709.jpg
为了省事，我当然是直接用AndroidStudio提供的侧滑菜单的模板了，然后再稍作改动，设置一下导航栏的按钮图标和内容布局，写一下侧滑Header的布局，再写一下侧滑菜单的menu.xml文件，就完成了。

在完成了这些，其他功能开发到一半的时候才说要在这两个界面增加小红点。然而，我们的标题栏用的是toolbar，默认对于这个导航图标的设置是只能通过toolbar.setNavigationIcon(Drawable icon)或toolbar.setNavigationIcon(int resId)来设置一个图片上去的，并不能在里面添加一个小红点的View。
另外，我们的侧滑菜单，也是通过在menu资源文件夹里通过如下方式来定义的：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/nav_wallet"
        android:icon="@drawable/icon_menu_wallet"
        android:title="@string/menu_my_wallet"/>
    <item
        android:id="@+id/nav_plate"
        android:icon=