Duyuru:
15 Nisan 2025'ten önce Earth Engine'i kullanmak için kaydedilen tüm ticari olmayan projelerin Earth Engine erişimini sürdürmek için
ticari olmayan uygunluğu doğrulaması gerekir.
ui.SplitPanel
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Arasında ayırıcı bulunan iki panel içeren bir widget. Ayırıcı sürüklenerek panellerin yeniden boyutlandırılmasına olanak tanır. Panellerden biri veya her ikisi de ui.Map nesnesi olabilir.
Düzen varsayılan olarak %50/%50 bölünmüş şekilde başlatılır. Panellerdeki width ve max/minWidth stilleri, yatay yönlendirmeler için bölünmüş boyutlandırmayı kontrol eder. Benzer şekilde, dikey için yükseklik ve maks./min. yükseklik kullanın. Bunlar, piksel cinsinden "{n}px" veya kapsayan SplitPanel'in yüzdesi olarak "{n}%" şeklinde verilebilir.
Bölünmüş panelin genel genişliği bağımsız olarak kontrol edildiğinden, ilk panel boyutu belirtilmişse ikinci panel için verilen boyutun yoksayılacağını unutmayın. Her iki panel için de maksimum/minimum boyutlar ayarlanabilir.
| Kullanım | İadeler |
|---|
ui.SplitPanel(firstPanel, secondPanel, orientation, wipe, style) | ui.SplitPanel |
| Bağımsız Değişken | Tür | Ayrıntılar |
|---|
firstPanel | ui.Panel, isteğe bağlı | Sol veya üst panel. Varsayılan olarak ui.Panel'in yeni bir örneğine ayarlanır. |
secondPanel | ui.Panel, isteğe bağlı | Alt veya sağ panel. Varsayılan olarak ui.Panel'in yeni bir örneğine ayarlanır. |
orientation | Dize, isteğe bağlı | "horizontal" veya "vertical" değerlerinden biri. Varsayılan olarak "yatay" kullanılır. |
wipe | Boole değeri, isteğe bağlı | Silme efektinin etkinleştirilip etkinleştirilmeyeceği. Bu mod etkinleştirildiğinde her iki panel de kullanılabilir alanın tamamını kaplar ve ayırıcıyı sürüklemek panellerin boyutunu ayarlamaz, bunun yerine her panelin ne kadarının gösterileceğini belirler. Bu efekt, "silme geçişine" benzer. Bu mod, iki haritayı karşılaştırmak için kullanışlıdır. Varsayılan olarak false değerine ayarlanır. |
style | Nesne, isteğe bağlı | Bu panel için ayarlanacak değerlere sahip, izin verilen CSS stillerinin bir nesnesi. Varsayılan olarak boş bir nesne kullanılır. |
Aksi belirtilmediği sürece bu sayfanın içeriği Creative Commons Atıf 4.0 Lisansı altında ve kod örnekleri Apache 2.0 Lisansı altında lisanslanmıştır. Ayrıntılı bilgi için Google Developers Site Politikaları'na göz atın. Java, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2025-07-26 UTC.
[null,null,["Son güncelleme tarihi: 2025-07-26 UTC."],[[["\u003cp\u003eThe \u003ccode\u003eui.SplitPanel\u003c/code\u003e widget divides a UI element into two resizable panels, horizontally or vertically.\u003c/p\u003e\n"],["\u003cp\u003ePanel sizes can be customized using width/height and min/max dimensions, expressed in pixels or percentages.\u003c/p\u003e\n"],["\u003cp\u003eThe \u003ccode\u003ewipe\u003c/code\u003e option allows for a transition-like effect, ideal for comparing two map panels by overlaying them.\u003c/p\u003e\n"],["\u003cp\u003eThe split panel's default layout divides the space equally between the two panels.\u003c/p\u003e\n"],["\u003cp\u003eUsers can specify custom CSS styles to further customize the appearance of the \u003ccode\u003eui.SplitPanel\u003c/code\u003e.\u003c/p\u003e\n"]]],[],null,["# ui.SplitPanel\n\n\u003cbr /\u003e\n\nA widget containing two panels with a divider between them. The divider can be dragged, allowing the panels to be resized. One or both panels may be ui.Map objects.\n\n\u003cbr /\u003e\n\nBy default the layout initializes with a 50/50 split. The width and max/minWidth styles on the panels control the split sizing for horizontal orientations. Similarly, use height and max/minHeight for vertical. These can be given in pixels as '{n}px' or as a percentage of the containing SplitPanel as '{n}%'.\n\nNote that the given size for the second panel will be ignored if the first panel size is specified, since the overall width of the split panel is controlled independently. Max/min sizes may be set for both panels.\n\n| Usage | Returns |\n|--------------------------------------------------------------------------------------------|---------------|\n| `ui.SplitPanel(`*firstPanel* `, `*secondPanel* `, `*orientation* `, `*wipe* `, `*style*`)` | ui.SplitPanel |\n\n| Argument | Type | Details |\n|---------------|--------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| `firstPanel` | ui.Panel, optional | The left or top panel. Defaults to a new instance of ui.Panel. |\n| `secondPanel` | ui.Panel, optional | The bottom or right panel. Defaults to a new instance of ui.Panel. |\n| `orientation` | String, optional | One of \"horizontal\" or \"vertical\". Defaults to \"horizontal\". |\n| `wipe` | Boolean, optional | Whether to enable the wiping effect. When this mode is enabled, both panels take up all available space, and dragging the divider doesn't set the size of the panels but rather determines how much of each panel is shown. This effect is analogous to a \"wipe transition\". This mode is useful for comparing two maps. Defaults to false. |\n| `style` | Object, optional | An object of allowed CSS styles with their values to be set for this panel. Defaults to an empty object. |"]]
