SkinUI入门教程

SkinUI入门教程


3.1 线条

<p>类CSkinLine表示线条,继承于CSkinView,支持CSkinView的所有属性和方法。</p> <h2>1 属性和相关方法:</h2> <h4>1.1 设置线条风格</h4> <ul> <li>通过XML属性控制如下: <pre><code class="language-xml">DashStyle=&amp;quot;Solid&amp;quot;</code></pre></li> <li>通过C++程序代码调用方法控制如下: <pre><code class="language-c">void SetDashStyle(DashStyle dashStyle);</code></pre></li> </ul> <h4>1.2 设置线条颜色</h4> <ul> <li>通过XML属性控制如下: <pre><code class="language-xml">Color=&amp;quot;ID_COLOR_RED&amp;quot;</code></pre></li> <li>通过C++程序代码调用方法控制如下: <pre><code class="language-c">void SetColor(const tstring&amp;amp; strColor);</code></pre></li> </ul> <h4>1.3 设置颜色渐变线条开始颜色</h4> <ul> <li>通过XML属性控制如下: <pre><code class="language-xml">StartColor=&amp;quot;ID_COLOR_BLACK&amp;quot;</code></pre></li> <li>通过C++程序代码调用方法控制如下: <pre><code class="language-c">void SetStartColor(const tstring&amp;amp; strColor);</code></pre></li> </ul> <h4>1.4 设置颜色渐变线条结束颜色</h4> <ul> <li>通过XML属性控制如下: <pre><code class="language-xml">EndColor=&amp;quot;ID_COLOR_WHITE&amp;quot;</code></pre></li> <li>通过C++程序代码调用方法控制如下: <pre><code class="language-c">void SetEndColor(const tstring&amp;amp; strColor);</code></pre></li> </ul> <h2>请看下面的示例</h2> <h4>效果图</h4> <p><img src="http://www.skinui.cn/doc/img/3/1/1.png" alt="线条" /></p> <h4>布局文件</h4> <pre><code class="language-xml">&amp;lt;SkinDialog DefaultWidth=&amp;quot;400&amp;quot; DefaultHeight=&amp;quot;300&amp;quot; SysButton=&amp;quot;CLOSE&amp;quot; Icon=&amp;quot;128&amp;quot; Caption=&amp;quot;IDS_CONTROL_SHOW16&amp;quot; Animation=&amp;quot;SizeChange&amp;quot;&amp;gt; &amp;lt;SkinLine LayoutHeight=&amp;quot;1&amp;quot; AlignParentLeft=&amp;quot;10&amp;quot; AlignParentRight=&amp;quot;10&amp;quot; AlignParentTop=&amp;quot;100&amp;quot; Color=&amp;quot;ID_COLOR_DEFAULT12&amp;quot; DashStyle=&amp;quot;Solid&amp;quot;/&amp;gt; &amp;lt;SkinLine LayoutHeight=&amp;quot;1&amp;quot; AlignParentLeft=&amp;quot;10&amp;quot; AlignParentRight=&amp;quot;10&amp;quot; AlignParentTop=&amp;quot;125&amp;quot; Color=&amp;quot;ID_COLOR_DEFAULT12&amp;quot; DashStyle=&amp;quot;Dash&amp;quot;/&amp;gt; &amp;lt;SkinLine LayoutHeight=&amp;quot;1&amp;quot; AlignParentLeft=&amp;quot;10&amp;quot; AlignParentRight=&amp;quot;10&amp;quot; AlignParentTop=&amp;quot;150&amp;quot; Color=&amp;quot;ID_COLOR_DEFAULT12&amp;quot; DashStyle=&amp;quot;Dot&amp;quot;/&amp;gt; &amp;lt;SkinLine LayoutHeight=&amp;quot;1&amp;quot; AlignParentLeft=&amp;quot;10&amp;quot; AlignParentRight=&amp;quot;10&amp;quot; AlignParentTop=&amp;quot;175&amp;quot; Color=&amp;quot;ID_COLOR_DEFAULT12&amp;quot; DashStyle=&amp;quot;DashDot&amp;quot;/&amp;gt; &amp;lt;SkinLine LayoutHeight=&amp;quot;1&amp;quot; AlignParentLeft=&amp;quot;10&amp;quot; AlignParentRight=&amp;quot;10&amp;quot; AlignParentTop=&amp;quot;200&amp;quot; Color=&amp;quot;ID_COLOR_DEFAULT12&amp;quot; DashStyle=&amp;quot;DashDotDot&amp;quot;/&amp;gt; &amp;lt;SkinLine LayoutHeight=&amp;quot;1&amp;quot; AlignParentLeft=&amp;quot;10&amp;quot; AlignParentRight=&amp;quot;10&amp;quot; AlignParentTop=&amp;quot;225&amp;quot; StartColor=&amp;quot;ID_COLOR_DEFAULT12&amp;quot; EndColor=&amp;quot;ID_COLOR_WHITE&amp;quot;/&amp;gt; &amp;lt;/SkinDialog&amp;gt;</code></pre>

页面列表

ITEM_HTML