三方组件--自定义图标组件

wx60556074c8778

发布于 2021-7-23 11:16

浏览

2收藏

1. 介绍

“图标素材”允许您在文本、操作栏甚至编辑文本中包含由Sergey Kupletsky打包的任何Google“素材设计2.1.1”图标。图标是自由可伸缩的，也可自定义阴影和添加你可以想要做的文字。
素材地址：++http://zavoloklom.github.io/material-design-iconic-font/++

2. 如何使用

2.1 添加依赖

repositories {
    ...
    mavenCentral()
    ...
}
...
dependencies {
    ...
    compile 'io.github.dzsf:material-icons:1.0.0'
    ...
}

2.2 视图的使用

如果您需要文本视图上的图标，请使用{}语法。可以在它周围放置任何文本，并且文本中有多个图标。
请注意，阴影也适用于图标。

<IconTextView
    ohos:id="$+id:item_text"
    ohos:width="match_parent"
    ohos:height="match_content"
    ohos:top_margin="10vp"
    ohos:padding="4vp"
    ohos:text_size="40fp"
    ohos:text_color="#cd0716"
    ohos:max_text_lines="2"
    ohos:below="$id:item_icon"
    ohos:text_alignment="center"
    ohos:text="Sample icon"
    ... />

您可以使用IconTextView/ButtonTextView或使用任何TextView，然后以编码方式调用Iconify.addIcons（myTextView）。
如果需要在ImageView或ActionBar中使用图标，那么应该使用IconDrawable。
同样，图标是自由可伸缩的，永远不会变得模糊！

// Set an icon in the ActionBar
Image iconView = (Image) findComponentById(ResourceTable.Id_item_icon);
Iconify.IconValue iconValue = Iconify.IconValue.values()[position];
IconDrawable element = new IconDrawable(iconView, iconValue)
                .sizeRes(ResourceTable.Float_icon_detailed_size)
                .alpha(100)
                .colorRes(ResourceTable.Color_detail_color);
             element.setColorFilter(new ColorFilter(getColor(ResourceTable.Color_filter_color), BlendMode.COLOR));
             element.setStyle(Paint.Style.FILL_STYLE);
      iconView.setImageElement(element);