LayaAir 快捷鍵設定與資源命名規則
目錄
自定義快捷鍵
1、LayaAirIDE 中程式碼快捷鍵繼承了 VS Code 的功能(個別快捷鍵會有所不同),這對於如 Java 出身的使用者顯然用著會不太順手,特別是常用的如註釋、刪除程式碼行,快速格式化程式碼等快捷鍵,希望它能儘量和《IDEA_WebStorm 常用快捷鍵》保持一致。
2、LayaAir 支援使用者根據喜好來進行設定快捷鍵,本文使用的是 LayaAir IDE 2.0.0beta5 版本。
以修改 "刪除行" 快捷鍵為例,可以在頂部進行搜尋,然後找到之後進行雙擊,之後輸入新快捷鍵即可。
資源命名規則
1、程式碼模式下在專案 laya/assets 目錄下的資源都會在編輯模式資源列表中顯示
2、資源管理器中的資源在場景編輯器中都會識別為元件使用,而識別元件型別的預設方式就是資源的命名字首。比如命名為 btn_xxx 會被識別為按鈕,命名為 tab_xxx 的會被識別為Tab元件。
3、對於資源命名的詳細規則開發者必須熟練記憶掌握。
基礎元件命名規則
LayaAir IDE 基礎元件預設的資源命名規則:
基礎元件名稱 | 元件中文名稱 | 資源字首(全寫,不區分大小寫) | 資源字首(縮寫,區分大小寫) |
---|---|---|---|
Label | 文字框 | label_ | — |
TextInput | 輸入框 | textinput_ | input_ |
TextArea | 帶滾動條的文字域 | textarea_ | area_ |
Button | 按鈕 | button_ | btn_ |
CheckBox | 多選框 | checkbox_ | check_ |
Radio | 單選框 | radio_ | — |
Tab | 標籤 | tab_ | — |
RadioGroup | 單選框按鈕組 | radiogroup_ | — |
VSlider | 垂直滑動條 | vslider_ | — |
HSlider | 水平滑動條 | hslider_ | — |
Clip | 點陣圖切片 | clip_ | — |
ProgressBar | 進度條 | progressbar_ | progress_ |
ComboBox | 下拉框 | combobox_ | combo_ |
VScrollBar | 垂直滾動條 | vscrollbar_ | vscroll_ |
HScrollBar | 水平滾動條 | hscrollbar_ | hscroll_ |
Image | 點陣圖 | image_ | img_ |
Sprite | 所有元件的基類 | 不被識別為其它元件的資源都歸為 Sprite 型別 |
1、資源可以直接用字首名的全寫或縮寫,而不加下劃線,比如 textinput.png 和 input.png 會被識別為輸入框元件,但是如果還跟隨其它字元必須加下劃線,如 inputAAA.png 不會被識別為輸入框元件,input_AAA.png 會識別為輸入框(TextInput)元件。
2、基礎元件都會顯示在資源管理器列表中。
特殊元件
1、LayaAir IDE 自帶的特殊元件一共有五個,分別是垂直滑動條元件:VSlider、水平滑動條元件:HSlider、進度條元件:ProgressBar、垂直滾動條元件:VScrollBar、水平滾動條元件:HScrollBar。
2、特殊元件並不是單張圖片,而是由多張圖片組成。主資源圖片的命名規則遵守基礎元件的命名規則,附加資源由兩部分構成,這兩部分用$
符號相連,$
之前是主資源的名稱,$
之後是關聯狀態的名稱。
3、bar 指的是滑動\移動狀態,比如 ProgressBa$bar.png,從命名上可以看出,它從屬於 ProgressBar 元件,當產生進度條(bar)時使用 ProgressBa$bar.png 資源。
4、down 指的是向下狀態,如果是橫向滾動條,down 通常是向右的預設狀態或點選時的狀態。
5、up 指的是向上狀態,如果是橫向滾動條,up 通常是向左的預設狀態或點選時的狀態。
6、資源管理器中對於特殊元件的附加資源不會單獨顯示,列表中只會顯示主資源元件。如果要對特殊元件資源進行操作,需要通過開啟所在目錄功能,在系統的檔案目錄中進行管理操作。
容器元件
1、容器元件包括 Box、List、Tab、RadioGroup、ViewStack、Panel、HBox、VBox、Tree、Sprite。
2、除 Tab 外,容器元件通常不會在資源列表中出現,而是在場景編輯器中轉換而來,當在場景編輯器內選中單個或多個元件時,通過快捷鍵 Ctrl + B 可以轉換為容器。