flutter 如何在quick_actions上使用图标

7dl7o3gd  于 2023-05-19  发布在  Flutter
关注(0)|答案(4)|浏览(154)

我对快速图标的图标属性有疑问。
有没有人能给予一个正确的例子来说明如何使用它?
本机支持的图标的名称列表将是伟大的。
有办法使用自定义图标吗?如果是,如何进行?

lmyy7pcs

lmyy7pcs1#

我也有同样的困惑,但阅读文档有所帮助。

**

**
您可以按照以下步骤添加原生Android图标

1.在项目层次结构中
Your app name > android > new > Image Asset
你会看到这个窗口。

如图所示配置设置,并根据您的要求更改iconnamecolor
1.添加图标后,将其名称分配给quick_actions

ShortcutItem(
          type: 'add',
          localizedTitle: 'Add Goal',
          icon: 'add_icon')
pxiryf3j

pxiryf3j2#

1.要获得支持的图标列表,您应该检查这个。supported icons
1.当使用开箱即用的材质图标时,使用图标是简单而直接的。

Widget myIcon() {
   return FlatButton(
     child: Icon(
       Icons.add,
       color: Colors.red[300],
     ),
     onPressed: () {
       /** do some cool stuff */
     },
   );
 }

1.这是创建自定义图标的示例。你可以阅读更多here

Widget customIcon() {
    final menu = IconData(0xe900, fontFamily: 'customAnimation');
    return Icon(
      menu,
      size: 50.0,
    );
  }
kjthegm6

kjthegm63#

我在github上找到了这个解决方案topex-psy
您可以按照以下步骤添加图标:
1.从这里生成应用程序图标App Icon Generator并给予它一个类似“ic_myicon”的名称
1.你会得到5个文件夹,粘贴到**\android\app\src\main\res**
1.在第一个文件夹mipmap-hdpi复制你的图标并粘贴到**\android\app\src\main\res\drawable**
1.在同一文件夹**\android\app\src\main\res\drawable新建文件quick_actions.xml**

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<item android:drawable="@drawable/ic_myicon" /> <!-- here your icon name-->

</layer-list>

1.在**\android\app\src\main\res\values新建文件styles.xml**

<?xml version="1.0" encoding="utf-8"?>
 <resources>
 ...
  <style name="QuickActions">
    <item name="android:windowBackground">@drawable/quick_actions</item>
  </style>
 </resources>
cetgtptt

cetgtptt4#

除了关于Android的答案,这里是你需要为iOS做的事情

1.使用App Icon Generator生成和下载图标
1.在Xcode中打开您的项目
1.在侧边栏中,“显示项目导航器”(左侧的图标),然后单击“资产”x1c 0d1x
1.点击“+”>“图像集”

1.现在可以输入图像集的名称。如果您还想在Android上使用该图标,则应将其命名为相同的名称(可能类似于“ic_quick_actions_my_action_here”)-Android和iOS的图像名称必须相同
1.您现在可以添加三个版本的图像。请记住,您的图像位于提取的应用程序图标中的Assets.xcassets/AppIcon.appiconset下。我不确定这一点,所以如果我错了,请纠正我,但这是我所做的:

  • 1x:加载图像“29.png”
  • 2x:加载图像“60.png”
  • 3x:加载图像“120.png”

1.现在你应该准备好了!您可能需要卸载应用程序,然后使用Flutter或XCode重新安装,才能在快速操作菜单中看到您的图标。

提示

我不知道这是否是必需的,但我把我的画完全涂成黑色,这似乎是完美的工作。
要使用Material Icons,您可以从https://pictogrammers.com/library/mdi/的巨大图标列表中找到并下载。我建议你总是下载SVG版本。

相关问题