ui.SplitPanel
با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
ویجتی حاوی دو پانل با یک جداکننده بین آنها. تقسیم کننده را می توان کشید و به پانل ها اجازه تغییر اندازه داد. یک یا هر دو پانل ممکن است اشیاء ui.Map باشند.
به طور پیش فرض طرح با تقسیم 50/50 مقداردهی اولیه می شود. سبک‌های عرض و حداکثر/دقیقه عرض روی پانل‌ها، اندازه‌های تقسیم‌شده را برای جهت‌های افقی کنترل می‌کنند. به طور مشابه، از ارتفاع و حداکثر/minHeight برای عمودی استفاده کنید. اینها را می توان به صورت پیکسل به صورت '{n}px' یا به صورت درصدی از SplitPanel حاوی '{n}%' ارائه کرد.
توجه داشته باشید که اگر اندازه پانل اول مشخص شود، اندازه داده شده برای پانل دوم نادیده گرفته می شود، زیرا عرض کلی پانل تقسیم شده به طور مستقل کنترل می شود. اندازه حداکثر/دقیقه ممکن است برای هر دو پانل تنظیم شود.
| استفاده | برمی گرداند | ui.SplitPanel( firstPanel , secondPanel , orientation , wipe , style ) | ui.SplitPanel |
| استدلال | تایپ کنید | جزئیات | firstPanel | ui.Panel، اختیاری | پنل سمت چپ یا بالا. به طور پیش فرض یک نمونه جدید از ui.Panel. |
secondPanel | ui.Panel، اختیاری | پانل پایین یا سمت راست. به طور پیش فرض یک نمونه جدید از ui.Panel. |
orientation | رشته، اختیاری | یکی از "افقی" یا "عمودی". پیش‌فرض به «افقی» می‌رسد. |
wipe | بولی، اختیاری | آیا برای فعال کردن اثر پاک کردن. وقتی این حالت فعال است، هر دو پانل تمام فضای موجود را اشغال می‌کنند و کشیدن تقسیم‌کننده اندازه پانل‌ها را تعیین نمی‌کند، بلکه تعیین می‌کند که چه مقدار از هر پانل نشان داده می‌شود. این اثر مشابه "انتقال پاک کردن" است. این حالت برای مقایسه دو نقشه مفید است. پیش فرض به نادرست. |
style | شیء، اختیاری | یک شی از سبک های CSS مجاز با مقادیر آنها برای تنظیم این پانل. پیش‌فرض یک شی خالی است. |
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده Oracle و/یا شرکتهای وابسته به آن است.
تاریخ آخرین بهروزرسانی 2025-07-24 بهوقت ساعت هماهنگ جهانی.
[null,null,["تاریخ آخرین بهروزرسانی 2025-07-24 بهوقت ساعت هماهنگ جهانی."],[[["\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. |"]]
