Android材料设计的“用户在线”绿点图标

Posted

技术标签:

【中文标题】Android材料设计的“用户在线”绿点图标【英文标题】:"User is online" green dot icon for Android material design 【发布时间】:2018-12-12 11:18:22 【问题描述】:

我在哪里可以找到用于 Material Design android 的显示“用户在线”的绿色小圆点图标? 注意:我不认为它在 https://material.io/tools/icons/?style=baseline 和 https://materialdesignicons.com/ 站点中可用。

【问题讨论】:

materialdesignicons.com/icon/checkbox-blank-circle 【参考方案1】:

试试这个

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:
    android:
    android:viewportWidth="24.0"
    android:viewportHeight="24.0">
    <path
        android:fillColor="#05b714"
        android:pathData="M12,12m-10,0a10,10 0,1 1,20 0a10,10 0,1 1,-20 0"/>
</vector>

输出

像这样使用

<RelativeLayout
    android:layout_
    android:layout_>

    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/profileImage"
        android:layout_
        android:layout_
        android:src="@drawable/kid"
        app:civ_border_color="#000"
        app:civ_border_ />

    <ImageView
        android:layout_
        android:layout_
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:layout_marginEnd="15dp"
        android:layout_marginBottom="2dp"
        android:src="@drawable/ic_online" />

</RelativeLayout>

输出

【讨论】:

一个可绘制简单圆圈的矢量?为什么不只使用可绘制的形状..?

以上是关于Android材料设计的“用户在线”绿点图标的主要内容,如果未能解决你的问题,请参考以下文章

Android 5.0 材料设计风格的 KitKat 导航抽屉

如何更改材料设计导航抽屉中汉堡图标的颜色

材料设计图标闪烁(FOUT?)

显示完全错误图标的材料设计图标

材料设计图标颜色

如何在 vue 的故事书中显示材料设计图标