主頁 > 移動端開發 > 在:root中宣告多個自定義css屬性會導致錯誤

在:root中宣告多個自定義css屬性會導致錯誤

2022-05-01 18:49:21 移動端開發

我一直在嘗試創建多個自定義屬性以在我的 CSS 檔案中使用,在搜索后我發現它們應該以雙破折號為前綴,并且通常位于 內部:root,如下所示:

:root {
    --server-primary:    #c38c00;
    --server-secondary:  #9d7100;
}

但是這樣做會立即給我一個錯誤:javafx.css.CssParser parse WARNING: CSS Error parsing file:/[redacted]/ColorPalette.css: Expected RBRACE at [3,4].

我已經嘗試以我能想象到的各種方式對此進行修改,但我發現的唯一解決方案是放棄使用這些雙破折號變數來代替以下內容:

.root {
    -server-primary:    #c38c00;
    -server-secondary:  #9d7100;
}

我想使用第一個帶有雙破折號的原因是能夠參考這些 using var(--variable-name-here)這具有在我的 IDE 中實際顯示顏色的額外好處,而僅呼叫-variable-name-here不會顯示使用了哪種顏色:

uj5u.com熱心網友回復:

使用受支持的 JavaFX CSS 構造

我認為JavaFX CSS 不支持:invar表示法(老實說,我什至不知道它是什么)。

請參閱 JavaFX CSS 參考:

  • https://docs.oracle.com/javase/8/javafx/api/javafx/scene/doc-files/cssref.html

JavaFX 的可能等價物是:

  • 命名顏色、查找顏色和顏色函式

命名顏色<named-color>

CSS 支持一堆命名的常量顏色。命名顏色可以只用它們不帶引號的名稱來指定,例如:

.button {
    -fx-background-color: red; 
}

查找顏色<looked-up-color>

通過查找顏色,您可以參考在當前節點或其任何父節點上設定的任何其他顏色屬性。這是一個非常強大的功能,因為它允許在場景中指定通用調色板,然后在整個應用程式中使用。如果您想更改其中一種調色板顏色,您可以在場景樹中的任何級別執行此操作,它將影響該節點及其所有后代。查找到的顏色在應用之前不會查找,因此它們是實時的,并對可能發生的任何樣式更改做出反應,例如在運行時用節點上的“樣式”屬性替換調色板顏色。

在以下示例中,所有按鈕的所有背景顏色都使用查找顏色“ABC”。

.root { abc: #f00 } 
.button { -fx-background-color: abc }

顏色函式<color-function>

JavaFX 支持一些顏色計算功能。這些在應用顏色樣式時從輸入顏色計算新顏色。這使得可以使用單一基色指定顏色主題,并根據該基色計算變體顏色。有兩個顏色函式:derive()ladder()

<derive> | <ladder>

派生

derive( <color> , <number>% )

派生函式采用一種顏色并計算該顏色的更亮或更暗版本。第二個引數是亮度偏移,表示派生顏色應該更亮或暗多少。正百分比表示顏色較亮,負百分比表示顏色較深。-100% 表示完全黑色,0% 表示亮度沒有變化,100% 表示完全白色。

梯子

ladder(<color> , <color-stop> [, <color-stop>] )

梯形函式在顏色之間進行插值。效果就像是使用提供的色標創建漸變,然后使用提供的亮度<color>來索引該漸變中的顏色值。在 0% 亮度下,使用漸變 0.0 端的顏色;在 100% 亮度下,使用漸變 1.0 端的顏色;在 50% 的亮度下,使用 0.5 的顏色,即漸變的中間點。請注意,實際上沒有渲染漸變。這只是一個產生單一顏色的插值函式。

我建議您改用 JavaFX 的這些受支持和記錄的功能。

在您的 JavaFX 安裝包中可以找到它們的 modena.css 檔案中的許多使用示例(在 Idea 中搜索modena.css專案庫中的檔案)。

關于 IDE 支持(特別是 IntelliJ Idea)

關于在 IDE 中顯示從 CSS 決議的顏色的支持,當然會因 IDE 而異。

對于我認為您正在使用的 IntelliJ Idea,我認為支持因使用的版本而異。我認為免費的社區版可能對 CSS 檔案的 CSS 決議和顏色顯示的支持有限或不支持。付費(稱為 Ultimate)版本確實支持 CSS 決議和 CSS 檔案的顏色顯示。

從 2022.1 Ultimate Edition 開始,對于 JavaFX CSS,它將準確顯示命名顏色的直接分配以及 RGB 和 HSB 定義的顏色以及一些 JavaFX 顏色派生函式。

它不會顯示通過 JavaFX 查找顏色或某些 JavaFX 顏色派生函式分配的顏色。只要不向上查找,它就會以漸變方式顯示停靠點,但不會顯示漸變本身。 可以提出對 IDE的增強請求,以便IDE 添加對查找和派生顏色的顏色顯示支持以及對顯示漸變的額外支持。

轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/469083.html

標籤:css 视觉工作室代码 智能理念 javafx ide

上一篇:插件“AspectJweaver”無法初始化“java.lang.NoClassDefFoundError:com/intellij/openapi/compiler/ClassInstrumenti

下一篇:為什么Intellij想法會在if條件下警告空指標?

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • 【從零開始擼一個App】Dagger2

    Dagger2是一個IOC框架,一般用于Android平臺,第一次接觸的朋友,一定會被搞得暈頭轉向。它延續了Java平臺Spring框架代碼碎片化,注解滿天飛的傳統。嘗試將各處代碼片段串聯起來,理清思緒,真不是件容易的事。更不用說還有各版本細微的差別。 與Spring不同的是,Spring是通過反射 ......

    uj5u.com 2020-09-10 06:57:59 more
  • Flutter Weekly Issue 66

    新聞 Flutter 季度調研結果分享 教程 Flutter+FaaS一體化任務編排的思考與設計 詳解Dart中如何通過注解生成代碼 GitHub 用對了嗎?Flutter 團隊分享如何管理大型開源專案 插件 flutter-bubble-tab-indicator A Flutter librar ......

    uj5u.com 2020-09-10 06:58:52 more
  • Proguard 常用規則

    介紹 Proguard 入口,如何查看輸出,如何使用 keep 設定入口以及使用實體,如何配置壓縮,混淆,校驗等規則。

    ......

    uj5u.com 2020-09-10 06:59:00 more
  • Android 開發技術周報 Issue#292

    新聞 Android即將獲得類AirDrop功能:可向附近設備快速分享檔案 谷歌為安卓檔案管理應用引入可安全隱藏資料的Safe Folder功能 Android TV新主界面將顯示電影、電視節目和應用推薦內容 泄露的Android檔案暗示了傳說中的谷歌Pixel 5a與折疊屏新機 谷歌發布Andro ......

    uj5u.com 2020-09-10 07:00:37 more
  • AutoFitTextureView Error inflating class

    報錯: Binary XML file line #0: Binary XML file line #0: Error inflating class xxx.AutoFitTextureView 解決: <com.example.testy2.AutoFitTextureView android: ......

    uj5u.com 2020-09-10 07:00:41 more
  • 根據Uri,Cursor沒有獲取到對應的屬性

    Android: 背景:呼叫攝像頭,拍攝視頻,指定保存的地址,但是回傳的Cursor檔案,只有名稱和大小的屬性,沒有其他諸如時長,連ID屬性都沒有 使用 cursor.getInt(cursor.getColumnIndexOrThrow(MediaStore.Video.Media.DURATIO ......

    uj5u.com 2020-09-10 07:00:44 more
  • Android連載29-持久化技術

    一、持久化技術 我們平時所使用的APP產生的資料,在記憶體中都是瞬時的,會隨著斷電、關機等丟失資料,因此android系統采用了持久化技術,用于存盤這些“瞬時”資料 持久化技術包括:檔案存盤、SharedPreference存盤以及資料庫存盤,還有更復雜的SD卡記憶體儲。 二、檔案存盤 最基本存盤方式, ......

    uj5u.com 2020-09-10 07:00:47 more
  • Android Camera2Video整合到自己專案里

    背景: Android專案里呼叫攝像頭拍攝視頻,原本使用的 MediaStore.ACTION_VIDEO_CAPTURE, 后來因專案需要,改成了camera2 1.Camera2Video 官方demo有點問題,下載后,不能直接整合到專案 問題1.多次拍攝視頻崩潰 問題2.雙擊record按鈕, ......

    uj5u.com 2020-09-10 07:00:50 more
  • Android 開發技術周報 Issue#293

    新聞 谷歌為Android TV開發者提供多種新功能 Android 11將自動填表功能整合到鍵盤輸入建議中 谷歌宣布Android Auto即將支持更多的導航和數字停車應用 谷歌Pixel 5只有XL版本 搭載驍龍765G且將比Pixel 4更便宜 [圖]Wear OS將迎來重磅更新:應用啟動時間 ......

    uj5u.com 2020-09-10 07:01:38 more
  • 海豚星空掃碼投屏 Android 接收端 SDK 集成 六步驟

    掃碼投屏,開放網路,獨占設備,不需要額外下載軟體,微信掃碼,發現設備。支持標準DLNA協議,支持倍速播放。視頻,音頻,圖片投屏。好點意思。還支持自定義基于 DLNA 擴展的操作動作。好像要收費,沒體驗。 這里簡單記錄一下集成程序。 一 跟目錄的build.gradle添加私有mevan倉庫 mave ......

    uj5u.com 2020-09-10 07:01:43 more
最新发布
  • 歡迎頁輪播影片

    如圖,引導開始,球從上落下,同時淡入文字,然后文字開始輪播,最后一頁時停止,點擊進入首頁。 在來看看效果圖。 重力球先不講,主要歡迎輪播簡單實作 首先新建一個類 TextTranslationXGuideView,用于影片展示 文本是類似的,最后會有個圖片箭頭影片,布局很簡單,就是一個 TextVi ......

    uj5u.com 2023-04-20 08:40:31 more
  • 【FAQ】關于華為推送服務因營銷訊息頻次管控導致服務通訊類訊息

    一. 問題描述 使用華為推送服務下發IM訊息時,下發訊息請求成功且code碼為80000000,但是手機總是收不到訊息; 在華為推送自助分析(Beta)平臺查看發現,訊息發送觸發了頻控。 二. 問題原因及背景 2023年1月05日起,華為推送服務對咨詢營銷類訊息做了單個設備每日推送數量上限管理,具體 ......

    uj5u.com 2023-04-20 08:40:11 more
  • 歡迎頁輪播影片

    如圖,引導開始,球從上落下,同時淡入文字,然后文字開始輪播,最后一頁時停止,點擊進入首頁。 在來看看效果圖。 重力球先不講,主要歡迎輪播簡單實作 首先新建一個類 TextTranslationXGuideView,用于影片展示 文本是類似的,最后會有個圖片箭頭影片,布局很簡單,就是一個 TextVi ......

    uj5u.com 2023-04-20 08:39:36 more
  • 【FAQ】關于華為推送服務因營銷訊息頻次管控導致服務通訊類訊息

    一. 問題描述 使用華為推送服務下發IM訊息時,下發訊息請求成功且code碼為80000000,但是手機總是收不到訊息; 在華為推送自助分析(Beta)平臺查看發現,訊息發送觸發了頻控。 二. 問題原因及背景 2023年1月05日起,華為推送服務對咨詢營銷類訊息做了單個設備每日推送數量上限管理,具體 ......

    uj5u.com 2023-04-20 08:39:13 more
  • iOS從UI記憶體地址到讀取成員變數(oc/swift)

    開發除錯時,我們發現bug時常首先是從UI顯示發現例外,下一步才會去定位UI相關連的資料的。XCode有給我們提供一系列debug工具,但是很多人可能還沒有形成一套穩定的除錯流程,因此本文嘗試解決這個問題,順便提出一個暴論:UI顯示例外問題只需要兩個步驟就能完成定位作業的80%: 定位例外 UI 組 ......

    uj5u.com 2023-04-19 09:16:23 more
  • FIDE重磅更新!性能飛躍!體驗有禮!

    FIDE 開發者工具重構升級啦!實作500%性能提升,誠邀體驗! 一直以來不少開發者朋友在社區反饋,在使用 FIDE 工具的程序中,時常會遇到諸如加載不及時、代碼預覽/渲染性能不如意的情況,十分影響開發體驗。 作為技術團隊,我們深知一件趁手的開發工具對開發者的重要性,因此,在2023年開年,FinC ......

    uj5u.com 2023-04-19 09:16:15 more
  • 游戲內嵌社區服務開放,助力開發者提升玩家互動與留存

    華為 HMS Core 游戲內嵌社區服務提供快速訪問華為游戲中心論壇能力,支持玩家直接在游戲內瀏覽帖子和交流互動,助力開發者擴展內容生產和觸達的場景。 一、為什么要游戲內嵌社區? 二、游戲內嵌社區的典型使用場景 1、游戲內打開論壇 您可以在游戲內繪制論壇入口,為玩家提供沉浸式發帖、瀏覽、點贊、回帖、 ......

    uj5u.com 2023-04-19 09:15:46 more
  • iOS從UI記憶體地址到讀取成員變數(oc/swift)

    開發除錯時,我們發現bug時常首先是從UI顯示發現例外,下一步才會去定位UI相關連的資料的。XCode有給我們提供一系列debug工具,但是很多人可能還沒有形成一套穩定的除錯流程,因此本文嘗試解決這個問題,順便提出一個暴論:UI顯示例外問題只需要兩個步驟就能完成定位作業的80%: 定位例外 UI 組 ......

    uj5u.com 2023-04-19 09:14:53 more
  • FIDE重磅更新!性能飛躍!體驗有禮!

    FIDE 開發者工具重構升級啦!實作500%性能提升,誠邀體驗! 一直以來不少開發者朋友在社區反饋,在使用 FIDE 工具的程序中,時常會遇到諸如加載不及時、代碼預覽/渲染性能不如意的情況,十分影響開發體驗。 作為技術團隊,我們深知一件趁手的開發工具對開發者的重要性,因此,在2023年開年,FinC ......

    uj5u.com 2023-04-19 09:14:08 more
  • 游戲內嵌社區服務開放,助力開發者提升玩家互動與留存

    華為 HMS Core 游戲內嵌社區服務提供快速訪問華為游戲中心論壇能力,支持玩家直接在游戲內瀏覽帖子和交流互動,助力開發者擴展內容生產和觸達的場景。 一、為什么要游戲內嵌社區? 二、游戲內嵌社區的典型使用場景 1、游戲內打開論壇 您可以在游戲內繪制論壇入口,為玩家提供沉浸式發帖、瀏覽、點贊、回帖、 ......

    uj5u.com 2023-04-19 09:08:34 more