如何将FontAwesomeIcon添加到Java文件
将FontAwesomeIcon添加到Java文件的步骤如下：
- 首先，确保你已经在项目中引入了FontAwesome图标库的相关依赖。可以通过在项目的构建文件（如pom.xml或build.gradle）中添加相应的依赖来实现。具体的依赖配置可以参考FontAwesome官方文档或相关的开发文档。
- 在Java文件中，你需要导入FontAwesome图标库的相关类和方法。通常，FontAwesome提供了一个Java类库，用于在Java应用程序中使用其图标。你可以通过在Java文件的开头添加以下导入语句来引入相关类：
import org.controlsfx.glyphfont.FontAwesome;
import org.controlsfx.glyphfont.Glyph;- 接下来，你可以使用FontAwesome图标库中的图标来创建一个Glyph对象，并将其添加到Java文件中的相应位置。例如，你可以使用以下代码创建一个带有"fa-check"图标的Glyph对象，并将其添加到JavaFX的Button组件中：
Glyph checkIcon = FontAwesome.create(FontAwesome.Glyph.CHECK);
Button button = new Button("Submit", checkIcon);- 最后，将Java文件编译并运行，你将看到带有FontAwesome图标的按钮显示在应用程序界面上。
需要注意的是，以上步骤是基于JavaFX框架的示例。如果你在其他Java框架或平台上使用FontAwesome图标库，可能会有一些差异。在实际开发中，你需要根据具体的开发环境和需求进行相应的调整和配置。
推荐的腾讯云相关产品：由于要求不能提及具体的云计算品牌商，这里无法给出腾讯云相关产品的推荐。但你可以通过访问腾讯云官方网站，查找与云计算相关的产品和服务，以满足你的需求。
相关·内容
所以我试图运行这个项目，即使我添加了fontawesomefx-8.2.jar，它也显示了这个错误
Caused by: java.lang.RuntimeException: Exception in Application start
method at
com.sun.javafx.application.LauncherImpl.launchApplication1(LauncherImpl.java:917) at com.sun.javafx.application.LauncherImpl.lambda$launchApplication$159(Launcher
浏览 8提问于2022-03-02得票数 -1
回答已采纳
1回答
嘿，我想添加一个FontAwesomeIcon到一个普通的Java文件-使用字体。 我用SceneBuilder生成了它，我想使用包含FontAwesomeIcon到我的按钮的图形。 这是SceneBuilder生成的代码： <Button mnemonicParsing="false" prefHeight="100.0" prefWidth="600.0" style="-fx-background-color: #c93636; -fx-background-radius: 45px; -fx-text-fill: #fff
浏览 24提问于2020-07-17得票数 0
回答已采纳
1回答
我刚刚发现，如果我们不支付年度订阅专业图标，我们不能使用托管回购字体太棒了。所以我需要在本地主持。我遵循这里的说明：。我还下载了fontawesome-pro-6.0.0-web文件夹，并将其添加到项目中的assets文件夹中。
现在我困惑的是接下来的步骤，特别是与反应有关的步骤。我现在有这样的代码：
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faLongArrowDown } from '@fortawesome/pro-solid-svg-icons'
浏览 2提问于2022-08-17得票数 0
回答已采纳
我正在做一个项目，这是一个网上商店在反应。我想使“快速查看”和“添加到购物车”按钮，只有当悬停在他们所在的产品盒上时才可见。此外，它们应该是可点击的。下面的ProductBox代码`
const ProductBox = ({ name, price, promo, stars }) => (
<div className={styles.root}>
<div className={styles.photo}>
{promo && <div className={styles.sale}>{promo}<
浏览 0提问于2020-04-10得票数 2
回答已采纳
我正在把一个react应用程序转到angular。我有一个组件，它需要一个输入属性，并使用它来组装它所需的图标，有时使用几个不同的元素。我遇到的问题是，当我试图以我在React中习惯的方式将元素赋给变量时，angular会抱怨。 React组件： import React from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faShareAlt, faBars, faClipboardCheck, faEnvelope, faExc
浏览 23提问于2020-08-18得票数 1
回答已采纳
1回答
我正在创建带有React传单的web应用程序。如何将标记弹出窗口传输到react-leaflet-sideatabs 带react的本地计算机(windows 10) <Sidebar
id="sidebar"
position="right"
collapsed={this.state.collapsed}
closeIcon={<FontAwesomeIcon icon={faAngleRight} />}
selected={this.
浏览 12提问于2019-05-29得票数 0
我想用不同的语言编写代码的这一部分，所以我使用的是包。我正在尝试用"%“号设置fxml文件中文本的值，使其在bundle.properties文件中具有该值。
我使用Scenebuilder在fxml文件中有以下代码：
<?xml version="1.0" encoding="UTF-8"?>
<?import de.jensd.fx.glyphs.fontawesome.FontAwesomeIcon?>
<?import javafx.geometry.Insets?>
<?import javafx.s
浏览 11提问于2022-11-16得票数 1
回答已采纳
5回答
希望有人会知道我在这里哪里出了问题--我正在尝试用Vuetify实现。字体已全部导入并准备就绪(安装程序是独立于我已成功集成的字体的项目)：
我最基本的main.js文件：
import '@babel/polyfill'
import Vue from 'vue'
import './plugins/vuetify'
import App from './App.vue'
import store from './store'
import './registerServiceWorker'
i
浏览 0提问于2018-08-26得票数 19
回答已采纳
我有一个将FontAwesome图标保存为字符串的xml，如下所示
<Icon Name="faMainMenuFile">
<Content>FolderOutline</Content>
<Size>50</Size>
</Icon>
所以我解析了xml文件，我将得到FolderOutline字符串
但将图标字段指定为
faMainMenuFile.Icon = FontAwesome.WPF.FontAwesomeIcon.FolderOutline
我尝试创建一个将
浏览 2提问于2017-12-06得票数 0
回答已采纳
我试着在我的脚上显示一些图标，但它没有出现。向我抛出以下错误
找不到图标{前缀：'fab'，iconName：'spotify'}
主要代码：
const Footer = () => {
return (
<div className='bg-primary'>
<FontAwesomeIcon icon="fa-brands fa-facebook" />
<FontAwesomeIcon icon="fa-brands fa-youtube&
浏览 3提问于2022-08-22得票数 0
2回答
我试图获取用户信息并将其显示到页面上，但是当我转到页面时，它是完全空白的，并且出现错误，无法读取空属性。所以我把console.log放在它应该要取的时候，它永远不会显示，这就是为什么我意识到useEffect中的函数没有被调用，而且我真的不知道为什么。
function User() {
const[userInfo, setUserInfo] = useState(null);
const {user, checkAuth} = useContext(UserContext);
const [redirect, setRedirect] = useState(false)
浏览 4提问于2022-09-14得票数 3
2回答
我试图在我的isCollapse中使用一个“sessionStorage”变量来减少我的肚脐。通过单击按钮，我的sessionStorage会改变，但呈现不会更新。
JSX代码
{
sessionStorage.getItem("collapse") === "true" ?
<div className="LeftMenu" style={{
width: 45,
float: "left",
height: "100%",
浏览 5提问于2020-01-21得票数 4
只需查看谁在使用组件或函数。
假设我在名为.js菜单的文件中有这样的内容：
const Menu = () => {
return (
<>
<div className="logo-container">
<SVG className="brand-logo" src={photoLogo}/>
</div>
<nav className="nav-wrapper&#
浏览 3提问于2020-08-02得票数 0
回答已采纳
在container-fluid中，我介绍了如何使用任何引导程序类使内容居中。我可以使用空白处和填充，但我不想使用它。请帮助实现这一点。
这是App.js
import React, { Component } from 'react';
import './App.css';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faSuitcase } from '@fortawesome/free-solid-svg-icons'
浏览 22提问于2019-11-10得票数 0
回答已采纳
我想在vue做的事中连接fa
*************
import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { faVuejs } from '@fortawesome/free-brands-svg-icons'
******************
library.add(faVuejs);
Vue.component('fon
浏览 6提问于2021-03-10得票数 1
回答已采纳
我正在尝试使用字体的品牌图标，我已经在vue应用程序中使用过它，它与使用常规svg图标略有不同，因为品牌库与常规的实心svg图标是分开的。这就是我在vue应用程序中的用法。
// imports in the main.js file
import { library } from '@fortawesome/fontawesome-svg-core';
import { faCoffee } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@for
浏览 0提问于2018-12-02得票数 2
回答已采纳
我在我的JSX代码中的div中有图标。我想要在这些图标之间有一个小的间隔。你能帮上忙吗？ <div className={styles.icon}>
<FontAwesomeIcon
onClick={addToList}
className={styles["Plus"]}
icon={faPlus}
/>
<Link to={`/detail/${recipe.uri.split("_")[1]}`}>
<FontAwesome
浏览 13提问于2021-02-05得票数 0
1回答
当我使用字符串作为图标参数值时，我无法让Font Awesome图标工作。 这是可行的： import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCoffee } from '@fortawesome/free-solid-svg-icons'
<FontAwesomeIcon icon={faCoffee} /> 但是，这不会： import { FontAwesomeIcon } from '@fortawesome/react-fon
浏览 16提问于2021-01-31得票数 2
回答已采纳
解决了- TLDR；将import '@fortawesome/fontawesome-svg-core/styles.css'添加到_app.js / index.js文件中，修复了问题，FontAwesome按预期工作。我的问题是由npx-create-next-app (默认情况下包括purgeCSS )引起的，而这反过来又去掉了FontAwesome所需的样式。
我正在我的下一个应用程序中使用FontAwesome。我跟踪了FA网站上的，并在页面上输出了图标SVG。问题是，没有一个工作，而且它们不会按字体大小进行缩放。
我不想通过手动攻击SVG和添加大小等方式将其合并
浏览 5提问于2021-03-09得票数 7
回答已采纳
问题:我在使用React Router时遇到了一些问题。我收到错误消息"A可能只有一个子元素“。
我当前的设置是，我的导航栏容器和交换机都是路由器的子级。这以前是有效的，我在另一个项目上也是这样工作的，所以我不确定我弄坏了什么。
我尝试过的方法:我尝试将它包装成所有的switch标记(所以nav容器和所有路由都在其中)，这些标记将被编译，但随后我得到一个警告："React无法识别DOM元素上的computedMatch属性“。并且它不会像以前工作时那样显示路由。
我尝试从路由器中排除nav容器，并将标记移动到路由的正上方，但我收到一条错误消息，指出"Link-to必须在
浏览 1提问于2020-02-04得票数 0
我试图用我的侧栏组件进行单元测试，以检查呈现的文本是否在文档流中，好吧，它在文档流中，但是测试用例失败了，上面写着"TypeError: expect(.).toBeInTheDocument不是函数“。我不知道为什么会这样，我也导入了jest库中的文件仍然有相同的错误，请帮助我。
sidebar.spec.js文件
import React from 'react';
import { shallow } from 'enzyme';
import { render, screen } from '@testing-library/react&
浏览 5提问于2021-06-03得票数 3
1回答
当单击导航菜单中的元素时，是否有可能隐藏一个react组件？我使用React路由器导航到相应的组件。我有一个导航组件，下面是一个标题组件(当我单击导航中的一个选项时，我想隐藏/删除它)，然后是应该显示单击内容的div。我将感谢你的建议。在scr1上，您可以在单击导航项和scr2之前查看应用程序的外观。我想用图标()隐藏组件。只有导航和组件是可见的。下面你会找到必要的代码和截图。
App.js
import React from 'react';
import './styles/style.css';
import Navigation from './
浏览 2提问于2020-10-06得票数 0
我已经通过使用import语句并利用导入的组件来导入图标，但是，许多图标的作用类似于类，如果您想要将图标的变体添加到类中。我不能用预定义的组件来做这件事，当我用引号定义图标= "“而不是导入组件时，它就不起作用了。
例如，当我在网站上访问时，它给我提供了以下反应代码：
<FontAwesomeIcon icon="fa-solid fa-bold" />
我的代码：
import { faSolid, faBold } from "@fortawesome/free-solid-svg-icons";
import { FontAwesome
浏览 4提问于2022-04-09得票数 0
回答已采纳
我正在尝试使用TornadoFX创建一些带有FontAwesomeFX图标的JavaFX按钮。这是代码
data class ButtonInfo(val texto: String, val icon: GlyphIcon<*>)
val list = listOf(
ButtonInfo("Cadastro", FontAwesomeIconView(FontAwesomeIcon.ADDRESS_BOOK)),
ButtonInfo("Corrida", MaterialDesignIconVi
浏览 11提问于2017-02-22得票数 4
回答已采纳
4回答
导入图标动态响应
、、
我在一个react项目中使用FontawesomeIcon，图标的名称来自数据库。我想从@fortawesome/free-固体-svg-图标动态导入数据库中的图标。
import React, { Component } from "react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {faImage} from "@fortawesome/free-solid-svg-icons";
export class Features ex
浏览 8提问于2020-10-21得票数 5
回答已采纳
2回答
跟随。运行后：
$ npm i --save @fortawesome/fontawesome
$ npm i --save @fortawesome/react-fontawesome
和：
$ npm i --save @fortawesome/fontawesome-free-solid
正在尝试(TypeScript)：
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCoffee } from '@fortawesome/fontawesome-free-
浏览 2提问于2018-04-05得票数 0
有谁知道我如何在我的页脚实现一个字体令人敬畏的社交图标，因为我已经设置了它？ export const FooterItems = [
{
title: '',
url: '/',
cName: 'footer-links',
icon: <FontAwesomeIcon icon={['fab', 'github']} size="2x"/>
},
{
title:
浏览 11提问于2020-10-22得票数 1
在我的function函数组件中，有一个代码如下所示：
如何将FontAwesomeIcon元素作为参数传递到markATaskAsDone中？我试着传递“这个”，但是有个错误说
在将其传递到JSX.Element之前，我还尝试将其转换为markATaskAsDone，但仍然得到相同的错误。
浏览 5提问于2022-11-24得票数 0
回答已采纳
以下内容不起作用: React路由器"Link“不工作。
假设我们处于起点：“localhost:3000/api/page”。
当我单击下拉项目时，链接是：“localhost:3000/api/page/api/page/abc”。
它应该是："localhost:3000/api/pages/abc".
我在控制台中没有显示错误，但是它没有达到所需的行为。它没有重定向到正确的页面。
**当我通过输入URL进入正确的页面时，它是空的。
但是，在测试页面时，当我没有使用任何Reactive路由器路由时，页面运行良好，所以我认为问题在于路由**。
import { L
浏览 2提问于2021-06-07得票数 0
回答已采纳
我在React和TypesScript中使用TypesScript，但是图标还没有显示，我一步一步地遵循文档的指南。
导入全局图标(index.tsx)
import { library } from '@fortawesome/fontawesome-svg-core';
import { faCheckSquare, faCoffee } from '@fortawesome/free-solid-svg-icons';
library.add(faCheckSquare, faCoffee);
使用组件中的图标
import { FontAwesomeI
浏览 11提问于2022-01-06得票数 0
1回答
在我的Next.js / React文件中有以下几行： import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; 基于文档：https://nextjs.org/docs/advanced-features/dynamic-import 我将其替换为： import dynamic from "next/dynamic";
const FontAwesomeIcon = dynamic(() => import("@fortawesome/react-fontawesome
浏览 33提问于2021-10-10得票数 0
回答已采纳
我在下的一个组件中有两个按钮。即使它正在发送操作并更新存储，App也不会重新呈现。理想情况下，在按下按钮时，我会添加一些将放在数组中的虚拟名称，然后根据数组中的数字项呈现一个不同的组件。
有人能告诉我出了什么问题吗?我是个反应和反应的初学者。
沙箱：
App.jsx
import React from "react";
import "./styles.css";
import { Panel } from "./Panel";
import PanelAdder from "./PanelAdder";
import { use
浏览 2提问于2022-07-21得票数 0
回答已采纳
有没有什么办法可以让我在React网页上使用社交媒体图标？ import { library } from '@fortawesome/fontawesome-svg-core'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { fas, faHome, faMapMarker } from '@fortawesome/free-solid-svg-icons'; 已尝试导入 import { fab } from '@fortawes
浏览 29提问于2019-02-07得票数 3
回答已采纳
1回答
我想知道如何将对象放在CardActionArea之上。举个例子，如果我在按钮上面有一个按钮，如果我点击这个按钮，CardAction和CardActionArea动作就会同时执行。我希望这样做:如果我单击按钮，它只执行按钮操作，而如果单击卡片上的任何其他位置，它将执行CardAction。 示例：See the picture here 整个卡片是可点击的，然而，当点击例如删除按钮(用绿色圆圈标记)时，它将激活CardAction和按钮(删除)操作。 <CardActionArea onClick={() => setConnectionVisible(true)}>
浏览 29提问于2020-12-17得票数 0
2回答
字体-不改变颜色反应的很棒的图标
、、、、
我正在尝试更改我的FontAwesomeIcon的颜色，但它仍然是白色的。 我尝试过使用style={{color: 'lime'}}、color="green"，并向图标添加了一个类，并设置了该类的样式。 <li class="actions">
<FontAwesomeIcon icon={faPlay} className="start" style={{ 'color': "lime" }} />
<FontAwes
浏览 18提问于2019-09-10得票数 4
我正试着在一个基于React的设计系统中使用Fontawesome的React模块的Free solid图标。我想访问由FontAwesomeIcon组件呈现的字符串形式的Fontawesome图标 例如： <FontAwesomeIcon icon="coffee"/> 或 <FontAwesomeIcon icon={['fas', iconProp]} 如果这种情况发生在React组件中，例如Button组件，这是一个命名导出，我是否应该在设计系统中的每个其他组件中导入图标库(import './fontAwesomeLibra
浏览 26提问于2020-09-01得票数 0
2回答
我正在尝试编译我在Eclipse中编写的java项目，在mac上的终端中使用javac <name>.java命令。但是，当我导出我创建的项目时，它被导出为.jar文件。谁能告诉我如何将其转换为.java文件，如何将项目导出为.jar文件，或者简单地说.java文件和java文件之间的区别？
浏览 1提问于2020-03-29得票数 1
3回答
我正在构建一个react应用程序：
"react": "^16.0.0",
字体很棒的集成。
"@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-brands-svg-icons": "^5.15.4",
"@fortawesome/free-solid-svg-icons": "^5.15.4",
"@fortawesome/react-fontawesome": &#
浏览 14提问于2021-10-07得票数 1
回答已采纳
1回答
我正在尝试创建一个组件，以后可以在我的网站上重用，比如<TimeToRead id={someId}/>。我的想法是将这个id进一步传递到查询中。
但是，这是不起作用的，结果是：TypeError: Cannot read property 'edges' of undefined。为什么是这样，我在这里做错了什么？
createPage(... context: id: someId)在gatsby-node.js中是传递参数的唯一方法吗？但这只适用于模板..。
如何将参数传递给组件？
import React from "react"
impor
浏览 3提问于2019-12-08得票数 0
回答已采纳
我使用的是react表7和子组件。我使用中提供的示例构建了我的表。不过，我收到警告，
React Hook React.useCallback has missing dependencies: 'props.setStatus' and 'statusColumns'. Either include them or remove the dependency array
依赖项在返回语句之前作为变量表示，但在函数中表示。列名是正确识别和实现的，那么我为什么要收到这个警告，我如何防止这种情况呢？
下面是代码实现：
const EnforcementActions
浏览 2提问于2021-04-22得票数 0
回答已采纳
1回答
嗨，我试着列个这样的单子：
<FontAwesomeIcon icon={["fab", "apple"]}/>
<FontAwesomeIcon icon={["fab", "microsoft"]}/>
<FontAwesomeIcon icon={["fab", "google"]}/>
代替苹果，微软和谷歌，我循环通过这样的链接。
var links = ["apple","microsoft","goo
浏览 0提问于2018-02-12得票数 0
回答已采纳
我有一个列表路径，其中声明了fontAwesome图标-
const navigationList = [
{
pageName: "Dashboard",
path: "/",
iconName: `faChartLine`
},
{
pageName: "Bus Information",
path: "/bus-info",
iconName: `faBus`
},
{
pageName: "O
浏览 12提问于2022-09-28得票数 0
3回答
从右到左添加组件
、、、、
我需要显示的框列表最大化，最小化和关闭按钮到右下角的屏幕。卡片应从右下角向左显示。我的问题是牌是从左下角加到右下的。例如，在随后点击按钮1，按钮2，按钮3，卡片应该在card3，card2，card1从底部，因为按钮是首先点击。现在情况正好相反。
此外，我无法实现最大化和最小化功能。取消操作正常。
App.tsx
import React from "react";
import { useSelector } from "react-redux";
import Header from "./src/components/Header";
i
浏览 4提问于2022-07-23得票数 0
回答已采纳
1回答
分开两个跨CSS
、、
我有一个动画，当我将图标从右边悬停时，我想让它同时用于我的图标，删除和编辑，但是我无法找出我应该使用哪种样式来分离它们，并在不改变图标大小或位置的情况下，在自然的情况下改变颜色。
Html：
import React, { useState } from "react";
import "./App.css";
import axios from "axios";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faTr
浏览 1提问于2022-01-11得票数 -1
目标是在多选择选项列表中添加一个图标，并在选择该选项时显示该图标。我的问题是"x“移除按钮丢失了。如何将其包括在我的自定义MultiValue中？
const customMultiValue = ({ props, data }) => {
return (
<div className='input-select'>
<div className='input-select__multi-value'>
{data.icon && <FontAwesomeIc
浏览 5提问于2020-01-03得票数 2
回答已采纳
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import '@fortawesome/fontawesome-free-solid';
import '@fortawesome/free-brands-svg-icons';
在渲染代码中：
<FontAwesomeIcon icon={'facebook'} />
<FontAwesomeIcon icon={['fab','facebook'
浏览 13提问于2019-11-19得票数 0
这是我的代码片段。
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faQuestionCircle, faExclamationCircle, faCog,} from "@fortawesome/free-solid-svg-icons";
<div className="action-btn">
<FontAwesomeIcon className="icon-block" icon=
浏览 2提问于2022-06-03得票数 0
我试图在我的反应项目中使用字体Awese5Pro(我有许可证)，我已经尽我最大的能力遵循中的说明，但我仍然有问题。
在我的项目中，我用npm安装了fontawesome，fontawesome pro type，fontawesome，fontawesome pro，fontawesome pro，和.所有这些文件夹都在我的节点_模块/@fortawesome/目录中。
在我的App.js中，我有这些导入(这不是整个文件，只是相关的片段)：
import fontawesome from '@fortawesome/fontawesome';
import FontAwesom
浏览 0提问于2018-04-30得票数 8
回答已采纳
在我的react应用程序中，我有一个Card组件：
function Card({name, note, folder, tag}) {
const typeHandler;
return (
<div className="card">
<FontAwesomeIcon icon={typeHandler} className="icon"/>
<h3 className="text">{name}</h3>
浏览 2提问于2020-05-08得票数 1
回答已采纳
我正在为VueJs中的单个文件组件开发一些测试。这些组件使用字体-令人敬畏的。
这是我的应用程序，如您所见，我对所有子组件都有可用的方框。
import { createApp } from 'vue';
import App from './App.vue';
import "bootstrap/dist/css/bootstrap.min.css";
import "bootstrap";
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
浏览 1提问于2021-04-27得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
