📄 dsfancybutton.htm
字号:
<html>
<head>
<title>DsFancyButton</title>
</head>
<font face="Verdana, Arial, Helvetica, sans-serif" size="3">
<body bgcolor="#BFEEDD" topmargin="0">
<br>
<table width="100%" cellspadding="4">
<tr>
<td align="center" bgcolor="#6F9BB3">
<font size="+2" color="white"><b>TDsFancyButton v3.0</font><br>
<font color="white">graphic button with gradient face</b></font>
</td>
</tr>
</table>
<table width="100%" cellspacing="3" cellspacing="10" >
<tr bgcolor="#6F9BB3" align="center" valign="middle">
<td nowrap><font size="2" color="white">
<b> Delphi 3~8 </b></font></td>
<td nowrap><font size="2" color="white">
<b> Delphi 2005 </b></font></td>
<td width="100%" align="right">
<font size="2" color="white">
<b> update: 01-Jan-2006 </b></font></td>
</tr>
</table>
<br>
<p align="center">
<font size="2">Copyright© 1999-2006
<a href="mailto:vtpm@vtpmanufacturing.com">Djoko Susilo</a>. All rights reserved.<br>
Visit <a href="http://www.vtpmanufacturing.com">
http://www.vtpmanufacturing.com</a> for updated component.
</font>
</p>
<br><br>
<b>DESCRIPTION</b><hr size="1">
<table>
<tr>
<td> </td>
<td><font size="2">DsFancyButton is a graphic button with nice face using gradient effect surrounding the border. The basic shapes available are Rectangle, Oval and Capsule. From these basic shapes you can get other nice shapes like Circle and Round Rectangle.</font></td>
</tr>
</table>
<br>
<b>FEATURES</b><hr size="1">
<font size="2">
<table>
<ul>
<li>3D button face using color gradient. No bitmap needed to get the same effect.</li>
<li>Hovering and pressing effects using color blending, automatically generated based on whatever the button face color.<br>Hovering color always lighter and pressing color always darker than its face color.</li>
<li>Various Caption styles, including Raised, Lowered, Plain and Shadowed effects.</li>
<li><font color="red">New! Glyph style.</font> Glyph has several styles, i.e. normal, raised or lowered.</li>
</ul>
</table>
</font>
<b>KEY PROPERTIES</b><hr size="1">
<table>
<ul>
<li><font size="2"><b>FancyEffects:</b><br>
Sub Properties for setting the button appearance.</font><br>
<ul type="circle">
<li><font size="2"><b>CornerRadius:</b><br>
Sets the radius to get round rectangle shape.
</font></li>
<li><font size="2"><b>FrameStyle:</b>
(fmNone, fmGradient)<br>
Determines which border style is used. Default is using gradient border.
</font></li>
<li><font size="2"><b>FrameWidth:</b><br>
Sets the size of frame to build gradient effect.
</font></li>
<li><font size="2"><b>GlyphStyle:</b> (gsNormal, gsLowered, gsRaised)<br>
Various style of glyph. Combine with TextStyle to get a unique stressing.</font></li>
<li><font size="2"><b>HoverColor:</b><br>
Sets the color of Caption when mouse pointer entering the button.
</font></li>
<li><font size="2"><b>Shape:</b>
(btnCapsule, btnOval, btnRectangle)<br>
Basic shapes available. By changing the width, height and corner radius, other shapes such circle and round rectangle can be made.
</font></li>
<li><font size="2"><b>TextStyle:</b>
(txPlain, txLowered, txRaised, txShadowed)<br>
Determines which text style to use when writing Caption.
</font></li>
</ul>
</li>
<li><font size="2"><b>Glyphs:</b><br>
Sub Properties for setting the glyph.</font><br>
<ul type="circle">
<li><font size="2"><b>Distance:</b><br>
Spaces between Caption and Glyph. Set the distance to relayout them due to the button size.</font></li>
<li><font size="2"><b>Glyph:</b><br>
Bitmap image (if any) should be shown in the button. Can be a single or multiple image.</font></li>
<li><font size="2"><b>Layout:</b>
(lyLeft, lyTop, lyRight, lyBottom, lyCenter)<br>
Position of glyph from the Caption.
</font></li>
<li><font size="2"><b>Number:</b><br>
Number of glyphs (multiple image) to get a certain effect such as hovering, pressing and disable, as well as normal state.
</font></li>
</ul>
</li>
</ul>
</table>
<b>HISTORY</b><hr size="1">
<table>
<ul>
<li><font size="2"><b>v3.0 (01-Jan-2006)</b><br>
-Redesign button face to get better and smoother face.<br>
-Properties FaceColor and FrameColor are deleted.<br>
Button face color now is using property Color.<br>
-Again, different pressing effect.<br>
-Add property GlyphStyle -->raised, lowered, plain.<br>
-Button size is free, no limitation.
</font></li>
<li><font size="2"><b>v2.2 (13-Jul-2002)</b><br>
- Another improvement on button face, including:<br>
-hovering effect using lighter color.<br>
-smooth apperance using color blending.<br>
</font></li>
<li><font size="2"><b>v2.1 (16-Feb-2001)</b><br>
- Add hover color when mouse moves over the button.<br>
<i><u>Update 15-Mar-01:</u></i><br>
- Fix caption position when font is changed.<br>
<i><u>Update 08-May-01:</u></i><br>
- Restructure the codes to implement property groupings,
so setting values become much more easier.<br>
- Redefine button pressing effect. Pressing color is now
automatically using dimmed color of its face color.<br>
Greatly improved pressing effect!<br>
<i><u>Update 17-May-01:</u></i><br>
- Add one more glyph to response mouse move
(glyph 1=enable 2=disable 3=pressed 4=pointed).<br>
- Remove property TransparentColor. Use standard method in
checking transparent color (left-bottom corner of glyph).<br>
<i><u>Update 14-Apr-02:</u></i><br>
- Free occupied resources
<br></font></li>
<li><font size="2"><b>v2.0 (10-Jan-2001)</b><br>
- Shape constant of shRoundRect is removed.
Rounded rectangle can be set through CornerRadius setting.<br>
- Add property glyph and its layout. Max. glyph number is 3 (glyph 1=enable 2=disable 3=pressed)<br>
- Better button pressing effect.<br></font></li>
<li><font size="2"><b>v1.1 (10-Nov-1999)</b><br>
- Gradient process using region function.<br>
<i><u>Update 22-May-00:</u></i><br>
- Using better region routine to release memory<br></font></li>
<li><font size="2"><b>v1.0 (Feb 1999)</b><br>
- Initial release.<br></font></li>
</ul>
</table>
<b>LICENSE</b><hr size="1">
<table>
<tr>
<td> </td>
<td><font size="2"> TDsFancyButton component is freeware. You can use and distribute this component freely, all risk of use is your own responsibility. However, if you put and use this component in your applications, please make a NOTE somewhere in your distribution documents that you use this component. </font></td>
</tr>
</table>
<br>
<b>DISCLAIMER</b><hr size="1">
<table>
<tr>
<td> </td>
<td><font size="2">
TDsFancyButton is provided AS IS without any warranty of any kind, either express or implied. The author is NOT liable for any DAMAGES resulting from the use and misuse of the component.</font></td>
</tr>
</table>
<br>
<b>FEEDBACK</b><hr size="1">
<table>
<tr>
<td> </td>
<td><font size="2">
If you have any problems, suggestions, or bug reports please feel free to contact me.
</font></td>
</tr>
</table>
<br>
<table width="100%">
<tr>
<td width="45%"><hr size="1"></td>
<td nowrap><font size="2">
<a href="mailto:vtpm@vtpmanufacturing.com">
<sup>vtpm@vtpmanufacturing.com</sup></a></font></td>
<td width="45%"><hr size="1"></td>
</tr>
</table>
</body>
</font>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -