分割条
<p>分割条CSplitter，继承于CLine，支持CLine的所有属性和方法。水平分割条的移动范围由父视图的最小宽度和最大宽度决定，垂直分割条的移动范围由父视图的最小高度和最大高度决定。</p>
<h2>请看下面的示例</h2>
<h4>水平分栏，相对左边</h4>
<p><img src="http://www.skinui.cn/doc/img/5.0/3/Splitter1.png" alt="分割条" /></p>
<h4>布局文件</h4>
<pre><code class="language-xml"><FlexLayout AlignParentLeft="40" AlignParentTop="20" AlignParentRight="40" AlignParentBottom="20">
<RelativeLayout Height="MatchParent" Background="ID_COLOR_DEFAULT8" Width="360" MinWidth="120" MaxWidth="600">
<TextView Text='左边栏' Width="MatchParent" Height="WrapContent" HorzAlign="Center" AlignParentVertCenter="0" Color="ID_COLOR_WHITE" MultiLine="true"/>
<Splitter Width="1" Height="MatchParent" AlignParentRight="0" Color="ID_COLOR_WHITE"/>
</RelativeLayout>
<RelativeLayout Height="MatchParent" Background="ID_COLOR_DEFAULT8" Grow="1">
<TextView Text='右边栏' Width="MatchParent" Height="WrapContent" HorzAlign="Center" AlignParentVertCenter="0" Color="ID_COLOR_WHITE" MultiLine="true"/>
</RelativeLayout>
</FlexLayout></code></pre>
<h4>水平分栏，相对右边</h4>
<p><img src="http://www.skinui.cn/doc/img/5.0/3/Splitter2.png" alt="分割条" /></p>
<h4>布局文件</h4>
<pre><code class="language-xml"><FlexLayout AlignParentLeft="40" AlignParentTop="20" AlignParentRight="40" AlignParentBottom="20">
<RelativeLayout Height="MatchParent" Background="ID_COLOR_DEFAULT8" Grow="1">
<TextView Text='左边栏' Width="MatchParent" Height="WrapContent" HorzAlign="Center" AlignParentVertCenter="0" Color="ID_COLOR_WHITE" MultiLine="true"/>
</RelativeLayout>
<RelativeLayout Height="MatchParent" Background="ID_COLOR_DEFAULT8" Width="360" MinWidth="120" MaxWidth="600">
<Splitter Width="1" Height="MatchParent" AlignParentLeft="0" Color="ID_COLOR_WHITE"/>
<TextView Text='右边栏' Width="MatchParent" Height="WrapContent" HorzAlign="Center" AlignParentVertCenter="0" Color="ID_COLOR_WHITE" MultiLine="true"/>
</RelativeLayout>
</FlexLayout></code></pre>
<h4>垂直分栏，相对上边</h4>
<p><img src="http://www.skinui.cn/doc/img/5.0/3/Splitter3.png" alt="分割条" /></p>
<h4>布局文件</h4>
<pre><code class="language-xml"><FlexLayout AlignParentLeft="40" AlignParentTop="20" AlignParentRight="40" AlignParentBottom="20" Direction="Column">
<RelativeLayout Width="MatchParent" Background="ID_COLOR_DEFAULT8" Height="200" MinHeight="100" MaxHeight="300">
<TextView Text='上边栏' Width="MatchParent" Height="WrapContent" HorzAlign="Center" AlignParentVertCenter="0" Color="ID_COLOR_WHITE" MultiLine="true"/>
<Splitter Height="1" Width="MatchParent" AlignParentBottom="0" Color="ID_COLOR_WHITE"/>
</RelativeLayout>
<RelativeLayout Width="MatchParent" Background="ID_COLOR_DEFAULT8" Grow="1">
<TextView Text='下边栏' Width="MatchParent" Height="WrapContent" HorzAlign="Center" AlignParentVertCenter="0" Color="ID_COLOR_WHITE" MultiLine="true"/>
</RelativeLayout>
</FlexLayout></code></pre>
<h4>垂直分栏，相对下边</h4>
<p><img src="http://www.skinui.cn/doc/img/5.0/3/Splitter4.png" alt="分割条" /></p>
<h4>布局文件</h4>
<pre><code class="language-xml"><FlexLayout AlignParentLeft="40" AlignParentTop="20" AlignParentRight="40" AlignParentBottom="20" Direction="Column">
<RelativeLayout Width="MatchParent" Background="ID_COLOR_DEFAULT8" Grow="1">
<TextView Text='上边栏' Width="MatchParent" Height="WrapContent" HorzAlign="Center" AlignParentVertCenter="0" Color="ID_COLOR_WHITE" MultiLine="true"/>
</RelativeLayout>
<RelativeLayout Width="MatchParent" Background="ID_COLOR_DEFAULT8" Height="200" MinHeight="100" MaxHeight="300">
<Splitter Height="1" Width="MatchParent" AlignParentTop="0" Color="ID_COLOR_WHITE"/>
<TextView Text='下边栏' Width="MatchParent" Height="WrapContent" HorzAlign="Center" AlignParentVertCenter="0" Color="ID_COLOR_WHITE" MultiLine="true"/>
</RelativeLayout>
</FlexLayout></code></pre>