CN107291340B - 实现界面效果的方法、计算设备及存储介质 - Google Patents

实现界面效果的方法、计算设备及存储介质 Download PDF

Info

Publication number
CN107291340B
CN107291340B CN201710445123.XA CN201710445123A CN107291340B CN 107291340 B CN107291340 B CN 107291340B CN 201710445123 A CN201710445123 A CN 201710445123A CN 107291340 B CN107291340 B CN 107291340B
Authority
CN
China
Prior art keywords
control
qpushbutton
qlabel
interface
qgroupbox
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201710445123.XA
Other languages
English (en)
Other versions
CN107291340A (zh
Inventor
邓建茜
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Pico Technology Co Ltd
Original Assignee
Beijing Pico Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Pico Technology Co Ltd filed Critical Beijing Pico Technology Co Ltd
Priority to CN201710445123.XA priority Critical patent/CN107291340B/zh
Publication of CN107291340A publication Critical patent/CN107291340A/zh
Application granted granted Critical
Publication of CN107291340B publication Critical patent/CN107291340B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了实现界面效果的方法、计算设备及存储介质。所述方法包括:响应于界面上项目列表中的项目被选中,由与被选中的项目相关联的QPushbutton控件产生选中信号;以及响应于所述选中信号,将与被选中的项目相关联的QGroupbox控件和/或QLabel控件的状态设置为“显示”,其中,所述QGroupbox控件围绕所述QPushbutton控件布置,所述QLabel控件邻近所述QPushbutton控件布置。本发明还涉及一种计算设备和一种存储介质。通过本发明各实施例,可以简单便捷地实现界面效果,使程序框架更清晰,功能更流畅。

Description

实现界面效果的方法、计算设备及存储介质
技术领域
本发明涉及界面实现技术领域,并且具体地涉及一种基于Qt自定义控件实现界面效果的方法、计算设备及存储介质。
背景技术
随着VR(Virtual Reality,虚拟现实)产品的发展,VR设备的种类越来越多。通过PC端、移动设备端或其他终端上的VR助手软件可以使用户访问服务器中的更多的VR视频资源和游戏资源。游戏资源通常有多张海报,一般地,在VR助手软件界面中设计有海报列表区以显示游戏的所有海报。
发明内容
需要可以在VR助手软件界面中实现项目列表中的项目被选中的界面效果的技术。其中,所述项目可以为海报图片。
根据本发明的一方面,提供一种基于Qt自定义控件实现界面效果的方法,包括:
响应于界面上项目列表中的项目被选中,由与被选中的项目相关联的QPushbutton控件产生选中信号;以及
响应于所述选中信号,将与被选中的项目相关联的QGroupbox控件和/或QLabel控件的状态设置为“显示”;
其中,所述QGroupbox控件围绕所述QPushbutton控件布置,所述QLabel控件邻近所述QPushbutton控件布置。
在一个实施例中,在所述QPushbutton控件未产生选中信号的情况下,将所述QGroupbox控件和/或所述QLabel控件的状态设置为“隐藏”。
在一个实施例中,所述QGroupbox控件位于所述QPushbutton控件下层,并且所述QGroupbox控件的尺寸大于所述QPushbutton控件的尺寸。
在一个实施例中,所述方法还包括:
响应于所述选中信号,将被选中的项目的放大视图显示在所述界面上。
在一个实施例中,响应于所述选中信号将被选中的项目的放大视图显示在所述界面上包括:通过使connect()函数与所述QPushbutton控件的clicked()信号相关联来响应于所述clicked()信号而将被选中的所述项目的放大视图显示到界面上。
在一个实施例中,所述方法还包括:
响应于所述选中信号,将所述QGroupbox控件和/或所述QLabel控件的颜色设置为与界面的背景颜色不同的颜色。
在一个实施例中,所述QLabel控件具有特定形状的背景图片,其中在所述QLabel控件的“显示”状态下所述特定形状的背景图片被显示在界面上。
在一个实施例中,所述项目为图片,并且所述图片被设置作为与所述项目相关联的QPushbutton控件的背景图片。
在一个实施例中,通过使connect()函数与所述QPushbutton控件的clicked()信号相关联并利用槽函数来设置所述QGroupbox控件和/或所述QLabel控件的状态。
在一个实施例中,所述界面效果为VR助手软件的界面效果。
根据本发明的另一方面,提供一种计算设备,包括:
处理器;
存储装置;以及
存储在所述存储装置上且可被所述处理器执行的计算机指令,所述计算机指令在被所述处理器执行时使得所述计算设备执行如上所述的方法。
根据本发明的又一方面,提供一种存储介质,其上存储有可供处理器执行的计算机程序,所述计算机程序在被处理器执行时实现如上所述的方法。
本发明的发明人发现,在现有技术中不存在能够基于Qt自定义控件合适地显示项目列表中的项目被选中的界面效果的技术。因此,本发明所要实现的技术任务或者所要解决的技术问题是本领域技术人员从未想到的或者没有预期到的,故本发明是一种新的技术方案。
通过本发明的基于Qt自定义控件的界面效果实现方法的各实施例,可以简单方便地实现界面中的项被选中的界面效果。其中,根据一个实施例,可以将被选中的项目显示为具有外框,和/或在被选中的项目的上方显示特定形状的标志。根据另一个实施例,还可以将项目(例如海报)的放大视图显示在界面上。这样实现的界面效果使程序框架更清晰,功能更流畅。
通过以下参照附图对本发明的示例性实施例的详细描述,本发明的其它特征及其优点将会变得清楚。
附图说明
被结合在说明书中并构成说明书的一部分的附图示出了本发明的实施例,并且连同其说明一起用于解释本发明的原理。
图1是根据本发明一个实施例的基于Qt自定义控件实现界面效果的方法的示意流程图;
图2是根据本发明一个实施例的用于实现界面效果的Qt控件的布局示意图;
图3是通过根据本发明一个实施例的界面效果实现方法所实现的界面效果截屏图;
图4是用于实现根据本发明各实施例的界面效果实现方法的计算装置的硬件结构示意框图。
具体实施方式
现在将参照附图来详细描述本发明的各种示例性实施例。应注意到:除非另外具体说明,否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。
以下对至少一个示例性实施例的描述实际上仅仅是说明性的,决不作为对本发明及其应用或使用的任何限制。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论,但在适当情况下,所述技术、方法和设备应当被视为说明书的一部分。
在这里示出和讨论的所有例子中,任何具体值应被解释为仅仅是示例性的,而不是作为限制。因此,示例性实施例的其它例子可以具有不同的值。
Qt为跨平台C++图形用户界面应用程序开发框架。在本文中,QPushbutton、QGroupbox和QLabel均为Qt控件。图1示出了根据本发明的基于Qt自定义控件实现界面效果的方法的一个实施例的示意流程图。在本发明的实施例中,界面效果展示的是响应于位于界面上的项目列表中的一个项目被选中而在界面上突出显示该被选中的项目的情景。在如图1所示的实施例中,该方法包括:
步骤S101:响应于界面上项目列表中的项目被选中,由与被选中的项目相关联的QPushbutton控件产生选中信号;以及
步骤S102:响应于选中信号,将与被选中的项目相关联的QGroupbox控件和/或QLabel控件的状态设置为“显示”。可选地,在步骤S102中还可以响应于选中信号而将被选中的项目的放大视图显示在界面上,例如,显示在项目列表上方的项目显示区中。
其中,QGroupbox控件围绕QPushbutton控件布置,QLabel控件邻近QPushbutton控件布置。在一个示例中,QGroupbox控件可以位于QPushbutton控件的下层,并且QGroupbox控件的尺寸可以略大于QPushbutton控件(例如,QGroupbox的区域比QPushbutton的区域略大,上下左右各多出3个像素点),以使得当QGroupbox控件的状态为“显示”时,其在界面上被显示为适当地围绕QPushbutton控件的边框。在一个示例中,QLabel控件可以具有特定形状的背景图片(例如绿色的三角形形状的图片),其中在QLabel控件的“显示”状态下该特定形状的背景图片被显示在界面上。
这里所述的“QLabel控件邻近QPushbutton控件布置”是指,QLabel控件与QPushbutton控件之间可以具有任何适当的距离,只要在QLabel控件被显示时能够标识被选中的项目而不会使人误以为标识的是其他项目即可。
该方法还可以包括:在QPushbutton控件未产生选中信号的情况下,将QGroupbox控件和/或QLabel控件的状态设置为“隐藏”。
在一个示例中,可以通过使connect()函数与QPushbutton控件的clicked()信号相关联并利用槽函数来设置QGroupbox控件和/或QLabel控件的状态。具体地,当项目列表中的项目被选中时,相关联的QPushbutton控件产生作为选中信号的clicked()信号,由于connect()函数与该信号相关联,因此可利用槽函数来将QGroupbox控件和/或QLabel控件的状态设置为“显示”。
同样,可以通过使connect()函数与QPushbutton控件的clicked()信号相关联来响应于所产生的clicked()信号而将被选中的项目的放大视图显示到界面上。
在一个示例中,该方法还可以包括:响应于所述选中信号,将QGroupbox控件的颜色设置为与界面的背景颜色不同的颜色,以及/或者将QLabel控件设置为颜色与界面的背景颜色不同且具有特定形状。其中,对于QGroupbox控件,可以仅设置其边框的颜色;对于QLabel控件,可以通过将其背景图片设置为颜色与界面的背景颜色不同且具有特定形状的图片来实现。这样,当项目被选中时,该被选中的项目在界面上被显示为具有颜色不同于界面背景颜色的边框(对应于QGroupbox控件)和/或在其附近具有颜色不同于界面背景颜色的特定形状,从而将该被选中的项目与列表中的其他项目区别开来。可选地,也可以在设计布置界面时就设置QGroupbox控件的边框的颜色,以及/或者设置QLabel控件的背景图片。例如,可以通过如下代码来设置:
ui.lable->setStyleSheet("background-image:url(:/PicoHome/Skin/game_detail_poster_select.png)");
ui.groupBox->setStyleSheet("QGroupBox{border:3px solid#42d4c1}")
在以上所述的方法中,项目可以是图片,例如海报,可以将该图片设置作为与该项目相关联的QPushbutton控件的背景图片。
用于实现如上所述的界面效果的界面可以通过以下方式来创建。
首先,在Qt工程中创建自定义控件类。例如,Qt工程中包括创建自定义控件类的命令或功能菜单,通过调用该命令或功能菜单,可以创建自定义控件类。
然后,将QWidget控件添加到所创建的自定义控件类中。其中,QWidget控件定义所创建的自定义控件类的空间。
然后,将QPushbutton控件以及QGroupbox控件和/或QLabel控件放置到QWidget控件中。
将QPushbutton控件配置为与项目列表中的一个项目相关联,QPushbutton控件的几何参数被配置为与该项目的几何参数基本相同。在一个示例中,当位于列表中的该项目在界面上被用户选中时,导致对应QPushbutton控件的按钮被选中,从而产生该QPushbutton控件的clicked()信号(“选中信号”)。
在本文中,“位于列表中的项目/海报在界面上被选中”是指用户利用鼠标、手指或其他触摸装置或者其他输入装置点击或划过界面上的该项目/海报。可以理解,存在通过其他装置以其他方式来表示“选中”的其他情景。
可以将QGroupbox控件放置到QWidget控件中而不放置QLabel控件,或者将QLabel控件放置到QWidget控件中而不放置QGroupbox控件,或者也可以两者都放置。
在一个示例中,可以将QPushbutton控件、QGroupbox控件和/或QLabel控件在QWidget控件中布置成如图2所示的布局。QGroupbox控件可以围绕QPushbutton控件布置,QLabel控件可以邻近QPushbutton控件布置。其中,QGroupbox控件位于QPushbutton控件下层并且QGroupbox控件的尺寸可以略大于QPushbutton控件(例如,QGroupbox的区域比QPushbutton的区域略大,上下左右各多出3个像素点),使得当响应于QPushbutton的选中信号QGroupbox控件的状态变为“显示(show)”时,QGroupbox控件在界面上被显示为与QPushbutton控件相关联的项目的边框,以表示其框住的项目被选中。QLabel控件可以被配置为与具有特定形状的背景图片相关联,使得当响应于QPushbutton的选中信号QLabel控件的状态变为“显示(show)”时,QLabel控件在界面上被显示为邻近被选中的项目的、具有特定形状的该背景图片,以表示其邻近的项目被选中。所述特定形状可以是三角形、正方形、菱形、长方形、圆形、椭圆形或其他任何形状。
在图2所示的示例中,QLabel控件被示出为位于QPushbutton控件的上方居中的位置。可以理解的是,QLabel控件也可以位于QPushbutton控件的上方偏左或偏右的位置,或者位于QPushbutton控件的下方、左边或右边的任何合适的位置。在一个示例中,当界面上的项目显示区位于项目列表上方时,可以将QLabel控件布置在QPushbutton控件的上方,例如在项目显示区与项目列表之间的位置;当项目显示区位于项目列表下方时,则将QLabel控件布置在QPushbutton控件的下方;当项目显示区位于项目列表的左/右边时,则将QLabel控件布置在QPushbutton控件的左/右边。在一个示例中,QLabel控件被显示为三角形,并且三角形的顶点正对项目显示区,与该顶点相对的边紧邻项目列表中被选中的项目,并且在项目显示区中显示的是被选中项目的放大视图。
在一个示例中,QPushbutton控件以及QGroupbox控件和/或QLabel控件被配置为使得:
响应于项目被选中,与被选中的项目相关联的QGroupbox控件和/或QLabel控件的状态变为“显示(show)”,此时,QGroupbox控件在界面上被显示为围绕被选中的项目的边框,以及/或者QLabel控件在界面上被显示为位于该项目附近(例如紧挨在其上方)的特定形状,以表示该边框框住的且/或该特定形状附近的项目被选中。
在该示例中,在QPushbutton未产生选中信号(即其相关联的对应项目未被选中)的情况下,相关联的QGroupbox控件和/或QLabel控件的状态为“隐藏(hide)”,此时在界面上不显示QGroupbox控件和/或QLabel控件。
为了在界面上进一步突出显示被选中的项目,在一个示例中,响应于选中信号,相关联的QGroupbox控件和/或QLabel控件在界面上所显示的颜色被设置为与界面的背景颜色不同。例如,界面为黑色,QGroupbox控件和/或QLabel控件被显示为绿色,以将被选中项目显示为具有绿色边框和/或附近具有绿色的特定形状。
在一个示例中,还可以将QPushbutton控件配置为使得:响应于所述QPushbutton控件的选中信号,相关联的对应项目的放大视图被自动加载到界面的项目显示区。这样,当项目列表中的项目被选中时,在界面上的项目显示区中显示被选中项目的放大视图,同时在项目列表区中用边框和特定形状来突出被选中的项目以明确其与项目显示区中被显示的放大视图的对应关系。
在项目列表中包含多个项目的情况下,可以针对每个项目重复以上创建Qt自定义控件类的过程,以便为每个项目建立对应的自定义控件类并用Qt控件对其进行限定。
在本文中,对诸如QPushbutton、QGroupbox和QLabel的Qt控件进行配置是指,使用指令、命令、功能菜单、用编程语言写成的代码等来进一步定义Qt控件。例如,可以通过connect()函数与QPushbutton控件的clicked()信号相关联并利用槽函数来实现QGroupbox控件和/或QLabel控件的状态的变化。例如,可以通过connect()函数与QPushbutton控件的clicked()信号相关联来响应于QPushbutton控件的按钮被选中而处理对应项目的放大视图的自动加载。
在一个示例中,所述项目为海报,项目列表为包含多个海报小视图的列表,项目显示区为海报显示区。可以理解的是,所述项目可以是海报之外的任何可供从列表中被选择且可在项目显示区显示其放大视图的项目。
下面以示例的方式给出了在项目为海报的情况下通过connect()函数配置QPushbutton、QGroupbox和QLabel控件以实现项目列表中的项目被选中的界面效果的代码示例:
Figure BDA0001319576220000081
Figure BDA0001319576220000091
在上面的示例中,在选中界面上海报列表中的海报时,该海报相关联的QPushButton产生clicked()信号,从而在响应QPushButton的clicked()信号的槽函数内部处理小海报的选中状态:将QLable的状态设置为show(显示),也将QGroupBox的状态设置为show(显示),并且处理大海报区的显示程序。当海报未选中时,设置未选中状态:将QLable的状态设置为hide(隐藏),将QGroupBox的状态也设置为hide(隐藏)。通过设置QLable和QGroupBox的状态来完成海报的选中与否状态。这样就完成了基于Qt自定义控件的界面效果实现。图3示出了这样实现的界面效果的一个示例截屏图。
另外,可以对该Qt自定义控件定义合适的初始化函数,使得在初始化时,能够通过传参灵活控制海报的显示大小,以满足设计要求,使界面更加美观。
以上各方法实施例可被用于PC端、移动端或其他终端等上的VR助手软件的界面效果实现。可以理解的是,它们也可被用于其他领域的软件界面效果实现。
以上各方法实施例可被实施在计算设备上。在一个实施例中,该计算设备包括:
处理器;
存储装置;以及
存储在存储装置上且可被处理器执行的计算机指令,所述计算机指令在被处理器执行时使得计算设备执行如上所述的各方法实施例。
图4示出了这样的计算设备的硬件结构组成示意框图。如图4所示,计算设备300包括处理器3010、存储器3020、接口装置3030、通信装置3040、显示装置3050、输入装置3060、扬声器3070、麦克风3080,等等。
存储器3020用于存储指令,所述指令用于控制处理器3010进行操作,该操作使得实施如上所述的基于Qt自定义控件实现界面效果的各方法实施例。
处理器3010例如可以是中央处理器CPU、微处理器MCU等,也可以是分布式处理***。存储器3020例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置3030例如包括USB接口、耳机接口等。通信装置3040例如能够进行有线或无线通信。显示装置3050例如是液晶显示屏、触摸显示屏等。输入装置3060例如可以包括触摸屏、键盘等。用户可以通过扬声器3070和麦克风3080输入/输出语音信息。
图4所示的计算设备仅是解释性的,并且决不是为了要限制本发明、其应用或用途。本领域技术人员应当理解,尽管在图4中示出了多个组成部分,但是,本发明可以仅涉及其中的部分组成部分。本领域技术人员可以根据本发明所公开方案设计指令,指令如何控制处理器进行操作是本领域公知技术,故在此不再详细描述。
以上各方法实施例还可以以计算机程序的形式被存储在存储介质上并被分发。因此,根据本发明的另一方面,还提供一种存储介质,其上存储有可供处理器执行的计算机程序,所述计算机程序在被处理器执行时实现如上所述的各方法实施例。
该存储介质可以是任何可以保持和存储由指令执行设备使用的指令的有形设备。例如,其可以是――但不限于――电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。存储介质的更具体的例子(非穷举的列表)包括:便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的存储介质不被解释为瞬时信号本身,诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如,通过光纤电缆的光脉冲)、或者通过电线传输的电信号。
这里所描述的计算机程序/计算机指令可以从计算机可读存储介质下载到各个计算/处理设备,或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令,并转发该计算机可读程序指令,以供存储在各个计算/处理设备中的计算机可读存储介质中。
用于执行本发明操作的计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码,所述编程语言包括面向对象的编程语言—诸如Smalltalk、C++等,以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中,通过利用计算机可读程序指令的状态信息来个性化定制电子电路,例如可编程逻辑电路、现场可编程门阵列(FPGA)或可编程逻辑阵列(PLA),该电子电路可以执行计算机可读程序指令,从而实现本发明的各个方面。
这里参照根据本发明实施例的方法、装置(***)和计算机程序产品的流程图和/或框图描述了本发明的各个方面。应当理解,流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合,都可以由计算机可读程序指令实现。
这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器,从而生产出一种机器,使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时,产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中,这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作,从而,存储有指令的计算机可读介质则包括一个制造品,其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。
也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上,使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤,以产生计算机实现的过程,从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
附图中的流程图和框图显示了根据本发明的多个实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分,所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的***来实现,或者可以用专用硬件与计算机指令的组合来实现。对于本领域技术人员来说公知的是,通过硬件方式实现、通过软件方式实现以及通过软件和硬件结合的方式实现都是等价的。
需要说明的是,本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。但本领域技术人员应当清楚的是,上述各实施例可以根据需要单独使用或者相互结合使用。另外,对于装置实施例而言,由于其是与方法实施例相对应,所以描述得比较简单,相关之处参见方法实施例的对应部分的说明即可。以上所描述的***实施例仅仅是示意性的,其中作为分离部件说明的模块可以是或者也可是不是物理上分开的。
以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。
虽然已经通过例子对本发明的一些特定实施例进行了详细说明,但是本领域的技术人员应该理解,以上例子仅是为了进行说明,而不是为了限制本发明的范围。本领域的技术人员应该理解,可在不脱离本发明的范围的情况下,对以上实施例进行修改。本发明的范围由所附权利要求来限定。

Claims (9)

1.一种基于Qt自定义控件实现界面效果的方法,包括:
响应于界面上项目列表中的项目被选中,由与被选中的项目相关联的QPushbutton控件产生选中信号;以及
响应于所述选中信号,将与被选中的项目相关联的QGroupbox控件和/或QLabel控件的状态设置为“显示”;
其中,所述QGroupbox控件围绕所述QPushbutton控件布置,所述QLabel控件邻近所述QPushbutton控件布置,所述QLabel控件邻近QPushbutton控件布置是指,QLabel控件被显示时能够标识被选中的项目而不会使人误以为标识的是其他项目,所述QLabel控件具有特定形状的背景图片,在所述QLabel控件的“显示”状态下所述特定形状的背景图片被显示在界面上,以表示其邻近的项目被选中。
2.根据权利要求1所述的方法,其中,在所述QPushbutton控件未产生选中信号的情况下,将所述QGroupbox控件和/或所述QLabel控件的状态设置为“隐藏”。
3.根据权利要求1所述方法,其中,所述QGroupbox控件位于所述QPushbutton控件下层,并且所述QGroupbox控件的尺寸大于所述QPushbutton控件的尺寸。
4.根据权利要求1所述的方法,还包括:
响应于所述选中信号,将被选中的项目的放大视图显示在所述界面上,
其中,响应于所述选中信号将被选中的项目的放大视图显示在所述界面上包括:通过使connect()函数与所述QPushbutton控件的clicked()信号相关联来响应于所述clicked()信号而将被选中的所述项目的放大视图显示到界面上。
5.根据权利要求1所述的方法,还包括:
响应于所述选中信号,将所述QGroupbox控件和/或所述QLabel控件的颜色设置为与界面的背景颜色不同的颜色。
6.根据权利要求1-5中任一项所述的方法,其中,所述项目为图片,并且所述图片被设置作为与所述项目相关联的QPushbutton控件的背景图片。
7.根据权利要求1-5中任一项所述的方法,其中,通过使connect()函数与所述QPushbutton控件的cl icked()信号相关联并利用槽函数来设置所述QGroupbox控件和/或所述QLabel控件的状态。
8.一种计算设备,包括:
处理器;
存储装置;以及
存储在所述存储装置上且可被所述处理器执行的计算机指令,所述计算机指令在被所述处理器执行时使得所述计算设备执行如权利要求1-7中任一项所述的方法。
9.一种存储介质,其上存储有可供处理器执行的计算机程序,所述计算机程序在被处理器执行时实现如权利要求1-7中任一项所述的方法。
CN201710445123.XA 2017-06-12 2017-06-12 实现界面效果的方法、计算设备及存储介质 Active CN107291340B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710445123.XA CN107291340B (zh) 2017-06-12 2017-06-12 实现界面效果的方法、计算设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710445123.XA CN107291340B (zh) 2017-06-12 2017-06-12 实现界面效果的方法、计算设备及存储介质

Publications (2)

Publication Number Publication Date
CN107291340A CN107291340A (zh) 2017-10-24
CN107291340B true CN107291340B (zh) 2020-10-09

Family

ID=60096548

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710445123.XA Active CN107291340B (zh) 2017-06-12 2017-06-12 实现界面效果的方法、计算设备及存储介质

Country Status (1)

Country Link
CN (1) CN107291340B (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108984239B (zh) * 2018-05-29 2021-07-20 北京五八信息技术有限公司 选择控件的处理方法、装置、设备和存储介质
CN111367597A (zh) * 2018-12-26 2020-07-03 杭州海康威视***技术有限公司 一种颜色切换方法、装置及电子设备
CN112732258A (zh) * 2021-01-11 2021-04-30 中国船舶重工集团公司第七0七研究所 一种基于状态机的动态开关按钮软件实现方法
CN113723614A (zh) * 2021-09-01 2021-11-30 北京百度网讯科技有限公司 用于辅助设计量子电路的方法、装置、设备和介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102483760A (zh) * 2009-08-31 2012-05-30 微软公司 视觉搜索和三维结果
CN102981861A (zh) * 2012-12-12 2013-03-20 上海航天测控通信研究所 一种基于Qt的自定义控件的使用方法
CN106815018A (zh) * 2016-12-27 2017-06-09 国电南瑞科技股份有限公司 有轨电车综合运营调度***人机界面的集成设计方法

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7934156B2 (en) * 2006-09-06 2011-04-26 Apple Inc. Deletion gestures on a portable multifunction device
US10310707B2 (en) * 2016-05-31 2019-06-04 Kyocera Document Solutions Inc. Remote-device-management user interface enabling automatic carryover of selected maintenance-process groups in transitioning among hierachized device groups

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102483760A (zh) * 2009-08-31 2012-05-30 微软公司 视觉搜索和三维结果
CN102981861A (zh) * 2012-12-12 2013-03-20 上海航天测控通信研究所 一种基于Qt的自定义控件的使用方法
CN106815018A (zh) * 2016-12-27 2017-06-09 国电南瑞科技股份有限公司 有轨电车综合运营调度***人机界面的集成设计方法

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
"QLabel,QPushButton,QLineEdit,QComboBox,QCheckBox,QRadioButton,QTextEdit,QTextBrower,QGroupBox,QSL";toto1297488504;《http://blog.csdn.net/tototuzuoquan/article/details/41897973》;20141212;第1-4页 *

Also Published As

Publication number Publication date
CN107291340A (zh) 2017-10-24

Similar Documents

Publication Publication Date Title
CN107291340B (zh) 实现界面效果的方法、计算设备及存储介质
KR102463304B1 (ko) 비디오 처리 방법 및 장치, 전자기기, 컴퓨터 판독 가능한 저장 매체 및 컴퓨터 프로그램
CN107168780B (zh) 虚拟现实场景的加载方法、设备及虚拟现实设备
CN104571874B (zh) 动态切换键盘背景的方法和装置
WO2016045523A1 (zh) 一种移动终端界面内容的显示方法、装置及终端
CN106658139B (zh) 一种焦点控制方法及装置
US10452231B2 (en) Usability improvements for visual interfaces
US20160077726A1 (en) User interface based interaction method and related apparatus
CN113031946B (zh) 一种渲染页面组件的方法和装置
US11169701B2 (en) Display of a virtual keyboard on a supplemental physical display plane surrounding a primary physical display plane on a wearable mobile device
US20160216929A1 (en) Processing application interface
US20220050562A1 (en) Methods and apparatuses for generating a hosted application
CN105094331A (zh) 一种信息处理方法及电子设备
CN110333859B (zh) 页面创建方法、装置、电子设备和计算机可读存储介质
KR20150095523A (ko) 전자 장치 및 전자 장치에서 색상 추출 방법
CN115599206A (zh) 显示控制方法、装置、头戴显示设备及介质
US9600161B2 (en) Generating and displaying a specific area
CN109600558B (zh) 用于生成信息的方法和装置
CN109062645B (zh) 用于终端的处理信息的方法和装置
CN113448635A (zh) 头戴显示设备的配置方法、装置及头戴显示设备
CN112269642A (zh) 基于Windows***的应用程序控制方法、装置、设备和存储介质
CN110888787A (zh) 一种数据监测方法、装置及***
CN112035771A (zh) 基于web的摄像头数据绘制方法、装置及电子设备
CN104850298A (zh) 一种信息处理方法及电子设备
CN110764681A (zh) 应用界面的显示方法、设备、客户端装置及电子设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant