SkinUI5.0官方文档

SkinUI5.0官方文档


中心展开

<p>中心展开动画有一个固定点。默认情况下,固定点在窗口正中心。</p> <h2>固定点在左上</h2> <h4>效果图</h4> <p><img src="http://www.skinui.cn/doc/img/5.0/5/CenterExpand1.gif" alt="固定点在左上" /></p> <h4>布局文件</h4> <pre><code class="language-xml">&lt;Dialog DefaultWidth="600" DefaultHeight="450" SysButton="CLOSE" Icon="128" Caption="IDS_APP_NAME" Animation="CenterExpand" FixedPoint="0,0"&gt; &lt;RelativeLayout AlignParentLeft="40" AlignParentTop="80" AlignParentRight="40" AlignParentBottom="40" Background="ID_COLOR_DEFAULT1"&gt; &lt;TextView Width="MatchParent" Height="WrapContent" AlignParentTop="0" HorzAlign="Left" MultiLine="true" Text="IDS_TEST_TEXT" /&gt; &lt;/RelativeLayout&gt; &lt;/Dialog&gt;</code></pre> <h2>固定点在中上</h2> <h4>效果图</h4> <p><img src="http://www.skinui.cn/doc/img/5.0/5/CenterExpand2.gif" alt="固定点在中上" /></p> <h4>布局文件</h4> <pre><code class="language-xml">&lt;Dialog DefaultWidth="600" DefaultHeight="450" SysButton="CLOSE" Icon="128" Caption="IDS_APP_NAME" Animation="CenterExpand" FixedPoint="300,0"&gt; &lt;RelativeLayout AlignParentLeft="40" AlignParentTop="80" AlignParentRight="40" AlignParentBottom="40" Background="ID_COLOR_DEFAULT1"&gt; &lt;TextView Width="MatchParent" Height="WrapContent" AlignParentTop="0" HorzAlign="Left" MultiLine="true" Text="IDS_TEST_TEXT" /&gt; &lt;/RelativeLayout&gt; &lt;/Dialog&gt;</code></pre> <h2>固定点在右上</h2> <h4>效果图</h4> <p><img src="http://www.skinui.cn/doc/img/5.0/5/CenterExpand3.gif" alt="固定点在右上" /></p> <h4>布局文件</h4> <pre><code class="language-xml">&lt;Dialog DefaultWidth="600" DefaultHeight="450" SysButton="CLOSE" Icon="128" Caption="IDS_APP_NAME" Animation="CenterExpand" FixedPoint="600,0"&gt; &lt;RelativeLayout AlignParentLeft="40" AlignParentTop="80" AlignParentRight="40" AlignParentBottom="40" Background="ID_COLOR_DEFAULT1"&gt; &lt;TextView Width="MatchParent" Height="WrapContent" AlignParentTop="0" HorzAlign="Left" MultiLine="true" Text="IDS_TEST_TEXT" /&gt; &lt;/RelativeLayout&gt; &lt;/Dialog&gt;</code></pre> <h2>固定点在左中</h2> <h4>效果图</h4> <p><img src="http://www.skinui.cn/doc/img/5.0/5/CenterExpand4.gif" alt="固定点在左中" /></p> <h4>布局文件</h4> <pre><code class="language-xml">&lt;Dialog DefaultWidth="600" DefaultHeight="450" SysButton="CLOSE" Icon="128" Caption="IDS_APP_NAME" Animation="CenterExpand" FixedPoint="0,225"&gt; &lt;RelativeLayout AlignParentLeft="40" AlignParentTop="80" AlignParentRight="40" AlignParentBottom="40" Background="ID_COLOR_DEFAULT1"&gt; &lt;TextView Width="MatchParent" Height="WrapContent" AlignParentTop="0" HorzAlign="Left" MultiLine="true" Text="IDS_TEST_TEXT" /&gt; &lt;/RelativeLayout&gt; &lt;/Dialog&gt;</code></pre> <h2>固定点在中中</h2> <h4>效果图</h4> <p><img src="http://www.skinui.cn/doc/img/5.0/5/CenterExpand5.gif" alt="固定点在中中" /></p> <h4>布局文件</h4> <pre><code class="language-xml">&lt;Dialog DefaultWidth="600" DefaultHeight="450" SysButton="CLOSE" Icon="128" Caption="IDS_APP_NAME" Animation="CenterExpand"&gt; &lt;RelativeLayout AlignParentLeft="40" AlignParentTop="80" AlignParentRight="40" AlignParentBottom="40" Background="ID_COLOR_DEFAULT1"&gt; &lt;TextView Width="MatchParent" Height="WrapContent" AlignParentTop="0" HorzAlign="Left" MultiLine="true" Text="IDS_TEST_TEXT" /&gt; &lt;/RelativeLayout&gt; &lt;/Dialog&gt;</code></pre> <h2>固定点在右中</h2> <h4>效果图</h4> <p><img src="http://www.skinui.cn/doc/img/5.0/5/CenterExpand6.gif" alt="固定点在右中" /></p> <h4>布局文件</h4> <pre><code class="language-xml">&lt;Dialog DefaultWidth="600" DefaultHeight="450" SysButton="CLOSE" Icon="128" Caption="IDS_APP_NAME" Animation="CenterExpand" FixedPoint="600,225"&gt; &lt;RelativeLayout AlignParentLeft="40" AlignParentTop="80" AlignParentRight="40" AlignParentBottom="40" Background="ID_COLOR_DEFAULT1"&gt; &lt;TextView Width="MatchParent" Height="WrapContent" AlignParentTop="0" HorzAlign="Left" MultiLine="true" Text="IDS_TEST_TEXT" /&gt; &lt;/RelativeLayout&gt; &lt;/Dialog&gt;</code></pre> <h2>固定点在左下</h2> <h4>效果图</h4> <p><img src="http://www.skinui.cn/doc/img/5.0/5/CenterExpand7.gif" alt="固定点在左下" /></p> <h4>布局文件</h4> <pre><code class="language-xml">&lt;Dialog DefaultWidth="600" DefaultHeight="450" SysButton="CLOSE" Icon="128" Caption="IDS_APP_NAME" Animation="CenterExpand" FixedPoint="0,450"&gt; &lt;RelativeLayout AlignParentLeft="40" AlignParentTop="80" AlignParentRight="40" AlignParentBottom="40" Background="ID_COLOR_DEFAULT1"&gt; &lt;TextView Width="MatchParent" Height="WrapContent" AlignParentTop="0" HorzAlign="Left" MultiLine="true" Text="IDS_TEST_TEXT" /&gt; &lt;/RelativeLayout&gt; &lt;/Dialog&gt;</code></pre> <h2>固定点在中下</h2> <h4>效果图</h4> <p><img src="http://www.skinui.cn/doc/img/5.0/5/CenterExpand8.gif" alt="固定点在中下" /></p> <h4>布局文件</h4> <pre><code class="language-xml">&lt;Dialog DefaultWidth="600" DefaultHeight="450" SysButton="CLOSE" Icon="128" Caption="IDS_APP_NAME" Animation="CenterExpand" FixedPoint="300,450"&gt; &lt;RelativeLayout AlignParentLeft="40" AlignParentTop="80" AlignParentRight="40" AlignParentBottom="40" Background="ID_COLOR_DEFAULT1"&gt; &lt;TextView Width="MatchParent" Height="WrapContent" AlignParentTop="0" HorzAlign="Left" MultiLine="true" Text="IDS_TEST_TEXT" /&gt; &lt;/RelativeLayout&gt; &lt;/Dialog&gt;</code></pre> <h2>固定点在右下</h2> <h4>效果图</h4> <p><img src="http://www.skinui.cn/doc/img/5.0/5/CenterExpand9.gif" alt="固定点在右下" /></p> <h4>布局文件</h4> <pre><code class="language-xml">&lt;Dialog DefaultWidth="600" DefaultHeight="450" SysButton="CLOSE" Icon="128" Caption="IDS_APP_NAME" Animation="CenterExpand" FixedPoint="600,450"&gt; &lt;RelativeLayout AlignParentLeft="40" AlignParentTop="80" AlignParentRight="40" AlignParentBottom="40" Background="ID_COLOR_DEFAULT1"&gt; &lt;TextView Width="MatchParent" Height="WrapContent" AlignParentTop="0" HorzAlign="Left" MultiLine="true" Text="IDS_TEST_TEXT" /&gt; &lt;/RelativeLayout&gt; &lt;/Dialog&gt;</code></pre>

页面列表

ITEM_HTML