CN108121487A - 一种用于移动终端应用程序的按钮管理模块及方法 - Google Patents
一种用于移动终端应用程序的按钮管理模块及方法 Download PDFInfo
- Publication number
- CN108121487A CN108121487A CN201810054651.7A CN201810054651A CN108121487A CN 108121487 A CN108121487 A CN 108121487A CN 201810054651 A CN201810054651 A CN 201810054651A CN 108121487 A CN108121487 A CN 108121487A
- Authority
- CN
- China
- Prior art keywords
- button
- switch
- module
- interfaces
- mobile terminal
- 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.)
- Withdrawn
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction 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
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)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种用于移动终端应用程序的按钮管理模块,其包括有UI界面,所述UI界面内设有至少一个开关按钮以及与每个按钮开关相对应的多个操作按钮,所述模块用于:当所述开关按钮无点击操作时,将该按钮开关所对应的多个操作按钮隐藏;当用户点击所述开关按钮时,将该按钮开关所对应的多个操作按钮显示于UI界面内。本发明不仅能避免占用UI界面,还能够指引用户主动了解可操作的按钮,帮助用户掌握操作特性,此外,该模块和方法可避免打断用户当前的浏览行为,方便用户个性化设置所需展示的数据,有助于用户更好的分析数据内容,进而提高用户体验。
Description
技术领域
本发明涉及应用程序界面管理方法,尤其涉及一种用于移动终端应用程序的按钮管理模块及方法。
背景技术
手机等移动终端的屏幕相比电脑显示器而言显得较为局限,可展示的区域小,因此在UI排版布局上,比较难处理。尤其是需要展示复杂数据时,考虑到数据的全面性、准确性、清晰性,需要充分利用到整个屏幕布局展示,而当界面可操作的点比较多时候,还需要占用界面部分空间排布操作按钮。
现有技术中的一种方法是利用“侧栏展示操作按钮”,该方案是在应用界面固定的一个侧栏展示所有可操作按钮,缺点是占用界面空间,影响数据、正文部分的展示,用户体验较差,同时侧栏的存在感低,不能很好的引导用户主动了解可操作特性。
现有技术中的另一种方法是利用“新增页面展示操作按钮”,该方案是将操作按钮统一到新页面,在数据展示页面提供入口进入操作页面,操作后返回到数据页面。该方案优点很明显,操作按钮不占用数据展示页面,但缺点是打断用户当前的浏览行为,而且用户操作无法和数据展示部分对应起来,往往需要多次切换页面、多次操作后才能达到相应目的,同时,用户很难发现可操作特性,进而造成功能性的缺失,用户体验非常差。
发明内容
本发明要解决的技术问题在于,针对现有技术的不足,提供一种用于移动终端应用程序的按钮管理模块及方法,该模块和方法不仅能避免占用UI界面,还能够指引用户主动了解可操作的按钮,帮助用户掌握操作特性,此外,该模块和方法可避免打断用户当前的浏览行为,方便用户个性化设置所需展示的数据,有助于用户更好的分析数据内容,进而提高用户体验。
为解决上述技术问题,本发明采用如下技术方案。
一种用于移动终端应用程序的按钮管理模块,其包括有UI界面,所述UI界面内设有至少一个开关按钮以及与每个按钮开关相对应的多个操作按钮,所述模块用于:当所述开关按钮无点击操作时,将该按钮开关所对应的多个操作按钮隐藏;当用户点击所述开关按钮时,将该按钮开关所对应的多个操作按钮显示于UI界面内。
优选地,当用户点击所述开关按钮时,所述模块将多个操作按钮显示于该开关按钮的相邻处。
优选地,当用户点击所述开关按钮时,多个操作按钮以横向排列或纵向排列的方式显示于UI界面内。
优选地,所述模块预设有操作按钮的数量限值n,所述模块还用于判断每个按钮开关所对应的操作按钮的数量是否小于数量限值n,若是,则将所述操作按钮显示于UI界面内,若否,则将所述操作按钮隐藏。
优选地,当所述按钮开关所对应的操作按钮的数量小于数量限值n时,将该按钮开关隐藏。
一种用于移动终端应用程序的按钮管理方法,该方法基于一模块实现,所述模块包括有UI界面,所述UI界面内设有至少一个开关按钮以及与每个按钮开关相对应的多个操作按钮,所述方法包括如下步骤:步骤S1,所述模块监测所述开关按钮有无点击操作,若无,则执行步骤S2,若有,则执行步骤S3;步骤S2,所述模块将该按钮开关所对应的多个操作按钮隐藏;步骤S3,所述模块将该按钮开关所对应的多个操作按钮显示于UI界面内。
优选地,所述步骤S3中,当用户点击所述开关按钮时,所述模块将多个操作按钮显示于该开关按钮的相邻处。
优选地,所述步骤S3中,当用户点击所述开关按钮时,多个操作按钮以横向排列或纵向排列的方式显示于UI界面内。
优选地,所述模块预设有操作按钮的数量限值n,所述方法还包括按钮数量判断步骤:所述模块判断每个按钮开关所对应的操作按钮的数量是否小于数量限值n,若是,则将所述操作按钮显示于UI界面内,若否,则将所述操作按钮隐藏。
优选地,所述按钮数量判断步骤中:当所述按钮开关所对应的操作按钮的数量小于数量限值n时,将该按钮开关隐藏。
本发明公开的用于移动终端应用程序的按钮管理模块中,所述模块实时监测所述开关按钮有无点击操作,若无,则所述模块将该按钮开关所对应的多个操作按钮隐藏,若有,则所述模块将该按钮开关所对应的多个操作按钮显示于UI界面内。基于上述模块,使得本发明实现了将繁多的操作按钮收藏于一个开关按钮之下,以抽屉式弹出收起操作按钮。相比现有技术而言,本发明统一整理应用界面的操作按钮,不占用界面空间,不影响用户界面浏览,也不影响用户操作需求,同时,本发明还能够指引用户主动了解可操作的按钮,帮助用户掌握操作特性,此外,本发明可避免打断用户当前的浏览行为,方便用户个性化设置所需展示的数据,有助于用户更好的分析数据内容,进而提高用户体验。
附图说明
图1为本发明方法的流程图。
图2为本发明优选实施例中用户操作过程的流程图。
图3为开关按钮无点击操作时的UI界面示意图。
图4为用户点击开关按钮时的UI界面示意图。
具体实施方式
下面结合附图和实施例对本发明作更加详细的描述。
本发明公开了一种用于移动终端应用程序的按钮管理模块,其包括有UI界面,所述UI界面内设有至少一个开关按钮以及与每个按钮开关相对应的多个操作按钮,所述模块用于:
当所述开关按钮无点击操作时,将该按钮开关所对应的多个操作按钮隐藏;
当用户点击所述开关按钮时,将该按钮开关所对应的多个操作按钮显示于UI界面内。
上述模块中,所述模块实时监测所述开关按钮有无点击操作,若无,则所述模块将该按钮开关所对应的多个操作按钮隐藏,若有,则所述模块将该按钮开关所对应的多个操作按钮显示于UI界面内。基于上述模块,使得本发明实现了将繁多的操作按钮收藏于一个开关按钮之下,以抽屉式弹出收起操作按钮。相比现有技术而言,本发明统一整理应用界面的操作按钮,不占用界面空间,不影响用户界面浏览,也不影响用户操作需求,同时,本发明还能够指引用户主动了解可操作的按钮,帮助用户掌握操作特性,此外,本发明可避免打断用户当前的浏览行为,方便用户个性化设置所需展示的数据,有助于用户更好的分析数据内容,进而提高用户体验。
作为一种优选方式,所述开关按钮采用半透明状设置,以浮窗式置于界面上,浮窗式开关按钮更具有神秘感,能够指引用户展开按钮,了解和使用支持的操作。
本实施例中,当用户点击所述开关按钮时,所述模块将多个操作按钮显示于该开关按钮的相邻处。进一步地,当用户点击所述开关按钮时,多个操作按钮以横向排列或纵向排列的方式显示于UI界面内。
为了针对不同数量的操作按钮作出合理设置,所述模块预设有操作按钮的数量限值n,所述模块还用于判断每个按钮开关所对应的操作按钮的数量是否小于数量限值n,若是,则将所述操作按钮显示于UI界面内,若否,则将所述操作按钮隐藏。进一步地,当所述按钮开关所对应的操作按钮的数量小于数量限值n时,将该按钮开关隐藏。
为了更好地描述本发明的技术方案,本发明还公开了一种用于移动终端应用程序的按钮管理方法,结合图1至图4所示,该方法基于一模块实现,所述模块包括有UI界面,所述UI界面内设有至少一个开关按钮以及与每个按钮开关相对应的多个操作按钮,所述方法包括如下步骤:
步骤S1,所述模块监测所述开关按钮有无点击操作,若无,则执行步骤S2,若有,则执行步骤S3;
步骤S2,所述模块将该按钮开关所对应的多个操作按钮隐藏;
步骤S3,所述模块将该按钮开关所对应的多个操作按钮显示于UI界面内。
上述方法的步骤S3中,当用户点击所述开关按钮时,所述模块将多个操作按钮显示于该开关按钮的相邻处。进一步地,所述步骤S3中,当用户点击所述开关按钮时,多个操作按钮以横向排列或纵向排列的方式显示于UI界面内。
作为一种优选方式,所述模块预设有操作按钮的数量限值n,所述方法还包括按钮数量判断步骤:所述模块判断每个按钮开关所对应的操作按钮的数量是否小于数量限值n,若是,则将所述操作按钮显示于UI界面内,若否,则将所述操作按钮隐藏。
进一步地,所述按钮数量判断步骤中:当所述按钮开关所对应的操作按钮的数量小于数量限值n时,将该按钮开关隐藏。
本发明在实际应用过程中,可参考如下实施例:
1、当进入页面时,判断该页面可操作按钮的数量,决定是否隐藏开关按钮直接展示所有可操作按钮;、
2、如果可操作按钮数量较多,根据用户上次在该页面对开关的操作行为决定是否收起和展开所有按钮。
3、当用户操作开关按钮的结束后,需要将开关按钮的状态,记录到App本地文件中,每次重新进入页面时从文件获取开关按钮状态,从而决定是否展开操作按钮。
本发明公开的用于移动终端应用程序的按钮管理模块及方法中,当操作按钮数量多时,自动出现抽屉式开关按钮,隐蔽所用操作按钮,使界面美观整洁,方便用户浏览,当操作按钮数量多少时,不累赘展示抽屉式开关按钮,操作按钮直接展示在页面,更具智能化和人性化。
以上所述只是本发明较佳的实施例,并不用于限制本发明,凡在本发明的技术范围内所做的修改、等同替换或者改进等,均应包含在本发明所保护的范围内。
Claims (10)
1.一种用于移动终端应用程序的按钮管理模块,其特征在于,包括有UI界面,所述UI界面内设有至少一个开关按钮以及与每个按钮开关相对应的多个操作按钮,所述模块用于:
当所述开关按钮无点击操作时,将该按钮开关所对应的多个操作按钮隐藏;
当用户点击所述开关按钮时,将该按钮开关所对应的多个操作按钮显示于UI界面内。
2.如权利要求1所述的用于移动终端应用程序的按钮管理模块,其特征在于,当用户点击所述开关按钮时,所述模块将多个操作按钮显示于该开关按钮的相邻处。
3.如权利要求1所述的用于移动终端应用程序的按钮管理模块,其特征在于,当用户点击所述开关按钮时,多个操作按钮以横向排列或纵向排列的方式显示于UI界面内。
4.如权利要求1所述的用于移动终端应用程序的按钮管理模块,其特征在于,所述模块预设有操作按钮的数量限值n,所述模块还用于判断每个按钮开关所对应的操作按钮的数量是否小于数量限值n,若是,则将所述操作按钮显示于UI界面内,若否,则将所述操作按钮隐藏。
5.如权利要求4所述的用于移动终端应用程序的按钮管理模块,其特征在于,当所述按钮开关所对应的操作按钮的数量小于数量限值n时,将该按钮开关隐藏。
6.一种用于移动终端应用程序的按钮管理方法,其特征在于,该方法基于一模块实现,所述模块包括有UI界面,所述UI界面内设有至少一个开关按钮以及与每个按钮开关相对应的多个操作按钮,所述方法包括如下步骤:
步骤S1,所述模块监测所述开关按钮有无点击操作,若无,则执行步骤S2,若有,则执行步骤S3;
步骤S2,所述模块将该按钮开关所对应的多个操作按钮隐藏;
步骤S3,所述模块将该按钮开关所对应的多个操作按钮显示于UI界面内。
7.如权利要求6所述的用于移动终端应用程序的按钮管理方法,其特征在于,所述步骤S3中,当用户点击所述开关按钮时,所述模块将多个操作按钮显示于该开关按钮的相邻处。
8.如权利要求6所述的用于移动终端应用程序的按钮管理方法,其特征在于,所述步骤S3中,当用户点击所述开关按钮时,多个操作按钮以横向排列或纵向排列的方式显示于UI界面内。
9.如权利要求6所述的用于移动终端应用程序的按钮管理方法,其特征在于,所述模块预设有操作按钮的数量限值n,所述方法还包括按钮数量判断步骤:所述模块判断每个按钮开关所对应的操作按钮的数量是否小于数量限值n,若是,则将所述操作按钮显示于UI界面内,若否,则将所述操作按钮隐藏。
10.如权利要求9所述的用于移动终端应用程序的按钮管理方法,其特征在于,所述按钮数量判断步骤中:当所述按钮开关所对应的操作按钮的数量小于数量限值n时,将该按钮开关隐藏。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810054651.7A CN108121487A (zh) | 2018-01-19 | 2018-01-19 | 一种用于移动终端应用程序的按钮管理模块及方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810054651.7A CN108121487A (zh) | 2018-01-19 | 2018-01-19 | 一种用于移动终端应用程序的按钮管理模块及方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN108121487A true CN108121487A (zh) | 2018-06-05 |
Family
ID=62233104
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810054651.7A Withdrawn CN108121487A (zh) | 2018-01-19 | 2018-01-19 | 一种用于移动终端应用程序的按钮管理模块及方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108121487A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109618214A (zh) * | 2018-12-19 | 2019-04-12 | 北京字节跳动网络技术有限公司 | 信息显示方法、装置和电子设备 |
CN111309416A (zh) * | 2020-01-19 | 2020-06-19 | 北京字节跳动网络技术有限公司 | 应用界面的信息显示方法、装置、设备及可读介质 |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120293437A1 (en) * | 2010-04-30 | 2012-11-22 | Yongli Zuo | Method and device for adjusting layout of control buttons |
CN103049250A (zh) * | 2011-10-14 | 2013-04-17 | 腾讯科技(深圳)有限公司 | 控制界面的方法和终端 |
CN103186321A (zh) * | 2011-12-27 | 2013-07-03 | 上海博泰悦臻电子设备制造有限公司 | 控制屏幕上菜单的方法及装置 |
CN103294398A (zh) * | 2013-05-08 | 2013-09-11 | 深圳Tcl新技术有限公司 | 基于悬浮式虚拟窗口操控显示终端的方法和装置 |
CN103941958A (zh) * | 2013-01-23 | 2014-07-23 | 腾讯科技(深圳)有限公司 | 一种桌面管理的方法及终端设备 |
CN104156119A (zh) * | 2014-08-20 | 2014-11-19 | 广东欧珀移动通信有限公司 | 一种对抽屉式控件的触控响应方法及装置 |
CN104216632A (zh) * | 2014-08-26 | 2014-12-17 | 小米科技有限责任公司 | 应用图标的显示方法及装置 |
CN106201209A (zh) * | 2016-07-15 | 2016-12-07 | 合信息技术(北京)有限公司 | 显示控制方法和设备 |
CN106201219A (zh) * | 2016-07-28 | 2016-12-07 | 宇龙计算机通信科技(深圳)有限公司 | 应用程序功能快捷调用方法及*** |
CN107132971A (zh) * | 2016-02-29 | 2017-09-05 | 福建兑信科技有限公司 | 一种移动终端操作界面的控制方法、***及移动终端 |
-
2018
- 2018-01-19 CN CN201810054651.7A patent/CN108121487A/zh not_active Withdrawn
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120293437A1 (en) * | 2010-04-30 | 2012-11-22 | Yongli Zuo | Method and device for adjusting layout of control buttons |
CN103049250A (zh) * | 2011-10-14 | 2013-04-17 | 腾讯科技(深圳)有限公司 | 控制界面的方法和终端 |
CN103186321A (zh) * | 2011-12-27 | 2013-07-03 | 上海博泰悦臻电子设备制造有限公司 | 控制屏幕上菜单的方法及装置 |
CN103941958A (zh) * | 2013-01-23 | 2014-07-23 | 腾讯科技(深圳)有限公司 | 一种桌面管理的方法及终端设备 |
CN103294398A (zh) * | 2013-05-08 | 2013-09-11 | 深圳Tcl新技术有限公司 | 基于悬浮式虚拟窗口操控显示终端的方法和装置 |
CN104156119A (zh) * | 2014-08-20 | 2014-11-19 | 广东欧珀移动通信有限公司 | 一种对抽屉式控件的触控响应方法及装置 |
CN104216632A (zh) * | 2014-08-26 | 2014-12-17 | 小米科技有限责任公司 | 应用图标的显示方法及装置 |
CN107132971A (zh) * | 2016-02-29 | 2017-09-05 | 福建兑信科技有限公司 | 一种移动终端操作界面的控制方法、***及移动终端 |
CN106201209A (zh) * | 2016-07-15 | 2016-12-07 | 合信息技术(北京)有限公司 | 显示控制方法和设备 |
CN106201219A (zh) * | 2016-07-28 | 2016-12-07 | 宇龙计算机通信科技(深圳)有限公司 | 应用程序功能快捷调用方法及*** |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109618214A (zh) * | 2018-12-19 | 2019-04-12 | 北京字节跳动网络技术有限公司 | 信息显示方法、装置和电子设备 |
CN111309416A (zh) * | 2020-01-19 | 2020-06-19 | 北京字节跳动网络技术有限公司 | 应用界面的信息显示方法、装置、设备及可读介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106484242B (zh) | 界面的信息显示方法和装置 | |
CN102789360B (zh) | 一种智能终端文本输入显示方法及装置 | |
CN103049250B (zh) | 控制界面的方法和终端 | |
CN103218138B (zh) | 触控终端及其应用程序切换方法 | |
CN105094557B (zh) | 一种显示控制方法及装置、电子设备 | |
CN102819416B (zh) | 一种实现组件内容显示的方法和装置 | |
CN102455857B (zh) | 一种移动终端浏览器中的快速链接实现方法和*** | |
CN104391636B (zh) | 一种截屏方法及装置 | |
CN104636321B (zh) | 文本显示方法及装置 | |
CN103106005A (zh) | 整理移动设备状态栏图标的方法和装置 | |
CN103324439B (zh) | 在具有触控屏的电子设备中批量标记文件的方法及其装置 | |
CN103744671A (zh) | 一种信息处理的方法及电子设备 | |
CN104462516B (zh) | 一种信息提示方法及移动终端 | |
CN103118197A (zh) | 一种触屏移动终端及其短信显示方法 | |
CN103631475A (zh) | 切换窗口的方法和装置 | |
CN104166494B (zh) | 页面控制方法及装置 | |
CN106610778A (zh) | 一种双屏移动终端控制方法及双屏移动终端 | |
CN108121487A (zh) | 一种用于移动终端应用程序的按钮管理模块及方法 | |
CN105183314B (zh) | 一种亮屏时长调节方法及移动终端 | |
CN103809852A (zh) | 在同一屏幕上同时显示多个应用程序的方法及装置 | |
CN102566900A (zh) | 一种上下文工具条的显示控制方法 | |
CN107765556A (zh) | 立体图形显示的智能家居产品人机交互界面 | |
CN105242832B (zh) | 一种锁屏信息流的展示方法及装置 | |
CN109471835A (zh) | 一种应用程序的页面显示方法、装置及存储介质 | |
CN106095467A (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 | ||
WW01 | Invention patent application withdrawn after publication |
Application publication date: 20180605 |
|
WW01 | Invention patent application withdrawn after publication |