CN108153575B - 一种用于可变宽度软件界面的按钮控件自适应布设方法 - Google Patents
一种用于可变宽度软件界面的按钮控件自适应布设方法 Download PDFInfo
- Publication number
- CN108153575B CN108153575B CN201810053578.1A CN201810053578A CN108153575B CN 108153575 B CN108153575 B CN 108153575B CN 201810053578 A CN201810053578 A CN 201810053578A CN 108153575 B CN108153575 B CN 108153575B
- Authority
- CN
- China
- Prior art keywords
- button control
- max
- button
- software interface
- control
- 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
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种用于可变宽度软件界面的按钮控件自适应布设方法,该方法包括:在软件界面上设置多个固定按钮控件及至少一个下拉弹窗按钮控件,所述固定按钮控件沿软件界面的宽度方向依次排列,所述下拉弹窗按钮控件内设有多个选项,处理过程中,首先对每个按钮控件进行整体组合,之后新增设下拉弹窗按钮控件,当出现按钮控件不能放置时,将其放入下拉弹窗按钮控件中,进而组合得到更加优化的视觉效果,该方法通过对按钮控件的自适应组合、排布,能够优化软件界面中的按钮显示,可有效防止界面中的文字等显示不全,以及避免按钮被隐藏或删除,进而提升软件界面的视觉效果。
Description
技术领域
本发明涉及软件界面内的按钮位置调整方法,尤其涉及一种用于可变宽度软件界面的按钮控件自适应布设方法。
背景技术
现有技术中,许多软件都会涉及多个按钮控件的摆放,如何能够根据软件自身大小来自适应调整多个按钮的位置,是关系到该软件视觉效果的重要部分。目前,在这方面并没有达到很好的自适应效果,只是简单的对控价遮挡或者覆盖。现有的技术一种方案是对无法显示的控件进行遮挡处理,当软件界面的大小缩小到无法将所有按钮控件显示出来时,对部分控价只是遮挡处理,该方案对按钮控件进行遮挡或者覆盖处理时,会出现该空间被部分遮挡,造成文字等显示不全等问题;另外一种技术方案是对无法显示的控件,直接隐藏或删除掉,到软件大小恢复时在显示出来,该方案对不能显示的按钮直接隐藏或删除,会造成用户在使用软件时不能及时体验到隐藏或者被删除的控件,从而影响用户使用。
发明内容
本发明要解决的技术问题在于,针对现有技术的不足,提供一种用于可变宽度软件界面的按钮控件自适应布设方法,该方法通过对按钮控件的自适应组合、排布,能够优化软件界面中的按钮显示,可有效防止界面中的文字等显示不全,以及避免按钮被隐藏或删除,进而提升软件界面的视觉效果。
为解决上述技术问题,本发明采用如下技术方案。
一种用于可变宽度软件界面的按钮控件自适应布设方法,其包括有如下步骤:步骤S1,在软件界面上设置多个固定按钮控件及至少一个下拉弹窗按钮控件,所述固定按钮控件沿软件界面的宽度方向依次排列,所述下拉弹窗按钮控件内设有多个选项(item);步骤S2,系统初始化,将第n个固定按钮控件记为B(n),第n个固定按钮控件的宽度为WB(n),固定按钮控件可放位置的最大宽度方向坐标为Xmax,第n个固定按钮控件的最大宽度方向坐标为B(n)max,第m个下拉弹窗按钮控件记为PB(m),第m个下拉弹窗按钮控件的宽度为WPB(m),第m个下拉弹窗按钮控件的最大宽度方向坐标PB(m)max,下拉弹窗按钮控件中的选项(item)个数为PB(m)count,设定中间变量i=n,j=1;步骤S3,在满足i>0的条件下,判断软件界面内固定按钮控件B(i)的B(i)max和Xmax是否满足Xmax>B(i)max,若是则执行步骤S7,若否则执行步骤S4;步骤S4,在满足j<m的条件下,若下拉弹窗按钮控件PB(j)内的选项(item)个数(PB(j)count+1)未超出限制值L,则执行步骤S5;步骤S5,在下拉弹窗按钮控件PB(j)内增加一个选项(item),令该选项(item)的功能与固定按钮控件B(i)一致,同时隐藏固定按钮控件B(i);步骤S6,更新下拉弹窗按钮控件PB(j)的最大宽度方向坐标PB(j)max:PB(j)max=B((n-j)*(L-1))max+WPB(j);步骤S7,根据所述固定按钮控件和下拉弹窗按钮控件的布设位置更新软件界面。
优选地,所述下拉弹窗按钮控件的数量是多个,多个固定按钮控件由软件界面的左侧向右依次排列,多个下拉弹窗按钮控件由软件界面的右侧向左依次排列。
优选地,所述步骤S4中,若下拉弹窗按钮控件PB(j)内的选项(item)个数(PB(j)count+1)已超出限制值L,则令j=j+1,重新执行步骤S4;
优选地,执行所述步骤S4之后,还包括步骤S50:判断固定按钮控件B(i)的Xmax与下拉弹窗按钮控件PB(1)的PB(1)max是否满足Xmax大于PB(1)max,若是则执行步骤S7,若否则令i=i–1,返回至步骤S3。
本发明公开的用于可变宽度软件界面的按钮控件自适应布设方法中,基于对按钮控件位置的自适应调整过程,可以在软件界面宽度随意变化的情况下,根据当前界面的大小自适应调整按钮的排布,通过这种排布,可以在对应的软件界面内合理搭配按钮,从而提升软件界面的整体视觉效果,增强用户的使用体验,整个过程中。本发明首先对每个按钮控件进行整体组合,之后新增设下拉弹窗按钮控件,当出现按钮控件不能放置时,将其放入下拉弹窗按钮控件中,进而组合得到更加优化的视觉效果。相比现有技术而言,本发明通过对按钮控件的自适应组合、排布,能够优化软件界面中的按钮显示,可有效防止界面中的文字等显示不全,以及避免按钮被隐藏或删除,大大提升了软件界面的视觉效果。
附图说明
图1为本发明方法的流程图。
图2为利用本发明方法处理后的按钮排布示意图。
图3为本发明一种实施例中的按钮排布示意图。
图4为本发明另一种实施例中的按钮排布示意图。
具体实施方式
下面结合附图和实施例对本发明作更加详细的描述。
本发明公开了一种用于可变宽度软件界面的按钮控件自适应布设方法,结合图1和图2所示,其包括有如下步骤:
步骤S1,在软件界面上设置多个固定按钮控件及至少一个下拉弹窗按钮控件,所述固定按钮控件沿软件界面的宽度方向依次排列,所述下拉弹窗按钮控件内设有多个选项(item);
步骤S2,系统初始化,将第n个固定按钮控件记为B(n),第n个固定按钮控件的宽度为WB(n),固定按钮控件可放位置的最大宽度方向坐标为Xmax,第n个固定按钮控件的最大宽度方向坐标为B(n)max,第m个下拉弹窗按钮控件记为PB(m),第m个下拉弹窗按钮控件的宽度为WPB(m),第m个下拉弹窗按钮控件的最大宽度方向坐标PB(m)max,下拉弹窗按钮控件中的选项(item)个数为PB(m)count,设定中间变量i=n,j=1;
步骤S3,在满足i>0的条件下,判断软件界面内固定按钮控件B(i)的B(i)max和Xmax是否满足Xmax>B(i)max,若是则执行步骤S7,若否则执行步骤S4;
步骤S4,在满足j<m的条件下,若下拉弹窗按钮控件PB(j)内的选项(item)个数(PB(j)count+1)未超出限制值L,则执行步骤S5;
步骤S5,在下拉弹窗按钮控件PB(j)内增加一个选项(item),令该选项(item)的功能与固定按钮控件B(i)一致,同时隐藏固定按钮控件B(i);
步骤S6,更新下拉弹窗按钮控件PB(j)的最大宽度方向坐标PB(j)max:
PB(j)max=B((n-j)*(L-1))max+WPB(j);
步骤S7,根据所述固定按钮控件和下拉弹窗按钮控件的布设位置更新软件界面。
上述方法中,基于对按钮控件位置的自适应调整过程,可以在软件界面宽度随意变化的情况下,根据当前界面的大小自适应调整按钮的排布,通过这种排布,可以在对应的软件界面内合理搭配按钮,从而提升软件界面的整体视觉效果,增强用户的使用体验,整个过程中。本发明首先对每个按钮控件进行整体组合,之后新增设下拉弹窗按钮控件,当出现按钮控件不能放置时,将其放入下拉弹窗按钮控件中,进而组合得到更加优化的视觉效果。相比现有技术而言,本发明通过对按钮控件的自适应组合、排布,能够优化软件界面中的按钮显示,可有效防止界面中的文字等显示不全,以及避免按钮被隐藏或删除,大大提升了软件界面的视觉效果。
本实施例中,所述下拉弹窗按钮控件的数量是多个,多个固定按钮控件由软件界面的左侧向右依次排列,多个下拉弹窗按钮控件由软件界面的右侧向左依次排列。
进一步地,所述步骤S4中,若下拉弹窗按钮控件PB(j)内的选项(item)个数(PB(j)count+1)已超出限制值L,则令j=j+1,重新执行步骤S4;
作为一种优选方式,执行所述步骤S4之后,还包括步骤S50:判断固定按钮控件B(i)的Xmax与下拉弹窗按钮控件PB(1)的PB(1)max是否满足Xmax大于PB(1)max,若是则执行步骤S7,若否则令i=i–1,返回至步骤S3。
本发明在实际应用过程中,还可以按照如图3和图4所示的布局进行排布,进而满足应用要求。当用户改变软件的大小时,按钮自适应调整的优选实施例如下:
步骤A,初始化:i=n,j=1,当用户更改软件窗口大小时,Xmax发生变化;
步骤B,如果i>0,当前界面下的按钮最大位置B(i)max和Xmax比较,如果Xmax小于B(i)max,则执行步骤C,否则执行步骤H;
步骤C,如果j<m此时判断下拉弹窗按钮PB(j)的item的个数(PB(j)count+1)是否超出限制值L;
步骤D,如果步骤C没有超出限制,则在下拉弹窗按钮PB(j)中加一个item,该item的功能和按钮B(i)一致,并且隐藏B(i)按钮;
步骤E,更新各个控件按钮的最大X坐标:PB(j)max=B(n-j*L-1)max+WPB(j);
步骤F,如果步骤C超出限制,j=j+1;跳转到步骤C;
步骤G,所能放最大X坐标Xmax和下拉弹窗按钮PB(1)的X坐标标比较,如果Xmax大于PB(1)max,则执行步骤H否则i=i–1,跳转到步骤B;
步骤H,根据各个按钮的位置frame,更新视觉展示。
本发明公开的用于可变宽度软件界面的按钮控件自适应布设方法,其通过对按钮的自由组合,采用一种自适应的逻辑方法处理,能够最优化的显示按钮,进而提升软件的体验视觉效果。
以上所述只是本发明较佳的实施例,并不用于限制本发明,凡在本发明的技术范围内所做的修改、等同替换或者改进等,均应包含在本发明所保护的范围内。
Claims (2)
1.一种用于可变宽度软件界面的按钮控件自适应布设方法,其特征在于,包括有如下步骤:
步骤S1,在软件界面上设置多个固定按钮控件及至少一个下拉弹窗按钮控件,所述固定按钮控件沿软件界面的宽度方向依次排列,所述下拉弹窗按钮控件内设有多个选项(item),其中,所述下拉弹窗按钮控件的数量是多个,多个固定按钮控件由软件界面的左侧向右依次排列,多个下拉弹窗按钮控件由软件界面的右侧向左依次排列;
步骤S2,系统初始化,将第n个固定按钮控件记为B(n),第n个固定按钮控件的宽度为WB(n),固定按钮控件可放位置的最大宽度方向坐标为Xmax,第n个固定按钮控件的最大宽度方向坐标为B(n)max,第m个下拉弹窗按钮控件记为PB(m),第m个下拉弹窗按钮控件的宽度为WPB(m),第m个下拉弹窗按钮控件的最大宽度方向坐标PB(m)max,下拉弹窗按钮控件中的选项(item)个数为PB(m)count,设定中间变量i=n,j=1;
步骤S3,在满足i>0的条件下,判断软件界面内固定按钮控件B(i)的B(i)max和Xmax是否满足Xmax>B(i)max,若是则执行步骤S7,若否则执行步骤S4;
步骤S4,在满足j<m的条件下,若下拉弹窗按钮控件PB(j)内的选项(item)个数(PB(j)count+1)未超出限制值L,则执行步骤S5;若下拉弹窗按钮控件PB(j)内的选项(item)个数(PB(j)count+1)已超出限制值L,则令j=j+1,重新执行步骤S4;
步骤S5,在下拉弹窗按钮控件PB(j)内增加一个选项(item),令该选项(item)的功能与固定按钮控件B(i)一致,同时隐藏固定按钮控件B(i);
步骤S6,更新下拉弹窗按钮控件PB(j)的最大宽度方向坐标PB(j)max:
PB(j)max=B(n-(j-1)*L-1)max+WPB(j);
步骤S7,根据所述固定按钮控件和下拉弹窗按钮控件的布设位置更新软件界面。
2.如权利要求1所述的用于可变宽度软件界面的按钮控件自适应布设方法,其特征在于,执行所述步骤S6之后,还包括步骤S50:判断固定按钮控件B(i)的Xmax与下拉弹窗按钮控件PB(1)的PB(1)max是否满足Xmax大于PB(1)max,若是则执行步骤S7,若否则令i=i–1,返回至步骤S3。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810053578.1A CN108153575B (zh) | 2018-01-19 | 2018-01-19 | 一种用于可变宽度软件界面的按钮控件自适应布设方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810053578.1A CN108153575B (zh) | 2018-01-19 | 2018-01-19 | 一种用于可变宽度软件界面的按钮控件自适应布设方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108153575A CN108153575A (zh) | 2018-06-12 |
CN108153575B true CN108153575B (zh) | 2021-07-20 |
Family
ID=62461656
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810053578.1A Active CN108153575B (zh) | 2018-01-19 | 2018-01-19 | 一种用于可变宽度软件界面的按钮控件自适应布设方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108153575B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110599899A (zh) * | 2019-09-19 | 2019-12-20 | Oppo广东移动通信有限公司 | 标签显示方法、装置、电子设备以及存储介质 |
CN116226267A (zh) * | 2023-05-05 | 2023-06-06 | 北京路浩知识产权集团有限公司 | 企业内部知识产权数据的处理方法、装置、设备及介质 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102012787B (zh) * | 2010-11-19 | 2012-12-05 | 互动在线(北京)科技有限公司 | 层叠样式表实现非固定区域随浏览器高/宽度自适应方法 |
WO2015070070A1 (en) * | 2013-11-07 | 2015-05-14 | Touchtunes Music Corporation | Techniques for generating electronic menu graphical user interface layouts for use in connection with electronic devices |
CN105528200B (zh) * | 2014-09-30 | 2020-06-26 | 腾讯科技(深圳)有限公司 | 浏览器标签页的显示方法及装置 |
CN105786920B (zh) * | 2014-12-26 | 2018-12-14 | 阿里巴巴集团控股有限公司 | 界面标签的展现方法和装置 |
-
2018
- 2018-01-19 CN CN201810053578.1A patent/CN108153575B/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN108153575A (zh) | 2018-06-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108153575B (zh) | 一种用于可变宽度软件界面的按钮控件自适应布设方法 | |
US9910557B2 (en) | Intent-based graphical user interface window control | |
AU2014202127B2 (en) | A method and apparatus to reduce display lag using image overlay | |
JP5374681B2 (ja) | ゲーム装置及びプログラム | |
JP2018049647A5 (zh) | ||
WO2015144022A1 (zh) | 一种调整图标显示方式的方法及装置 | |
EP3614660A1 (en) | Video image processing method and device | |
CN103034800B (zh) | 用于拦截弹窗的装置和方法 | |
CN109168068A (zh) | 视频处理方法、装置、电子设备及计算机可读介质 | |
EP3207450B1 (en) | Display system with a virtual display | |
CN107408401B (zh) | 用于图像的简化调整的用户滑块 | |
US10073543B2 (en) | Image segmentation device and image segmentation method | |
US20180032240A1 (en) | Image processing apparatus, method, and program using depression time input | |
US9489104B2 (en) | Viewable frame identification | |
CN110018759A (zh) | 界面显示方法、装置、终端及存储介质 | |
CN108459783A (zh) | 虚拟键盘的控制方法、装置及设备、可读介质 | |
KR102206047B1 (ko) | 단말 및 디스플레이 지연 감소 방법 및 장치 | |
DE102015122760A1 (de) | Aufnahme von handschriftzügen | |
US8591331B1 (en) | Display control system, display control method, display control device, and computer-readable storage medium | |
US9741144B2 (en) | Seamless compositing using a soft selection | |
US8543942B1 (en) | Method and system for touch-friendly user interfaces | |
US20140223328A1 (en) | Apparatus and method for automatically controlling display screen density | |
JP2014119621A5 (zh) | ||
CN112667343B (zh) | 一种界面调整方法、装置、设备及存储介质 | |
JP2022022451A5 (ja) | プログラム、制御方法および情報処理装置 |
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 |