--- title: "Longbridge Pro 桌面端組件、佈局說明" description: "深入了解Longbridge桌面元件的功能，包括添加、調整大小、連結及佈局自訂。探索自適應佈局與畫布佈局，提升使用者體驗。" slug: "guide" locale: "zh-HK" region: "sg" region_label: "Singapore" url: "https://longbridge.com/sg/zh-HK/support/topics/longbridgepro/guide.md" updated_at: "2025-10-14T13:28:40.000Z" category: "longbridgepro" category_title: "桌面端功能" references: related: - title: "圖表交易的附加單設置介紹" url: "https://longbridge.com/sg/zh-HK/support/topics/longbridgepro/attach-order.md" --- # Longbridge Pro 桌面端組件、佈局說明 [Table of Contents](https://longbridge.com/sg/zh-HK/support/toc.md) ## **組件說明** ### **組件介紹** 單個組件功能，如圖表、行情報價、交易、訂單組件等。 長橋桌面端所有的功能都是以組件形式存在的，可以從右上角組件工具箱中可以查看到長橋目前支持的所有功能，包括個股、市場、通用、交易、資產和資訊類的。 ### **單個組件操作說明** #### **添加組件** 桌面端右上角增加工具箱入口，集合了所有的功能組件，使用者可以單擊添加組件，拖拽到當前面板中。 ![](https://pub.pbkrs.com/uploads/2025/b8f6f1c7ea1233bc2fa4425c0c7805e6) #### **組件大小可隨意拖拉** 每個組件的大小都可以隨意拖拉調整，在組件邊緣範圍內可隨意拖拉擠壓大小。 ![](https://pub.pbkrs.com/uploads/2025/1ff64533ee0b7a4e9ef396f944886c24) #### **組件更多操作：複製、最大化、脫離、移除** 點擊每個組件右上角的 “...”，可以進行更多操作。 ![](https://pub.pbkrs.com/uploads/2025/336c60cf1a7f8722d45c943d3d69d1f1) （1）**複製**：會複製當前組件生成一個新的組件，以組件脫離的窗口顯示出來。 （2）**最大化**：點擊組件會將當前組件最大化撐滿，點擊右上角恢復按鈕，會自動恢復到當前組件默認大小； （3）**脫離**：點擊脫離，組件支持脫離當前窗口為獨立組件窗口；方便使用其他軟件的時候，保留小視圖觀看。 若從當前面板中脫離，或者當前面板中增加的組件，組件窗口會顯示當前的來源面板名词，默認和來源面板進行聯動； ![](https://pub.pbkrs.com/uploads/2025/ad76f20a7db3df80f5611075bcff4beb) （4）**移除**：點擊移除，會移除當前組件。如果是系統的自選、個股、行情、交易面板，可點擊組件工具箱底部的 ‘重置佈局’。其中自定義佈局不允許重置佈局。 ![](https://pub.pbkrs.com/uploads/2025/160bac9bb038b66e3b1dae5e555a2aed) ### **組件聯動說明** #### **自定義聯動分組** 系統佈局中的組件默認為聯動，目前不支持設置聯動分組。 而新開的自定義佈局，組件默認不聯動，需要使用者自行決定是否需要設置聯動分組，分為以下幾個分組： 默認聯動，所有組件都聯動，不用設置分組； 不聯動，所選組件、標的無聯動； 聯動分組 1、聯動分組 2……聯動分組 9，點擊聯動後，組件右上角頭部會標識當前聯動分組，相同分組的組件會自動聯動。 ![](https://pub.pbkrs.com/uploads/2025/820f8a39ae076811db096290c8f9df6e) #### **聯動參數** **股票聯動**：當圖表和交易組件設置為聯動時，圖表切換到股票 A，交易組件也會同步切換到股票 A。目前大部分組件都支持這種股票聯動。 **市場聯動**：賬戶資產和持倉的市場默認是聯動的。例如，賬戶資產切換到港股，持倉也會同步切換到港股。 #### **單向聯動和雙向聯動** **雙向聯動**：目前所有的聯動都是雙向的。即，點擊組件 A，組件 B 會跟隨聯動；反過來，點擊組件 B，組件 A 也會跟隨聯動。 **單向聯動**：組件之間單方向聯動的情況是點擊組件 A，組件 B 會跟隨聯動，但點擊組件 B 時，組件 A 不會聯動。目前還沒有這種單向聯動的業務場景，但將來可能會逐步增加。 #### **來源面板聯動** 如果組件從當前面板中脫離，或者當前面板中增加了新的組件，組件窗口會顯示當前的來源面板。默認情況下，組件會與來源面板進行聯動。 ![](https://pub.pbkrs.com/uploads/2025/246c5c05bd28136ec19a03742fb6779e) ### **组件头部搜索** 组件头部带有搜索，分为如以下情况： 有些组件带有股票標的屬性的，如圖表、盘口、行情報價、逐筆成交等组件。这些带有股票標的屬性的组件脫離後，组件头部自帶股票搜索功能，方便進行股票標的切換。 新開的自定義頁面，带有股票標的屬性的组件头部自帶搜索，方便進行股票標的切換。 ![](https://pub.pbkrs.com/uploads/2025/1e9008105d9e453b700d891726084054) ### **组件钉住操作** 组件脫離後，點擊其他軟件或者主窗口，容易把當前组件蓋住，若有组件層級置頂需要，可點擊组件右上角的钉住功能，可以固定懸浮在頂部。 若想取消钉住功能，可再次點擊钉住，取消组件層級置頂。 ![](https://pub.pbkrs.com/uploads/2025/f214044ee6075ce391bbec3090cb2964) ## **布局说明** 目前桌面端的布局主要分为兩種： 系統布局，即系統默認提供的布局，如自選、個股、行情、資產、選股器頁面，即為系統布局； 系統布局不可編輯、不可刪除，但可以自定義修改面板內的组件內容排版。 自定義布局，新開標籤頁後的布局，布局可以自定義命名、刪除等； 自定義布局又分為兩種，自適應布局和畫布布局； ### **系統布局** #### **系統布局介紹** 系統默認提供的布局，如自選、個股、行情、資產、選股器頁面，即為系統布局；其中系統布局不可編輯、不可刪除，但可以自定義修改面板內的组件內容排版。 ![](https://pub.pbkrs.com/uploads/2025/81515408953a7f5b890f8af2d9fe9f06) #### **系統布局重置** 針對系統布局，若用戶自行修改了布局，想要恢復到系統默認布局，可點擊右上角的组件工具箱，進行重置布局，來恢復到系統默認的布局； ![](https://pub.pbkrs.com/uploads/2025/598e50acada2c31bb29c8e273e391391) ### **自定義布局** 對於新開的標籤頁，均為自定義布局。具體操作如下： （1）點擊菜單欄右側的 “+”，可以新開標籤頁。 ![](https://pub.pbkrs.com/uploads/2025/c49231e3eda8c0cdb87220ffb5f2752b) （2）目前自定義布局包含兩種：自適應布局或畫布布局。 用戶可以根據需要自行選擇，自適應布局或畫布布局的介紹和區別詳見下文。 ![](https://pub.pbkrs.com/uploads/2025/c0e11c500ead9c2854d58317a809d2a3) ### **自定義布局 - 自適應布局** #### **自適應布局的特色** 按照屏幕大小自適應展示布局大小 布局內只有一個組件時，會滿屏占滿當前布局 拖拉其中一個組件大小時，會自動擠壓適配其他組件大小 #### **操作說明** （1）新開標籤頁，選擇自適應布局 （2）目前系統提供了多種自適應布局的交易員模版，如證券交易、日內交易、多股同列等布局可以直接使用，也可以從布局開始創建； ![](https://pub.pbkrs.com/uploads/2025/542c4e422668970a4b9de6c33a18c690) （3）點擊空白布局，可以直接從组件工具箱中拖拽组件到面板內進行排版； ![](https://pub.pbkrs.com/uploads/2025/f961e19c477046f951d9a32d25517dc8) （4）也可以結合上文講的組件操作、組件聯動、組件頭部搜索、組件釘住等各種功能，基於自己需要，進行各種聯合操作。 ### **自定義布局 - 畫布布局** #### **畫布布局的特色** 畫布大小不受屏幕限制，若組件超出當前屏幕大小，可上下左右滑動畫布； 布局內只有一個組件時，還是默認顯示當前組件大小，不會滿屏占滿當前布局 拖拉其中一個組件大小時，當前組件不會擠壓其他組件大小，組件與組件之間可以重疊展示 #### **操作說明** ![](https://pub.pbkrs.com/uploads/2025/0dae597448eef4cd08596c80912d16e4) 進入畫布布局，可以直接從组件工具箱中拖拽组件到畫布布局內；也可以喚起獨立组件窗口直接拖拽到畫布布局面板內； 可以點擊组件右上角的 “X” 來關閉组件；或者组件右上角的 “…”- 移除组件來關閉组件； ![](https://pub.pbkrs.com/uploads/2025/29747c901501b7a9778980a02fcbca1d) #### **鎖定功能** 若畫布布局編輯完後，可以點擊右上角的工具欄進行頁面布局鎖定，頁面鎖定後，不可再添加、移動組件；方便用戶避免誤操作移動布局的情況； 頁面布局鎖定後，也可以點擊頁面解鎖，來解除布局鎖定； ![](https://pub.pbkrs.com/uploads/2025/dbb617f1f5fb3f2331d4d1b14aa8cfc5) #### **磁吸功能** 磁吸功能是一種設計工具，旨在幫助用戶更輕鬆地對齊和排列畫布上的元素。當用戶在畫布上移動元素時，磁吸功能會自動將元素吸附到最近的網格線或其他元素上，從而實現精確的對齊。這不僅提高了設計的效率，還確保了布局的整齊和美觀。 畫布布局，默認磁吸功能為開啟狀態，若不需要的話，可以點擊進行關閉。 ![](https://pub.pbkrs.com/uploads/2025/b23858764633b83d5fbe874a0eb3160b) ### **自適應布局和畫布布局對比** 自適應布局和畫布布局各有其優缺點和適用場景。選擇哪種布局方式，使用者可以自行選擇。 佈局 **自適應佈局** **畫布佈局** 佈局特點 - 動態調整：自適應佈局能夠根據設備 的屏幕大小和分辨率自動調整佈局。 佈局內只有一個組件時，會滿屏佔滿當前佈局， 拖拉其中一個組件大小時，會自動 擠壓適配其他組件大小。   - 流式設計：元素通常以百分比或相對單位 （如 em、rem）進行定義， 而不是固定的像素值。   - 靈活性：非常適合需要在多種 設備上訪問的網頁和應用，能夠提供 一致的用戶體驗。 - 固定尺寸：畫布佈局通常使用固定的 像素值來定義元素的位置和大小。   - 絕對定位：元素的位置通常是絕對的， 基於畫布的固定尺寸進行定位。   - 自由度高：設計師可以完全控制每個元素的 位置和大小，適合複雜的、精確的佈局需求。   - 不隨設備變化：佈局不會根據設備的 屏幕大小自動調整，通常需要為不同設備 單獨設計不同的佈局。 支持範圍 - 現有的系統面板 -- 自適應佈局 - 新開標籤頁 - 自適應佈局 新開標籤頁 - 自定義佈局； 是否大小屏適配 - 是 - 會根據屏幕大小自動適配組件大小 - 否 - 若組件大小超過當前屏幕了，可以滑動 查看完整組件大小 組件之間是否可重疊展示 - 否 - 不可重疊展示，會擠壓其他組件 - 可以重疊展示 - 組件大小不受擠壓 好處 - 提高用戶體驗：在不同設備上都能 提供良好的顯示效果。 - 維護方便：一個佈局可以適應多種設備， 減少了維護成本。 - 組件大小及數量不受屏幕限制， 可隨意擺放，不影響組件功能使用。 - 精確控制：設計師可以完全控制 元素的佈局，適合需要精確定位和 複雜設計的場景。 - 簡單直接：不需要考慮多種設備和 屏幕尺寸，相對簡單。 不足 - 受屏幕大小限制，多個大組件放一起時， 會被擠壓的比較小，影響組件功能使用 - 缺乏靈活性：在不同設備上可能需要 單獨設計不同的佈局。   - 用戶體驗：在不同設備上可能無法 提供一致的用戶體驗，尤其是在小屏幕設備上。 ### **佈局管理** 針對用戶自定義編輯的所有佈局信息，目前都是系統自動存儲在雲端的，若存在佈局丟失，可以點擊右上角的組件工具箱 - 佈局管理來找回用戶的歷史佈局數據。 ![](https://pub.pbkrs.com/uploads/2025/26ecc2fdddfc6b86515296e65fbfb0a0) #### **系統自動保存** 針對用戶進行的佈局修改操作，系統會自動保存最新的數據，若存在丟失，可通過讀取系統存檔來進行召回； 目前默認第一條數據為系統自動保存的數據； ![](https://pub.pbkrs.com/uploads/2025/a67956b9fd15f32d783ba5dababc1d67) #### **用戶手動保存** 但若想找到更多歷史的佈局數據，建議用戶最好手動點擊一下「保存所有佈局」，根據自己需要自行讀取歷史佈局數據，目前手動保存最多支持 20 條數據； ![](https://pub.pbkrs.com/uploads/2025/e8ab19ae55d4087e40f25bace128442d) --- > **Disclaimer**: This article is for reference only and does not constitute any investment advice. Content provided by [Longbridge](https://longbridge.com).