<?xml version="1.0" encoding="UTF-8"?>
<wiki>
  <body>&lt;p&gt;Extends:  	 SC.DelegateSupport, SC.View&lt;br /&gt;
Defined in: 	frameworks/sproutcore/views/split.js&lt;/p&gt;
&lt;p&gt;A split view is used to show views that the user can resize or collapse. To use the split view, you need to add the child views you want layed out separated by divider views (instances of SC.SplitDividerView).&lt;/p&gt;
&lt;p&gt;When the user clicks and drags on a divider view, it will automatically resize the views immediately before and after the view. You can constrain the resizing allowed by the split view either by setting a minThickness and maxThickness property on the views themselves or by implementing methods on a delegate object.&lt;/p&gt;
&lt;p&gt;In addition to resizing views, users can also collapse views by double clicking on a divider view. When a view is collapsed, it&amp;#8217;s isVisible property is set to NO and its space it removed from the view. Double clicking on a divider again will restore a collapse view. A user can also start to drag the divider to show the collapsed view.&lt;/p&gt;
&lt;p&gt;You can programmatically control collapsing behavior by setting the canCollapseViews property on the SplitView, a canCollapse property on each child view, or by implementing the appropriate delegate method.&lt;/p&gt;
&lt;p&gt;Finally, SplitViews can layout their child views either horizontally or vertically. To choose the direction of layout set the layoutDirection property on the view. This property should be set when the view is created. Changing it dynamically will have an unknown effect.&lt;/p&gt;</body>
  <created-at type="datetime">2008-08-19T15:17:21-07:00</created-at>
  <id type="integer">46987</id>
  <permalink>split_view</permalink>
  <repository-id type="integer">18944</repository-id>
  <title>Split_view</title>
  <updated-at type="datetime">2008-08-19T15:17:21-07:00</updated-at>
  <user-id type="integer">17276</user-id>
</wiki>
