1. 程式人生 > >LayaAir 快捷鍵設定與資源命名規則

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、特殊元件並不是單張圖片,而是由多張圖片組成。主資源圖片的命名規則遵守基礎元件的命名規則,附加資源由兩部分構成,這兩部分$符號相連,$之前是主資源的名稱,$之後是關聯狀態的名稱

圖12

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 可以轉換為容器。