一种用户界面布局的方法、装置及终端设备制造方法及图纸

技术编号:10208965 阅读:93 留言:0更新日期:2014-07-12 13:03
本发明专利技术公开了一种用户界面UI布局的方法,所述方法包括:将UI的一部分设置为第一区域,将UI的另一部分设置为第二区域,调用第一添加控件接口,向第一区域添加控件,第一滚动设置接口将添加到所述第一区域的控件以垂直方式排列;和/或,调用第二添加控件接口,向第二区域添加控件,第二滚动设置接口将添加到所述第二区域的控件以水平方式排列。相应的,本发明专利技术还公开了一种用于UI布局的装置及终端设备,不仅方便使用者随意添加不同的控件到UI上,而且添加后到UI上的控件布局清晰,满足了不同开发者的UI设计需求。

【技术实现步骤摘要】
一种用户界面布局的方法、装置及终端设备
本专利技术涉及移动通信领域,特别涉及一种用户界面布局的方法、装置及终端设备。
技术介绍
现在,移动设备如移动电话、PC、具有无线通信能力的PDA等等,越来越被广泛应用于生活中。由于人们对移动设备的应用需求越来越多,运行在移动设备上的软件应用程序品种也越来越多,而这些软件在移动设备上的用户界面(UI, User Interface)对软件的应用起着至关重要的作用。好的UI设计不仅能让软件的操作变得舒适、简单、自由,还能充分体现软件的定位和特点。布局管理器是一种用于实现Π设计的应用程序。由于现有移动设备采用的操作系统各有不同,其适用的布局管理器也不尽相同。并且,由于现有的移动设备操作系统中所附带的控件比较少,往往还需要通过在其Π中自定义不同的控件来满足客户的需求。目前,常用于移动设备Π管理的一种布局管理器,是将控件按照从上至下的顺序依次排开,这样的布局管理器虽然能够适用于多种不同操作系统的移动设备,但是其最终实现的Π往往会发生错误,如Π最下端的控件无法显示在合适的位置,或者发生重叠,或者随着内容的增多、减少而发生界面变形等等,并且在该Π中增加控件时还需要开发者自己重新定义其布局。
技术实现思路
本专利技术提供的用户界面布局的方法、装置及终端设备,以解决现有移动设备的布局管理器容易发生错误以及不便于添加控件的问题。本专利技术提供了一种用户界面Π布局方法,将Π的一部分设置为第一区域,所述第一区域包括用于向所述第一区域添加控件的第一添加控件接口和用于设置是否垂直滚动的第一滚动设置接口 ;将所述Π的另一部分设置为第二区域,所述第二区域包括用于向所述第二区域添加控件的第二添加控件接口和用于设置是否水平滚动的第二滚动设置接Π ;所述方法包括:调用所述第一添加控件接口,向所述第一区域添加控件,所述第一滚动设置接口将添加到所述第一区域的控件以垂直方式排列;和/或,调用所述第二添加控件接口,向所述第二区域添加控件,所述第二滚动设置接口将添加到所述第二区域的控件以水平方式排列。在上述方案中,所述第一区域还包括第一边距值设置接口、和/或第一控件显示方式设置接口、和/或第一背景设置接口 ;所述方法还包括:调用所述第一边距值设置接口,将所述第一区域的边距调整为指定的边距值;和/或,调用所述第一控件显示方式设置接口,将添加到所述第一区域的控件以指定的显示方式进行放置;和/或,调用所述第一背景设置接口,将所述第一区域的背景调整为指定的背景格式。在上述方案中,所述第二区域包括第二边距值设置接口、和/或第二控件显示方式设置接口、和/或第二背景设置接口 ;所述方法还包括:调用所述第二边距值设置接口,将所述第二区域的边距调整为指定的边距值;和/或,调用所述第二控件显示方式设置接口,将添加到所述第二区域的控件以指定的显示方式进行放置;和/或,调用所述第二背景设置接口,将所述第二区域的背景调整为指定的背景格式。在上述方案中,所述方法适用于采用黑莓操作系统、或塞班操作系统、或安卓操作系统的设备。本专利技术还提供了一种Π布局装置,所述装置包括:第一布局单元和第二布局单元;其中,第一布局单元,用于对作为UI 一部分的第一区域进行布局,包括用于向所述第一区域添加控件的第一添加控件接口和用于设置是否垂直滚动的第一滚动设置接口;第二布局单元,用于对作为UI另一部分的第二区域进行布局,包括用于向所述第二区域添加控件的第二添加控件接口和用于设置是否水平滚动的第二滚动设置接口。在上述方案中,所述第一布局单元还包括第一边距值设置接口、和/或第一控件显示方式设置接口、和/或第一背景设置接口 ;其中,第一边距值设置接口,用于在被调用时将所述第一区域的边距调整为指定的边距值;第一控件显示方式设置接口,用于在被调用时将添加到所述第一区域的控件以指定的显示方式进行放置;第一背景设置接口,用于在被调用时将所述第一区域的背景调整为指定的背景格式。在上述方案中,所述第二布局单元还包括第二边距值设置接口、和/或第二控件显示方式设置接口、和/或第二背景设置接口 ;其中,第二边距值设置接口,用于在被调用时将所述第二区域的边距调整为指定的边距值;第二控件显示方式设置接口,用于在被调用时将添加到所述第一区域的控件以指定的显示方式进行放置;第二背景设置接口,用于在被调用时将所述第一区域的背景调整为指定的背景格式。在上述方案中,所述装置适用于采用黑莓操作系统、或塞班操作系统、或安卓操作系统的设备。本专利技术还提供了一种移动设备,所述移动设备包括上述用于UI布局的装置。在上述方案中,所述移动设备为采用黑莓操作系统、或塞班操作系统、或安卓操作系统的设备。本专利技术实施例的有益效果是:通过将UI分成第一区域和第二区域,调用第一添加控件接口向所述第一区域添加控件,第一滚动设置接口将添加到所述第一区域的控件以垂直方式排列;和/或,调用第二添加控件接口向所述第二区域添加控件,第二滚动设置接口将添加到所述第二区域的控件以水平方式排列。如此,,能够实现移动设备上整个Π的垂直布局,方便使用者随意添加不同的控件到Π上;并且,第一布局单元实现了第一区域的垂直布局,第二布局单元实现了第二区域的水平布局,使得添加后到UI上的控件布局清晰,解决了现有布局管理器Π下端控件的显示容易产生错误的问题,也能够满足不同开发者的Π设计需求。此外,可以通过重写移动设备上操作系统中原有布局管理器(Manager)的sublayout O方法来编写本专利技术所提供的方法,再由移动设备执行即可实现,不仅实现方法简单,而且兼容性好,可以应用于多种移动设备中。【附图说明】图1为本专利技术实施例移动设备上UI布局的方法的实现流程图;图2为通过本专利技术实施例所提供移动设备上UI布局的方法得到的UI布局一个示例的不意图;图3为通过本专利技术实施例所提供移动设备上UI布局的方法得到的UI布局中第一区域一个示例的示意图;图4为通过本专利技术实施例所提供移动设备上UI布局的方法得到的UI布局中第二区域一个示例的示意图;图5为应用本专利技术实施例的方法添加控件后的Π —种示例的示意图;图6为本专利技术实施例用于移动设备上Π布局的装置的组成结构示意图。【具体实施方式】为使本专利技术的目的、技术方案和优点更加清楚,下面将结合附图对本专利技术实施方式作进一步地详细描述。实施例一参见图1,为本专利技术实施例提供的移动设备上Π布局的方法,主要可以包括如下步骤:步骤101:将Π的一部分设置为第一区域,所述第一区域包括用于向所述第一区域添加控件的第一添加控件接口和用于设置是否垂直滚动的第一滚动设置接口;步骤102:将所述Π的另一部分设置为第二区域,所述第二区域包括用于向所述第二区域添加控件的第二添加控件接口和用于设置是否水平滚动的第二滚动设置接口;步骤103:调用所述第一添加控件接口,向所述第一区域添加控件,所述第一滚动设置接口将添加到所述第一区域的控件以垂直方式排列;和/或,调用所述第二添加控件接口,向所述第二区域添加控件,所述第二滚动设置接口将添加到所述第二区域的控件以水平方式排列。其中,在第一区域配置第一滚动设置接口后,设置垂直滚动,则添加到第一区域的控件将采用垂直方式排列,也就是说,第一区域内的所有控件可以按照从上至下或从下至上的顺序依次排列。其中,在第二区域配置第本文档来自技高网...

【技术保护点】
一种用户界面UI布局方法,其特征在于,将UI的一部分设置为第一区域,所述第一区域包括用于向所述第一区域添加控件的第一添加控件接口和用于设置是否垂直滚动的第一滚动设置接口:将所述UI的另一部分设置为第二区域,所述第二区域包括用于向所述第二区域添加控件的第二添加控件接口和用于设置是否水平滚动的第二滚动设置接口;所述方法包括:调用所述第一添加控件接口,向所述第一区域添加控件,所述第一滚动设置接口将添加到所述第一区域的控件以垂直方式排列;和/或,调用所述第二添加控件接口,向所述第二区域添加控件,所述第二滚动设置接口将添加到所述第二区域的控件以水平方式排列。

【技术特征摘要】
1.一种用户界面Π布局方法,其特征在于, 将Π的一部分设置为第一区域,所述第一区域包括用于向所述第一区域添加控件的第一添加控件接口和用于设置是否垂直滚动的第一滚动设置接口: 将所述Π的另一部分设置为第二区域,所述第二区域包括用于向所述第二区域添加控件的第二添加控件接口和用于设置是否水平滚动的第二滚动设置接口; 所述方法包括:调用所述第一添加控件接口,向所述第一区域添加控件,所述第一滚动设置接口将添加到所述第一区域的控件以垂直方式排列;和/或,调用所述第二添加控件接口,向所述第二区域添加控件,所述第二滚动设置接口将添加到所述第二区域的控件以水平方式排列。2.根据权利要求1所述的方法,其特征在于, 所述第一区域还包括第一边距值设置接口、和/或第一控件显示方式设置接口、和/或第一背景设置接口; 所述方法还包括:调用所述第一边距值设置接口,将所述第一区域的边距调整为指定的边距值;和/或,调用所述第一控件显示方式设置接口,将添加到所述第一区域的控件以指定的显示方式进行放置;和/或,调用所述第一背景设置接口,将所述第一区域的背景调整为指定的背景格式。3.根据权利要求1所述的方法,其特征在于, 所述第二区域包括第二边距值设置接口、和/或第二控件显示方式设置接口、和/或第二背景设置接口; 所述方法还包括:调用所述第二边距值设置接口,将所述第二区域的边距调整为指定的边距值;和/或,调用所述第二控件显示方式设置接口,将添加到所述第二区域的控件以指定的显示方式进行放置;和/或,调用所述第二背景设置接口,将所述第二区域的背景调整为指定的背景格式。4.根据权利要求1、2、或3所述的方法,其特征在于,所述方法适用于采用黑莓操作系统、或塞班操作系统、或安卓操作系统的设备。5.一种...

【专利技术属性】
技术研发人员:王伟
申请(专利权)人:北京新媒传信科技有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1