自定义OptionButton控件设计.docxVIP

自定义OptionButton控件设计 一、 设计思路： 设计时用一个PictureBox控件來装入这些状态的图形，8个图形连续用PictureBox控件 数组0-7组成。 再用一个Table标签控件作为控件名称，另外一个定时器组成整个控件的外观部分，便 于设计的简洁。 二、 外观设计： OptionButton控件由8个图形构成如图1所示，前四个表示没有选中状态，后四个表示 选中状态。每四个为鼠标状态图形，第一个为常规状态，第二个为获得焦点状态，第三个为 失去焦点状态，最后为失效状态。 OOO 图1控件外观图形 三、 设计向导： 下面介绍设计过程： 首先新建一个控件，在新建页面中选中“ActiveX控件”控件图标如图2所示，双击进 入设计界面。 ActiveX件 图2控件设计图标 然后画上所有的PictureBox控件和标签控件、定时器控件。根据表一同时定义这些控件 名称属性，包插控件本身的各种属性设计值。 表一、各个控件属性修改 编号 控件名称 属性名称 原名称 设计后的名称 说明 1 UserContro （名称） UserControll OptionButton Alignable False True Appearance 1 - 3D 0 - Fiat ScaleMode 1 - Twip 3 - Pixel ToolboxBitmap (None) (Bitmap) 2 PictureBox （名称） Picture1 Pict BorderStyle 1 ? Fixed Single 0 一 None ScaleMode 1 - Twip 3 一 Pixel 3 Label （名称） Label 1 lbl Appearance 1 - 3D 0 - Fiat AutoSize False True BackStyle 1 - Opaque 0 - Transparent Caption Label 1 OptionButton 4 PictureBox （名称） Picture 1 [mg AutoSize False True BorderStyle 1 - Fixed Single 0 一 None Picture (None) (Bitmap) 根据表一的各种属性值，下面分别介绍一下设计需求： （一） 、UserContro的各种属性： 1、 （名称）属性，当然改为我们需要的控件名称为OptionButtono 2、 Alignable属性，返回或设置一个数值，此数值决定控件是否能对齐以及是否能使用 扩展Align B性。在控件创建时，Alignable属性可读可写，但在运行时，此屈性不可用。 我们选择打开这个属性，所以选择True。 3、 Appearance属性，返回或设置控件在Form上绘图风格，在运行过程屮为只读属性。 我们选择Fiat为平面，绘制控件和窗体没有可视化效果。 4、 ScaleMode属性，当使用图形方式或调整控件位置时，返回或设置一个值，该值指 示对象坐标的度量单位，我们选择Pixel就是用屏幕像素方式來控制图形。 5、 ToolboxBitmap属性，返回或设置位图，作为工具箱中的用图片表示。工具箱屮位图 的空间大小为16x15像素；在需要时，将把该属性指定的位图按这个尺寸缩放。我们放入 一个图标来确定这个控件的外形样式。 （二） 、PictureBox图片框控件属性的设计值: 1、 （名称）属性，设计为Pict 2、 BorderStyle属性主要是返回或设置对象的边框样式，这里我们设计为0 - None无边 框或边框关联要素。 3、 ScaleMode属性值，我们设计为像素与UserContro相同。 （三） 、Label标签各种属性值设计： 1、 （名称）属性，设计为lbl。 2、 Appearance属性，设计为平面，绘制控件时没有可视化效果。 3、 AutoSize属性，设计为打开（True）,能够根据所写字的大小白动缩放。 4、 BackStyle属性，该属性设置的目的是返回或设置指示控件背景类型的数值。我们设 计为背景透明。 Caption属性，附在控件之后的文本,我们确定为（OptionButton） （四） 、显示控件外观的PictureBox属性设计： 1、 （名称）属性，设计为Img。 2、 AutoSize属性，设计为自动根据插入图片大小缩放，选择为Truec 3、 BorderStyle属性，设计为背景同名模式。 4^ Picture屈性，从0-7按照8个外观图片顺序插入外观。 设计完成后如图3所示： LI JJ ? ? ??????? ? ???????????? ?? ?? OptiQnBultorb 口 ■ :P： 9： P：.. ： .