带有 ios 和 android 的自定义图标

马库里山

我有 ios 和 android 的自定义图标,名称为“md-usb.svg”和“ios-usb.svg”。

我已将 android 图标复制到文件夹

android\app\src\main\assets\public\svg

对于标准图标 md-bluetooth.svg,我找到了 7 个目录。哪个适合ios,哪个适合android?

在我使用的 html 中

<ion-icon *ngIf="item.active" md="md-usb"> slot="start"></ion-icon>

我在文档中发现我们应该使用资产文件夹,但该文件夹在项目下也存在多次。

rtphar

资产文件夹

您要查找的文件夹不是隐藏在项目深处的文件夹。

从您app编写所有代码的文件夹中,只需上一个文件夹并将其放在那里src\assets

这之间app,并environments在我的项目。

你的方法

看来您要做的是替换ion-icon默认使用的实际 svg 文件

这不是这样做的方法。

如果您尝试此操作,则下次发布新的 ion-icons 版本时它将被重置。

您应该将资产放在本地文件夹中\src\assets\icon.svg,然后这样使用它:

<ion-icon src="assets/icon.svg"></ion-icon>

多平台自定义图标

这似乎还有一个额外的问题,那就是自定义文件支持似乎没有平台支持。

所以如果你想为每个平台使用不同的图标,它会变得更加复杂。

从广义上讲,我认为这需要将变量绑定到 src 之类的[src]="iconPath",然后通过使用platform.

更新 - 是的,我刚刚检查了代码。如果src设置了该属性,则它仅使用属性并忽略属性,mode因此您必须处理为离子图标之外的平台设置正确的图标。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

带有CORS和自定义标头的AngularJS

来自分类Dev

带有2个标签的Android自定义键盘(右上方有主标签和小标签)

来自分类Dev

自定义带有标签和UISlider的UITableViewCell在ios 7中发生了6次崩溃。UITableViewCellScrollView?

来自分类Dev

添加没有自定义图像的iOS关闭按钮图标

来自分类Dev

使用C#的Android和IOS的自定义UI控件

来自分类Dev

iOS 8:带有撤消和重做按钮的自定义键盘

来自分类Dev

Android:AppCompat 21,如何将后退图标和溢出图标更改为自定义图标?

来自分类Dev

如何打开和关闭导航抽屉,单击Android中的自定义操作栏图标?

来自分类Dev

带有活动和片段的自定义导航抽屉

来自分类Dev

带有Android计数的自定义购物车图标

来自分类Dev

iOS自定义URL方案与通用链接和Android对应

来自分类Dev

自定义应用栏添加文本和图标-Android

来自分类Dev

iOS UITableView带有UIView的自定义页脚

来自分类Dev

自定义带有标签和UISlider的UITableViewCell在ios 7中发生了6次崩溃。UITableViewCellScrollView?

来自分类Dev

具有自动布局iOS 6和iOS7的MKMapView自定义callOutView

来自分类Dev

带有CORS和自定义标头的AngularJS

来自分类Dev

带有自定义节标题的iOS的UITable视图

来自分类Dev

带有删除和通知通知的自定义arraylist

来自分类Dev

是否可以为移动iOS和Android自定义选择按钮?

来自分类Dev

带有活动和片段的自定义导航抽屉

来自分类Dev

带有Android计数的自定义购物车图标

来自分类Dev

带有MVVM和Catel的自定义用户控件

来自分类Dev

带有图像和标签的自定义UITableViewCell

来自分类Dev

iOS UICollectionView带有自定义项目错误?

来自分类Dev

在 Angularjs 中显示带有图标和自定义消息的错误

来自分类Dev

带有自定义标题的 TUpDown 和 TEdit

来自分类Dev

Android:在带有图像、下方文本和自定义边框的按钮上添加按下效果

来自分类Dev

带有 RemoteView 和操作的自定义 Android 通知

来自分类Dev

带有自定义名称和路径的 ofstream

Related 相关文章

  1. 1

    带有CORS和自定义标头的AngularJS

  2. 2

    带有2个标签的Android自定义键盘(右上方有主标签和小标签)

  3. 3

    自定义带有标签和UISlider的UITableViewCell在ios 7中发生了6次崩溃。UITableViewCellScrollView?

  4. 4

    添加没有自定义图像的iOS关闭按钮图标

  5. 5

    使用C#的Android和IOS的自定义UI控件

  6. 6

    iOS 8:带有撤消和重做按钮的自定义键盘

  7. 7

    Android:AppCompat 21,如何将后退图标和溢出图标更改为自定义图标?

  8. 8

    如何打开和关闭导航抽屉,单击Android中的自定义操作栏图标?

  9. 9

    带有活动和片段的自定义导航抽屉

  10. 10

    带有Android计数的自定义购物车图标

  11. 11

    iOS自定义URL方案与通用链接和Android对应

  12. 12

    自定义应用栏添加文本和图标-Android

  13. 13

    iOS UITableView带有UIView的自定义页脚

  14. 14

    自定义带有标签和UISlider的UITableViewCell在ios 7中发生了6次崩溃。UITableViewCellScrollView?

  15. 15

    具有自动布局iOS 6和iOS7的MKMapView自定义callOutView

  16. 16

    带有CORS和自定义标头的AngularJS

  17. 17

    带有自定义节标题的iOS的UITable视图

  18. 18

    带有删除和通知通知的自定义arraylist

  19. 19

    是否可以为移动iOS和Android自定义选择按钮?

  20. 20

    带有活动和片段的自定义导航抽屉

  21. 21

    带有Android计数的自定义购物车图标

  22. 22

    带有MVVM和Catel的自定义用户控件

  23. 23

    带有图像和标签的自定义UITableViewCell

  24. 24

    iOS UICollectionView带有自定义项目错误?

  25. 25

    在 Angularjs 中显示带有图标和自定义消息的错误

  26. 26

    带有自定义标题的 TUpDown 和 TEdit

  27. 27

    Android:在带有图像、下方文本和自定义边框的按钮上添加按下效果

  28. 28

    带有 RemoteView 和操作的自定义 Android 通知

  29. 29

    带有自定义名称和路径的 ofstream

热门标签

归档