Android Studio中Flutter插件的颜色选择器在哪里？

Question

在Android Studio中，我们有颜色选择器来开发Java/Kotlin（本地）应用程序，就像这样。

但是在开发Flutter时，我没有看到任何选项可以选择自己的颜色。需要使用某个插件吗？

- user6274128

---

已将此内容添加为Flutter IntelliJ Dev.团队的错误/功能请求，您可以在此处跟踪它：https://github.com/flutter/flutter-intellij/issues/3448。请添加喜欢或评论以表明我们需要此功能。=) - Haroun Hajem

Answer 1

在运行Flutter（Dart代码）的Android Studio中，颜色选择器不可点击，如下图所示。但我发现可以使用Color类，并手动打开颜色选择器，选择一种颜色并像这样进行复制/粘贴：

这是我如何做到的：

1. 双击shift运行搜索

2. 输入Color或Picker

3. 从搜索列表中打开Color Picker

4. 将十六进制颜色代码复制/粘贴到您的颜色类中。

专家提示：

将颜色选择器添加到键盘快捷方式中。您可以在“文件”>“设置”>“键盘映射”下找到键盘映射的设置。

- Haroun Hajem

---

这个有效，谢谢。我对十六进制颜色代码的细节不是很熟悉，所以我不清楚要更新Color()参数值的哪个部分来更改颜色。作为参考 - 在这个例子中，值为Color(0xFF5D7D87)，要用颜色选择器中的另一个颜色代码替换的部分是最后的6个字符：5D7D87。如此描述：https://dev59.com/q1UL5IYBdhLWcg3wm5F0#53905427 - "由于您尝试使用它与RGB值一起使用，请将其表示为int并在前面加上0xff。" - Gene Bo

Answer 2

你一定听说过 Google 的 materials.io 网站，它提供了很多设计、图标、工具、资源和组件等材料，方便开发。现在 Color Tool 已经推出，如果你是开发者，一定要将该网站添加到浏览器的快捷方式中。这是选择颜色的链接：https://www.material.io/resources/color/#!/?view.left=0&view.right=0&primary.color=E91E63

我发现另外一种方法：

1. 输入“Colors.”并按下 Ctrl+空格键以查看可用颜色。
2. 使用箭头或鼠标选择颜色。
3. 按下 Ctrl+Q 快速查看文档。
4. 在文档窗口中，单击编辑按钮打开“colors.dart”文件。

此处可供选择所有颜色和所有阴影。这些快捷键适用于 Windows。一旦打开文件，您可以随时返回此处选择下一个阴影。但这不会像 Android 项目那样舒适。

希望以后的更新能够提供更简单的方法。

- Bensal