CN113778439B - 一种基于Android***的功能双页布局UI设计方法 - Google Patents
一种基于Android***的功能双页布局UI设计方法 Download PDFInfo
- Publication number
- CN113778439B CN113778439B CN202110932091.2A CN202110932091A CN113778439B CN 113778439 B CN113778439 B CN 113778439B CN 202110932091 A CN202110932091 A CN 202110932091A CN 113778439 B CN113778439 B CN 113778439B
- Authority
- CN
- China
- Prior art keywords
- layout
- menu
- page
- display
- modifying
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明揭示了一种基于Android***的功能双页布局UI设计方法，修改默认的UI布局，利用线性布局、层叠式布局和基本控件实现左右两块UI显示，并将左右两块UI显示作为基础窗口的布局；对SettingsActivity类的onCreate方法进行修改，得出双页展示的信息，然后将数据页面化展示，同时复写onPreferenceStartFragment方法，处理菜单点击逻辑；让SettingsPreferenceFragment复写onPreferenceTreeClick方法和onPreferenceStartFragment方法，在这两个方法中实现对本页面菜单点击的响应控制；改造SubSettingLauncher，添加双页显示的必要信息，同时通过改造后的SubSettingLauncher传递给SettingsActivity需要显示的数据。本发明设计合理，能够实现菜单间快速跳转，操作自然流畅并可自定义右侧动画加载效果，解决了单页显示数据交替显示、操作冗余问题。
Description
技术领域
本发明涉及UI布局设计领域，特别是涉及一种基于Android***的功能双页布局UI设计方法。
背景技术
目前Android平台基本Setting采用单页显示，一个菜单栏即可显示一个操作单页，当一个操作页操作完成需要返回根菜单才可以进行操作，同时在大分辨率和尺寸显示界面美观度也受影响。
单页显示下的主要特点为：1、数据单向传递，2、单维度操作：a.同一页面下只能操作同一个菜单模块里的内容；b.如若进入其它页面必须返回到根目录，3、页面叠加数据返回。单页显示给用户的使用带来了不便，大大降低了用户的使用体验，存在一定的缺陷。
发明内容
本发明的目的在于，提供一种基于Android***的功能双页布局UI设计方法，能够实现菜单间快速跳转，操作自然流畅并可自定义右侧动画加载效果，解决单页显示数据交替显示、操作冗余问题。
为解决上述技术问题，本发明提供一种基于Android***的功能双页布局UI设计方法，包括如下步骤：
S100、修改默认的UI布局，利用线性布局作为最外层框架，配合层叠式布局和基本控件实现左右两块UI显示，并将左右两块UI显示作为基础窗口的布局；
S200、对SettingsActivity类的onCreate方法进行修改，在解析Intent和Bundle时，得出双页展示的信息，然后将数据页面化展示，同时复写onPreferenceStartFragment方法，处理菜单点击逻辑；
S300、让SettingsPreferenceFragment复写onPreferenceTreeClick方法和onPreferenceStartFragment方法，在这两个方法中实现对本页面菜单点击的响应控制；
S400、改造SubSettingLauncher，添加双页显示的必要信息，同时通过改造后的SubSettingLauncher传递给SettingsActivity需要显示的数据。
进一步的，在步骤S100中，修改默认的UI布局具体步骤包括：
S101、定义顶层布局为线性布局LinearLayout，并修改其排版为水平方向；
S102、在顶层布局内，添加两个子集布局，左边为FrameLayout，右边为LinearLayout，通过设置布局属性：weight权重，动态扩展左右布局的宽度；
S103、左边布局添加三个子布局控件，分别用于，菜单头部信息展示区域、分界线区域以及一级菜单展示区域，布局类型为LinearLayout、View和LinearLayout依次排列；
S104、右边布局在LinearLayout上设置其内部排列方式为垂直排列并搭配层叠布局FrameLayout来展示具体的菜单信息，展示区采用LinearLayout布局。
进一步的，在步骤S100中，所述基本控件包括：顶级布局控件LinearLayout和FrameLayout、通用控件View、工具栏控件Toolbar、按钮控件SwitchBar、Button、TextView、EditText、PreferenceImageView。
进一步的，在步骤S200中，处理菜单点击逻辑具体步骤包括：
S201、点击菜单事件触发并携带具体的菜单信息，向上传递事件；
S202、当SettingsActivity运行到onCreate时，通过解析Intent，获取到需要处理的菜单信息；
S203、依据解析的菜单信息，判断出需要跳转的页面或需要处理的数据，并作出对应的响应。
进一步的，在步骤S300中，响应控制具体步骤包括：
S301、当点击菜单时，先触发onPreferenceClickListener方法，对点击进行第一次处理，并必须要返回一个布尔值，标识是否已经处理了该消息且是否需要再继续向上传递；
S302、当S301处理完后，就会调用onPreferenceTreeClick方法，在该方法中处理具体的数据逻辑包括但不限于Intent的跳转。
S303、依据S302的处理结果，返回true或者false。
进一步的，在步骤S400中，必要信息包括：
菜单坐标偏移标识、菜单标识符，利用二者来控制前后跳转时一级菜单对应状态；
复写lunch方法，用于加入带参类型并修改原始lunch方法的实现方式；
修改toIntent方法，将新添加的菜单信息组装到发送数据集合Intent中。
进一步的，在步骤S400中，通过改造后的SubSettingLauncher传递给SettingsActivity需要显示的数据的具体步骤包括：
S401、添加返回栈清除标志，调用方法setClearFlag，参数为布尔类型，该参数会在Activity创建过程回调中执行；
S402、设置菜单选项偏移坐标，包含两部分，坐标position和偏移offset。组合控制一级菜单的显示状态；
S403、通过调用toIntent方法组装数据，将上述参数于原始参数一并打包传递给目标对象。
相比于现有技术，本发明至少具有以下有益效果：
本发明提供的双页布局UI设计实现了双页显示，解决了不同页面数据传递困难、解决了UI页面更新困难或状态恢复的难点，并且无需关注具体的内部逻辑，对原有Settings入侵性很小，极大地方便了在大屏Android设备中使用，能够实现菜单间快速跳转，操作自然流畅并可自定义右侧动画加载效果，解决了单页显示数据交替显示、操作冗余问题。
附图说明
图1为本发明一种基于Android***的功能双页布局UI设计方法的流程图；
图2为本发明一种基于Android***的功能双页布局UI设计方法的流程框图。
具体实施方式
下面将结合示意图对本发明的基于Android***的功能双页布局UI设计方法进行更详细的描述，其中表示了本发明的优选实施例，应该理解本领域技术人员可以修改在此描述的本发明，而仍然实现本发明的有利效果。因此，下列描述应当被理解为对于本领域技术人员的广泛知道，而并不作为对本发明的限制。
在下列段落中参照附图以举例方式更具体地描述本发明。根据下面说明和权利要求书，本发明的优点和特征将更清楚。需说明的是，附图均采用非常简化的形式且均使用非精准的比例，仅用以方便、明晰地辅助说明本发明实施例的目的。
如图1所示，本发明实施例提出了一种基于Android***的功能双页布局UI设计方法，包括如下步骤：
S100、修改默认的UI布局，利用线性布局作为最外层框架，配合层叠式布局和基本控件实现左右两块UI显示，并将左右两块UI显示作为基础窗口的布局。
具体的，所述基本控件包括：顶级布局控件LinearLayout和FrameLayout、通用控件View、工具栏控件Toolbar、按钮控件SwitchBar、Button、TextView、EditText、PreferenceImageView。
具体的，修改默认的UI布局具体步骤包括：首先定义顶层布局为线性布局LinearLayout，并修改其排版为水平方向；然后在顶层布局内，添加两个子集布局，左边为FrameLayout，右边为LinearLayout，通过设置布局属性：weight权重，动态扩展左右布局的宽度；随后，左边布局添加三个子布局控件，分别用于，菜单头部信息展示区域、分界线区域以及一级菜单展示区域，布局类型为LinearLayout、View和LinearLayout依次排列；最后，右边布局在LinearLayout上设置其内部排列方式为垂直排列并搭配层叠布局FrameLayout来展示具体的菜单信息，展示区采用LinearLayout布局。
S200、对SettingsActivity类的onCreate方法进行修改，在解析Intent和Bundle时，得出双页展示的信息，然后将数据页面化展示，同时复写onPreferenceStartFragment方法，处理菜单点击逻辑。
具体的，处理菜单点击逻辑具体步骤包括：首先，点击菜单事件触发并携带具体的菜单信息，向上传递事件；然后，当SettingsActivity运行到onCreate时，通过解析Intent，获取到需要处理的菜单信息；最后，依据解析的菜单信息，判断出需要跳转的页面或需要处理的数据，并作出对应的响应。
S300、让SettingsPreferenceFragment复写onPreferenceTreeClick方法和onPreferenceStartFragment方法，在这两个方法中实现对本页面菜单点击的响应控制。
具体的，响应控制具体步骤包括：首先，当点击菜单时(内部实现基本为Preference控件或其子类)，先触发onPreferenceClickListener方法，对点击进行第一次处理，并必须要返回一个布尔值，标识是否已经处理了该消息且是否需要再继续向上传递。在此返回true；然后，当步骤S301处理完后，就会调用onPreferenceTreeClick方法，在该方法中处理具体的数据逻辑包括但不限于Intent的跳转；最后，依据S302的处理结果，返回true或者false。
S400、改造SubSettingLauncher，添加双页显示的必要信息，同时通过改造后的SubSettingLauncher传递给SettingsActivity需要显示的数据。
具体的，必要信息包括：菜单坐标偏移标识、菜单标识符，利用二者来控制前后跳转时一级菜单对应状态；复写lunch方法，用于加入带参类型并修改原始lunch方法的实现方式；修改toIntent方法，将新添加的菜单信息组装到发送数据集合Intent中。
具体的，通过改造后的SubSettingLauncher传递给SettingsActivity需要显示的数据的具体步骤包括：首先添加返回栈清除标志，调用方法setClearFlag，参数为布尔类型，该参数会在Activity创建过程回调中执行；然后，设置菜单选项偏移坐标，包含两部分，坐标position和偏移offset。组合控制一级菜单的显示状态；最后，通过调用toIntent方法组装数据，将上述参数于原始参数一并打包传递给目标对象(Activity)。
综上所述，本发明提供的双页布局UI设计实现了双页显示，解决了不同页面数据传递困难、解决了UI页面更新困难或状态恢复的难点，并且无需关注具体的内部逻辑，对原有Settings入侵性很小，极大地方便了在大屏Android设备中使用。
显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。
Claims (4)
1.一种基于Android***的功能双页布局UI设计方法，其特征在于，包括如下步骤：
S100、修改默认的UI布局，利用线性布局作为最外层框架，配合层叠式布局和基本控件实现左右两块UI显示，并将左右两块UI显示作为基础窗口的布局；
S200、对SettingsActivity类的onCreate方法进行修改，在解析Intent和Bundle时，得出双页展示的信息，然后将数据页面化展示，同时复写onPreferenceStartFragment方法，处理菜单点击逻辑；
处理菜单点击逻辑具体步骤包括：
S201、点击菜单事件触发并携带具体的菜单信息，向上传递事件；
S202、当SettingsActivity运行到onCreate时，通过解析Intent，获取到需要处理的菜单信息；
S203、依据解析的菜单信息，判断出需要跳转的页面或需要处理的数据，并作出对应的响应；
S300、让SettingsPreferenceFragment复写onPreferenceTreeClick方法和onPreferenceStartFragment方法，在这两个方法中实现对本页面菜单点击的响应控制；
响应控制具体步骤包括：
S301、当点击菜单时，先触发onPreferenceClickListener方法，对点击进行第一次处理，并必须要返回一个布尔值，标识是否已经处理了消息且是否需要再继续向上传递；
S302、当S301处理完后，就会调用onPreferenceTreeClick方法，在该方法中处理具体的数据逻辑包括但不限于Intent的跳转；
S303、依据S302的处理结果，返回true或者false；
S400、改造SubSettingLauncher，添加双页显示的必要信息，同时通过改造后的SubSettingLauncher传递给SettingsActivity需要显示的数据；
必要信息包括：
菜单坐标偏移标识、菜单标识符，利用二者来控制前后跳转时一级菜单对应状态；
复写lunch方法，用于加入带参类型并修改原始lunch方法的实现方式；
修改toIntent方法，将新添加的菜单信息组装到发送数据集合Intent中。
2.如权利要求1所述的基于Android***的功能双页布局UI设计方法，其特征在于，在步骤S100中，修改默认的UI布局具体步骤包括：
S101、定义顶层布局为线性布局LinearLayout，并修改其排版为水平方向；
S102、在顶层布局内，添加两个子集布局，左边为FrameLayout，右边为LinearLayout，通过设置布局属性：weight权重，动态扩展左右布局的宽度；
S103、左边布局添加三个子布局控件，分别用于，菜单头部信息展示区域、分界线区域以及一级菜单展示区域，布局类型为LinearLayout、View和LinearLayout依次排列；
S104、右边布局为LinearLayout，设置其内部排列方式为垂直排列并搭配层叠布局FrameLayout来展示具体的菜单信息，展示区采用LinearLayout布局。
3.如权利要求1所述的基于Android***的功能双页布局UI设计方法，其特征在于，在步骤S100中，所述基本控件包括：顶级布局控件LinearLayout和FrameLayout、通用控件View、工具栏控件Toolbar、按钮控件SwitchBar、Button、TextView、EditText、PreferenceImageView。
4.如权利要求1所述的基于Android***的功能双页布局UI设计方法，其特征在于：在步骤S400中，通过改造后的SubSettingLauncher传递给SettingsActivity需要显示的数据的具体步骤包括：
S401、添加返回栈清除标志，调用方法setClearFlag，参数为布尔类型，该参数会在Activity创建过程回调中执行；
S402、设置菜单选项偏移坐标，包含两部分，坐标position和偏移offset，组合控制一级菜单的显示状态；
S403、通过调用toIntent方法组装数据，将上述参数与原始参数一并打包传递给目标对象。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110932091.2A CN113778439B (zh) | 2021-08-13 | 2021-08-13 | 一种基于Android***的功能双页布局UI设计方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110932091.2A CN113778439B (zh) | 2021-08-13 | 2021-08-13 | 一种基于Android***的功能双页布局UI设计方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113778439A CN113778439A (zh) | 2021-12-10 |
| CN113778439B true CN113778439B (zh) | 2023-07-25 |
Family
ID=78837879
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110932091.2A Active CN113778439B (zh) | 2021-08-13 | 2021-08-13 | 一种基于Android***的功能双页布局UI设计方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113778439B (zh) |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1746889A (zh) * | 2005-10-17 | 2006-03-15 | 蒋晓海 | 移动即时通信客户端双页面界面的实现方法 |
| CN102830972A (zh) * | 2012-08-14 | 2012-12-19 | 管重 | 互联网浏览器的多网页浏览装置 |
| CN102841726A (zh) * | 2011-06-21 | 2012-12-26 | 腾讯科技（深圳）有限公司 | Android***下实现多Tab页的***、装置及方法 |
| CN104898914A (zh) * | 2014-03-05 | 2015-09-09 | 腾讯科技（深圳）有限公司 | 多页面展示的方法及装置 |
| CN106354355A (zh) * | 2015-07-13 | 2017-01-25 | 华为软件技术有限公司 | 用户界面布局方法、装置及*** |
| CN110221848A (zh) * | 2019-04-23 | 2019-09-10 | 五八有限公司 | App页面更新方法、装置、电子设备及存储介质 |
| US10459699B2 (en) * | 2015-06-07 | 2019-10-29 | Wix.Com Ltd. | System and method for the generation of an adaptive user interface in a website building system |
| CN111857717A (zh) * | 2020-07-29 | 2020-10-30 | 网易（杭州）网络有限公司 | Ui编辑方法、装置、设备及计算机可读存储介质 |
| CN111880813A (zh) * | 2020-06-16 | 2020-11-03 | 福建天泉教育科技有限公司 | 实现安卓卡片ui的方法、存储介质 |
-
2021
- 2021-08-13 CN CN202110932091.2A patent/CN113778439B/zh active Active
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1746889A (zh) * | 2005-10-17 | 2006-03-15 | 蒋晓海 | 移动即时通信客户端双页面界面的实现方法 |
| CN102841726A (zh) * | 2011-06-21 | 2012-12-26 | 腾讯科技（深圳）有限公司 | Android***下实现多Tab页的***、装置及方法 |
| CN102830972A (zh) * | 2012-08-14 | 2012-12-19 | 管重 | 互联网浏览器的多网页浏览装置 |
| CN104898914A (zh) * | 2014-03-05 | 2015-09-09 | 腾讯科技（深圳）有限公司 | 多页面展示的方法及装置 |
| US10459699B2 (en) * | 2015-06-07 | 2019-10-29 | Wix.Com Ltd. | System and method for the generation of an adaptive user interface in a website building system |
| CN106354355A (zh) * | 2015-07-13 | 2017-01-25 | 华为软件技术有限公司 | 用户界面布局方法、装置及*** |
| CN110221848A (zh) * | 2019-04-23 | 2019-09-10 | 五八有限公司 | App页面更新方法、装置、电子设备及存储介质 |
| CN111880813A (zh) * | 2020-06-16 | 2020-11-03 | 福建天泉教育科技有限公司 | 实现安卓卡片ui的方法、存储介质 |
| CN111857717A (zh) * | 2020-07-29 | 2020-10-30 | 网易（杭州）网络有限公司 | Ui编辑方法、装置、设备及计算机可读存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113778439A (zh) | 2021-12-10 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11010027B2 (en) | Device, method, and graphical user interface for manipulating framed graphical objects | |
| US10761716B2 (en) | Methods and graphical user interfaces for editing on a multifunction device with a touch screen display | |
| JP5987054B2 (ja) | 文書操作のためのデバイス、方法及びグラフィカルユーザインタフェース | |
| CN103052935B (zh) | 用于对对象的前后位置进行重新排序的装置、方法和图形用户接口 | |
| US7770125B1 (en) | Methods and apparatus for automatically grouping graphical constructs | |
| CN102763066B (zh) | 用于导航经过一范围的值的装置、方法和图形用户接口 | |
| US10254927B2 (en) | Device, method, and graphical user interface for manipulating workspace views | |
| CN102033710B (zh) | 用于管理文件夹的方法和相关设备 | |
| US20010024212A1 (en) | Operation method for processing data file | |
| CN103870558B (zh) | 页面渲染方法和遮罩层创建方法 | |
| CN104035683B (zh) | 一种通讯终端分屏多任务交互方法 | |
| CN108958550A (zh) | 用于响应于用户接触来显示附加信息的设备、方法和图形用户界面 | |
| CN108694012B (zh) | 在屏幕上显示对象的方法和*** | |
| JP2012008686A (ja) | 情報処理装置および方法、並びにプログラム | |
| US20230214378A1 (en) | Systems and methods to facilitate rapid data entry for document review | |
| WO2021098200A1 (zh) | 一种超声报告的显示方法、装置、超声设备及存储介质 | |
| CN113778439B (zh) | 一种基于Android***的功能双页布局UI设计方法 | |
| JP2010015521A (ja) | 情報処理装置、方法、プログラムシステム及びサーバコンピュータ | |
| CN110660463A (zh) | 基于超声***的报告编辑方法、装置、设备及存储介质 | |
| CN117610535B (zh) | 基于可拓展模型的ai写作方法及*** | |
| US20030052881A1 (en) | Graphical value display program, graphical value display method and recording medium | |
| CN117369689A (zh) | 测试用例的编辑方法、装置、存储介质及终端设备 | |
| CN112083844B (zh) | 一种用于搜索语料库的交互***及交互方法 | |
| JP2680076B2 (ja) | マルチウィンドウの画面表示方法 | |
| CN115033161A (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 |