[上一章]    [下一章]

 

状态条组件操作讲解

作者:创世魂

 

● 概述

本组件通常位于软件的底边,用于显示一些当前软件状态信息。

 

 

● 项目(写)

 

帮助文档如下图:

通过本属性可以设计要显示的状态栏栏目信息,可以通过注释中的描述手动拼接文本,也可以通过设计器进行设计。

 

代码编写如下图:

“状态条”组件属性栏增加“项目”属性,点击属性值按钮打开设计器。


打开设计器后,首先需要点击“插入”后才能设置“内容文本”

插入后根据自己的需求填写相关信息。

如果想要插入更多,点击“向后插入”即可。


这里插入3个,并对“栏目2”设置100宽度。

 

运行效果如下图:

软件运行后可以在窗口底部看到有三个栏目的文本。

 

 

● 位置(写)

 

帮助文档如下图:

通过本属性可以设置当前状态条的显示位置,默认是在底部显示,可以通过本方法调整到顶部显示或者自由显示。

 

代码编写如下图:

“状态条”组件的属性栏增加本属性并设置为“顶边”显示。

 

运行效果如下图:

当软件运行后可以看到,状态条会在软件的顶部显示。

 

 

● 图片组(写)

 

帮助文档如下图:

通过本属性可以设置图片组资源。

 

什么是图片组?

简单来说就是一系列尺寸一致的单个图片横向排列组合后的图片。

在使用图片组的时候,就可以直接通过图片的排列索引直接使用指定图片。

图片组具体格式要求如下:

1、图片组中单个图片的高度 等于整个图片组位图的高度,图片组中所有单个图片的总宽度等于整个图片组位图 的宽度。

2、图片组中单个图片的宽度和高度尽量保持一致,如果不能保持一致,就使用近似尺寸 (如:高度为15,则宽度为16)。

3、图片中的透明部分用洋红色(红绿蓝分量值分别为: 255, 0, 255)填充标记。

图片组效果大致如下图所示:

 

代码编写如下图:

“状态条”的属性栏填写本属性并设置一个图片组图片。

 

重新打开“项目”设计器,给每个栏目都设置“图片索引”

注意:图片索引从0开始,0代表图片组的第一个图片。

 

运行效果如下图:

当软件运行后可以看到,设置的图片组图片会自动分割并显示在状态栏标题前。

 

 

● 尺寸调节器(写)

 

帮助文档如下图:

通过设置本属性值为真,会在本组件的右下角位置显示一个三角图标,用于在需要调节窗口大小的时候三角图标能够起到一个指示的作用。

注意:想要本属性有效,必须即将窗口属性“窗口边框”调整为可调边框,并且“位置”属性必须设置底边。

 

代码编写如下图:

1、首先设置“窗口边框”属性为“普通可调边框”

2、然后设置“位置”属性为底边。

3、最后将当前属性值设置为真。

 

运行效果如下图:

当软件运行后可以看到,状态条组件右下角会出现一个三角图标, 可以给用户起到一个指示性的作用。

 

完善代码:

虽然右下角的图标可以正常显示,但是可以看到软件出现一个问题,状态条并没有一直在底边,解决这个问题也很简单。

添加窗口的“尺寸被改变”事件,在这个事件下动态的去调整“状态条”组件的“顶边”“宽度”属性。

 

运行效果如下图:

最终可以看到软件运行正常。

 

 

● 加入栏目

 

帮助文档如下图:

本方法可用于动态向状态条添加栏目,并返回新栏目的索引。

 

代码编写如下图:

按钮1点击后调用本方法加入栏目即可。

 

运行效果如下图:

当软件运行后可以看到,新栏目被加入并且也成功返回栏目索引。

 

 

● 删除栏目

 

帮助文档如下图:

顾名思义,通过本方法可以实现删除指定栏目,栏目索引从0开始。

 

代码编写如下图:

按钮1点击后删除栏目0。

 

运行效果如下图:

最终可看到第一个栏目被删除。

 

 

● 置图片

 

帮助文档如下图:

通过本属性可以动态设置图片组的图片。

参数1:提供栏目索引。

参数2:提供图片组的图片索引。

这两个参数的索引都是从0开始。

 

代码编写如下图:

1、首先给状态条设置图片组。

2、然后按钮点击后调用本方法给状态条设置图片组图片。

 

运行效果如下图:

当软件运行后可以看到,状态条的栏目增加了图片显示。

 

 

● 取图片

 

帮助文档如下图:

通过本方法可以取出指定栏目的图片索引,返回-1表示当前栏目无图片。

 

代码编写如下图:

按钮点击后取出栏目1的图片设置给栏目3。

 

运行效果如下图:

最终可以看到栏目3的图片和栏目1一致,证明栏目图片正常取出。

 

 

● 取宽度

 

帮助文档如下图:

通过本方法可以取出指定栏目的宽度,返回-1表示宽度在窗口最右边。

 

代码编写如下图:

按钮点击后取出栏目1的宽度。

 

运行效果如下图:

最终栏目1的宽度将被取出。

 

 

● 置宽度

 

帮助文档如下图:

通过本方法可以设置指定栏目的宽度,单位像素,提供-1表示宽度到窗口最右边。

 

代码编写如下图:

按钮点击后设置栏目1的宽度为200。

 

运行效果如下图:

最终可以看到栏目1的宽度发生了改变。

 

 

● 置提示文本

 

帮助文档如下图:

通过本方法可以设置指定栏目的提示文本,设置后可通过鼠标在栏目悬停后出现提示。

 

代码编写如下图:

按钮点击后调用本方法设置栏目1的提示文本。

 

运行效果如下图:

最终按钮点击后鼠标在栏目1悬停会出现被设置的提示。

 

 

● 取提示文本

 

帮助文档如下图:

通过本方法可以取出指定栏目的提示文本。

 

代码编写如下图:

首先打开“项目”设计器,给栏目1设置提示文本。

 

按钮点击后调用本方法取出栏目1的提示文本。

 

运行效果如下图:

当软件运行后可以看到,状态条的栏目增加了图片显示。

 

 

● 取文本

 

帮助文档如下图:

通过本方法可以取出指定栏目的文本。

 

代码编写如下图:

按钮点击后取出栏目1的文本。

 

运行效果如下图:

最终栏目1的文本被取出。

 

 

● 置文本

 

帮助文档如下图:

调用本方法可以更新指定栏目文本。

参数1:提供栏目索引。

参数2:提供要更新的文本即可。

 

代码编写如下图:

按钮点击后调用本方法更新栏目2的文本。

 

运行效果如下图:

最终可看到栏目2的文本被更新。

 

 

● 取栏目宽度

 

帮助文档如下图:

通过本方法可以取出指定栏目的实际显示宽度。

 

代码编写如下图:

首先打开状态条“项目”设计器,设置栏目2的宽度为100。

 

按钮点击后取出栏目2的实际宽度。

 

运行效果如下图:

最终可看到栏目2的实际宽度只有98,有两个像素被栏目边框占用。

 

 

● 取栏目左边

 

帮助文档如下图:

通过本方法可以取出指定栏目的左边位置,本方法可用于实现简单对组件排版。

 

代码编写如下图:

按钮点击后设置标签的左边等于栏目2的左边。

 

运行效果如下图:

最终可看到标签的左边与栏目2左边对齐。

 

 

● 取栏目数

 

帮助文档如下图:

通过本方法可以取出所有栏目数量。

 

代码编写如下图:

利用本方法的功能,结合“循环”可以实现取出所有栏目文本的功能。

 

运行效果如下图:

当软件运行后可以看到所有栏目文本被取出。

 

 

● 取栏目矩形

 

帮助文档如下图:

通过本方法可取出指定栏目的可显示区域的矩形位置。

注意:取出的可显示区域“顶边”,只会相当于状态条组件本身,并不会相当于窗口。

 

代码编写如下图:

按钮点击后取出栏目2的矩形位置并移动编辑框组件。

 

运行效果如下图:

最终可看到,编辑框组件的尺寸和栏目2的尺寸大小一致,利用本方法的特性也可进行简单的组件排版操作。

 

 

● 取栏目顶边

 

帮助文档如下图:

通过本方法可以取出指定栏目可视区域的顶边位置。

注意:此位置是相对于状态条组件本身,并不相当于窗口。

 

代码编写如下图:

按钮点击后取出顶边并移动编辑框组件,以实现覆盖状态条栏目2的效果。

 

运行效果如下图:

最终可看到栏目2被覆盖,利用本方法可以实现在状态条上显示编辑框。

注意:需要注意组件的层级关系,如果移动后发现编辑框组件消失,证明状态条组件将编辑框组件被覆盖,可使用“调整层次 ()”方法调整组件层级。

 

 

● 取栏目高度

 

帮助文档如下图:

通过本方法可以取出指定栏目的可视区域高度,可用于简单的美化软件操作。

 

代码编写如下图:

按钮点击后设置编辑框的宽度等于栏目2显示区域的高度。

 

运行效果如下图:

最终编辑框组件的高度被调整到和栏目高度一致。

 

 

● 更新位置

 

帮助文档如下图:

当状态条的父组件尺寸被改变的时候,当前组件不会自动更新位置,可通过本方法更新位置显示。

 

代码编写如下图:

添加窗口的“尺寸被改变”事件,然后调用本方法进行位置更新即可。

 

运行效果如下图:

当软件运行后可以看到状态条组件的位置正常显示,不会固定在某个地方。

 

 

● 清空

 

帮助文档如下图:

通过本方法可以删除状态条的所有栏目。

 

代码编写如下图:

按钮点击后调用本方法删除。

 

运行效果如下图:

最终状态条的所有栏目均被删除。

 

[上一章]    [下一章]