📄 021.htm
字号:
<HTML><HEAD><meta http-equiv="Content-Type" content="text/html; charset=GB2312"><TITLE>-->DELPHI专题--用户界面-->轻轻松松在DELPHI3.0中实现三态按钮</TITLE>
<META NAME="keywords" CONTENT=" DELPHI专题--用户界面 轻轻松松在DELPHI3.0中实现三态按钮">
<META NAME="description" CONTENT=" - DELPHI专题--用户界面 - 轻轻松松在DELPHI3.0中实现三态按钮">
<style>
<!--
#page {position:absolute; z-index:0; left:0px; top:0px}
.tt3 {font: 9pt/12pt "宋体"}
.tt2 {font: 12pt/15pt "宋体"}
a {text-decoration:none}
a:hover {color: blue;text-decoration:underline}
-->
</style>
</HEAD>
<a href="index1.html">返回</a>
<body text="#000000" aLink=#9900ff link=#006699 vLink=#006699 bgcolor="#FFFFFF" leftmargin="3" topmargin="3" marginheight="3" marginwidth="3">
<TABLE WIDTH="100%" CELLPADDING=10 CELLSPACING=0 BORDER=0>
<TR>
<TD class="tt2" bgcolor="#F5F8F8" width="84%"><center><B><FONT style="FONT-SIZE: 16.5pt" COLOR="#FF6666" FACE="楷体_GB2312">轻轻松松在DELPHI3.0中实现三态按钮</FONT></B></center>
<hr color="#EE9B73" size="1" width="94%">
<BR>
<p><span style="font-size: 9pt"><font color="#ffffff">----</font>
在许多新的软件中都用到三态按钮。所谓的三态按钮就是当鼠标还末移到时,按钮显示一种平面图像(FLAT)；当鼠标移到按钮时，按钮呈现凸立体(UP)；当鼠标在按钮上按下时,按钮呈现凹立体(DOWN)。
</span></p>
<BR>
<p><span style="font-size: 9pt"><font color="#ffffff">----</font> 由于DELPHI中有图像按钮，能够实现UP和DOWN两种状态，因此只需增加FLAT状态即可。笔者经过研究，发现有以下两种方法。
</span></p>
<BR>
<p><span style="font-size: 9pt"><font color="#ffffff">----</font> <b>1. 修改BITBTN上的GLYPH属性.</b>
</span></p>
<BR>
<p><span style="font-size: 9pt"><font color="#ffffff">----</font> （1）当处于FLAT状态时,GLYPH属性设置为图像文件1,为了让按钮只是平面地显示,必须让图像文件1的尺寸大于按钮的实际尺寸,按钮就呈现平面状，可以在
FORM的ONMOUSEMOVE事件上用以下函数实现： </span></p>
<BR>
<pre><span style="font-size: 9pt"> Bitbtn1.glyph.loadfromfile(‘文件名1’);</span></pre>
<BR>
<p><span style="font-size: 9pt"><font color="#ffffff">----</font> （2）当处于UP和DOWN状态时,GLYPH设置为图像文件2。由于BITBTN构件本身就具有按钮的特性,所以对图像大小没有特殊要求。可以在BITBTN1的ONMOUSEMOVE事件上用以下函数实现：
</span></p>
<BR>
<pre><span style="font-size: 9pt"> Bitbtn1.glyph.loadfromfile(‘文件名2’);</span></pre>
<BR>
<p><span style="font-size: 9pt"><font color="#ffffff">----</font>
用这种方法实现的三态按钮有一个明显的不足，由于BITBTN1不断地从图像文件LOAD图像数据，因此图像一直闪烁不定，不但影响运行速度而且效果不佳。
</span></p>
<BR>
<p><span style="font-size: 9pt"><font color="#ffffff">----</font> <b>2．修改IMAGE构件和BITBTN构件的VISIBLE属性</b>
</span></p>
<BR>
<p><span style="font-size: 9pt"><font color="#ffffff">----</font> 在FORM的同一个位置设置大小完全相等的两个构件IMAGE1和BITBTN1，由于一起动FORM时，显示FLAT状态，因此把IMAGE1的VISIBLE属性初值设为TRUE；把BITBTN1的VISIBLE属性设为FALSE。
</span></p>
<BR>
<p><span style="font-size: 9pt"><font color="#ffffff">----</font> （1）当处于FLAT状态时，只显示IMAGE1构件。即把IMAGE1的VISIBLE属性设为TRUE，把BITBTN1的VISIBLE属性设为FALSE。于是FORM的OMMOUSEMOVE事件上调用如下语句：
</span></p>
<BR>
<pre><span style="font-size: 9pt"> IMAGE1.VISIBLE:=TRUE;
BITBTN1.VISIBLE:=FALSE;</span></pre>
<BR>
<p><span style="font-size: 9pt"><font color="#ffffff">----</font> （2）当处于UP或DOWN状态时，把IMAGE1的VISIBLE属性设为FALSE；把BITBTN1的VISIBLE属性设为TRUE。因此在IMAGE1和BITBTN1的
ONCLICK事件上分别调用如下语句： </span></p>
<BR>
<pre><span style="font-size: 9pt"> IMAGE1.VISIBLE：=FALSE；
BITBTN1.VISIBLE：=TRUE；</span></pre>
<BR>
<p><span style="font-size: 9pt"><font color="#ffffff">----</font>
使用该方法虽然多用了一个构件，但是不必频繁地装载图像数据，因此运行速度快，效果也很好。
</span></p>
<hr color="#EE9B73" size="1" width="94%">
</TD>
</TR>
</table>
</BODY></HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -