CN109683894A - 一种导航栏设置方法、装置和计算机存储介质 - Google Patents

Abstract

本公开的实施例提供一种导航栏设置方法、装置和计算机存储介质，其中，该方法包括：获取导航栏元素的设置信息；调用预设的接口；通过所述接口，基于所述设置信息，对所述导航栏元素进行设置。通过上述方案解决了现有的导航栏添加元素没有统一的接口，这样就会导致导航栏元素添加方式混乱，元素无法复用的问题，达到了有效提升导航栏元素复用率和降低维护成本的技术效果。

Description

一种导航栏设置方法、装置和计算机存储介质

技术领域

本公开涉及互联网技术领域，尤其涉及一种导航栏设置方法、装置和计算机存储介质。

背景技术

目前，大部分导航栏都是在编程的时候，在编程代码中写入视图元素(view)，即，需要通过对编程代码的写入和修改完成对导航栏元素的写入和修改，每个编程人员都按照自己的方式编写自己对应界面的导航栏元素，这样就导致在进行导航栏维护的时候，没有统一的维护标准，维护成本比较高。即，因为视图元素都是在编程时候直接添加的，无法进行有效的调整和统一的维护，导致复用性低、维护成本高。

针对上述问题，目前尚未提出有效的解决方案。

发明内容

本公开目的在于提供一种导航栏设置方法、装置和计算机存储介质，以提高导航栏元素设计方式的复用性、降低维护成本。

本公开提供一种导航栏设置方法和装置是这样实现的：

一种导航栏设置方法，所述方法包括：

获取导航栏元素的设置信息；

调用预设的接口；

通过所述接口，基于所述设置信息，对所述导航栏元素进行设置。

在一个实施方式中，调用预设的接口包括：

获取所述设置信息；

根据所述设置信息，确定所述设置信息对应的导航栏的位置；

根据所述位置，从预设的接口集合中确定出需调用的接口；

调用确定出的接口。

在一个实施方式中，所述接口集合中包括：

L接口，用于对所述导航栏的左侧元素进行设置；

C接口，用于对所述导航栏的中间元素进行设置；

R接口，用于对所述导航栏的右侧元素进行设置。

在一个实施方式中，对所述导航栏元素进行设置包括以下操作之一：添加元素、删除元素、偏移调整。

在一个实施方式中，所述偏移调整包括以下至少之一：中间元素垂直方向的调整、左侧元素垂直方向的调整、右侧元素垂直方向的调整、左侧元素上下方向的调整、右侧元素上下方向的调整。

一种导航栏设置装置，包括：

获取模块，用于获取导航栏元素的设置信息；

调用模块，用于调用预设的接口；

设置模块，用于通过所述接口，基于所述设置信息，对所述导航栏元素进行设置。

在一个实施方式中，所述调用模块包括：

获取单元，用于获取所述设置信息；

第一确定单元，用于根据所述设置信息，确定所述设置信息对应的导航栏的位置；

第二确定单元，用于根据所述位置，从预设的接口集合中确定出需调用的接口；

调用单元，用于调用确定出的接口。

在一个实施方式中，所述接口集合中包括：

L接口，用于对所述导航栏的左侧元素进行设置；

C接口，用于对所述导航栏的中间元素进行设置；

R接口，用于对所述导航栏的右侧元素进行设置。

在一个实施方式中，对所述导航栏元素进行设置包括以下操作之一：添加元素、删除元素、偏移调整。

一种计算机可读存储介质，其上存储有计算机指令，所述指令被执行时实现上述方法的步骤。

本公开提供的导航栏设置方法，通过设置接口，基于设置的接口可以对导航栏元素进行设置，从而使得对导航栏的设计方式可以被复用，从而解决了现有的导航栏添加元素没有统一的接口，这样就会导致导航栏元素添加方式混乱，元素无法复用的问题，达到了有效提升导航栏元素复用率和降低维护成本的技术效果。

附图说明

为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本公开提供的导航栏设置方法一种实施例的方法流程图；

图2是本公开提供的计算机终端的架构图；

图3是本公开提供的导航栏设置装置一种实施例的模型结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本公开中的技术方案，下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都应当属于本公开保护的范围。

除非另外定义，本发明使用的技术术语或者科学术语应当为本发明所属领域内具有一般技能的人士所理解的通常意义。本发明中使用的“第一”、“第二”以及类似的词语并不表示任何顺序、数量或者重要性，而只是用来区分不同的组成部分。“包括”或者“包含”等类似的词语意指出现该词前面的元件或者物件涵盖出现在该词后面列举的元件或者物件及其等同，而不排除其他元件或者物件。“连接”或者“相连”等类似的词语并非限定于物理的或者机械的连接，而是可以包括电性的连接，不管是直接的还是间接的。“上”、“下”、“左”、“右”等仅用于表示相对位置关系，当被描述对象的绝对位置改变后，则该相对位置关系也可能相应地改变。

为了保持本发明实施例的以下说明清楚且简明，本发明省略了已知功能和已知部件的详细说明。

考虑到现在的导航栏元素仅能在编程的时候添加，主要是因为现在的导航栏添加元素没有统一的接口，这样就会导致导航栏元素添加方式混乱，元素无法复用。在本例中，通过给导航栏设计接口，可以方便地对导航栏进行操作，例如：增加元素、调整元素大小位置等，从而也就使得导航栏元素的复用性增强。

基于此，在本例中，提供了一种导航栏设置方法，如图1所示，可以包括如下步骤：

步骤101：获取导航栏元素的设置信息；

其中，导航栏是指位于页面顶部或者侧边区域的，在页眉横幅图片上边或下边的一排水平导航按钮，它起着链接站点或者软件内的各个页面的作用。一般情况下，导航栏是不允许将其链接任意定制成其它链接的，但是每当撰写了一个新页面，导航栏就会自动多出一个链接指向该页面的按钮。导航栏一般都是使用在显示界面中，例如：百度眉页上面的一些选项"新闻，网页，MP3，知道…"等就是导航栏的一种范例。网站应用使用导航栏是为了让访问者更清晰明朗的找到所需要的资源区域，寻找资源。

步骤102：调用预设的接口；

考虑到现有的导航栏元素设置的时候，仅能在生成导航栏的时候，在编码中修改和编码，通过编码的方式调整导航栏元素，这种操作起来比较麻烦。例如，仅设置导航栏左侧某个元素的位置，例如，设置返回按钮距离左侧边界的距离，例如，设置为3mm，那么就需要对该导航栏的编码进行修改，这样操作起来复杂度特别高。

为此，在本例中通过预设接口的方式，如果有需要设置和修改的内容，可以调用对应的接口，然后输入该希望调整至的参数，这样就可以实现对导航栏的设置。例如，距离边界的位置、元素自身的大小等等。通过预设接口的方式，可以有效提升设置的方便程度。

步骤103：通过所述接口，基于所述设置信息，对所述导航栏元素进行设置。

其中，上述设置信息可以包括导航栏元素所有的关于位置和大小的参数信息，假设在导航栏中有三个元素，左边一个、中间一个、右边一个，那么就可以设置三个接口，一个接口对应一个元素的设置。如果在导航栏中有四个元素，那么可以设置四个接口，一个接口对应一个元素。在实际实现的时候，可以为每个元素都设置一个唯一对应的接口，也可以是为多个元素设置一个接口，即，通过一个接口实现对多个元素设置。具体采用哪种方式可以根据实际需要选择，本公开对此不作限定。

例如：以获取设置参数，假设设置参数为：左侧元素，高度调整为8mm，因为设置的对象为左侧元素，因此，需要调用左侧接口，即，调用L接口。在调用L接口之后，确定需要调整的参数为：高度，确定调整量为8mm，那么就将左侧元素的高度设置为8mm，即，通过L接口将左侧元素的高度设置为8mm，完成了对左侧元素的设置请求。

即，通过设置接口，编程人员可以调用接口进行导航栏元素的添加、位置修改等操作，而不是每一次添加和修改都是基于编程的方式，这样也就使得对于某种导航栏设置方式而言，编程人员只需要调用接口对参数就行修改，就可以生成希望的导航栏样式，实现了导航栏设计方式的复用。

在上例中，通过设置接口，基于设置的接口可以对导航栏元素进行设置，从而使得对导航栏的设计方式可以被复用，从而解决了现有的导航栏添加元素没有统一的接口，这样就会导致导航栏元素添加方式混乱，元素无法复用的问题，达到了有效提升导航栏元素复用率和降低维护成本的技术效果。

具体的，在实际实现的时候，因为接口的不同位置可能需要设置不同的元素，因此可以通过元素位置的不同，设置多个接口，每个接口对应一个位置的元素。例如，可以设置三个接口，一个对应左侧元素、一个对应右侧元素，一个对应中间元素。具体的，上述调用预设的接口可以包括：

S1：获取所述设置信息；

S2：根据所述设置信息，确定所述设置信息对应的导航栏的位置；

S3：根据所述位置，从预设的接口集合中确定出需调用的接口；

在存在多个接口的情况下，可以设置一个接口集合，将多个接口都放入该接口集合中，在需要调用接口的时候，就到该集合中进行匹配，以确定调用哪个接口。

S4：调用确定出的接口。

其中，上述接口集合中可以包括：

L接口，用于对所述导航栏的左侧元素进行设置；

C接口，用于对所述导航栏的中间元素进行设置；

R接口，用于对所述导航栏的右侧元素进行设置。

上述对导航栏元素进行设置可以包括但不限于以下操作之一：添加元素、删除元素、偏移调整。其中，偏移调整可以包括但不限于以下至少之一：中间元素垂直方向的调整、左侧元素垂直方向的调整、右侧元素垂直方向的调整、左侧元素上下方向的调整、右侧元素上下方向的调整。

通过上述方案，解决了现有的在导航栏编程的时候，需要在编程代码中写入View，没有进行规范的接口设计所导致的新页面开发时每个人在导航栏上添加View的方式都不一样，维护成本比较高、复用率低的问题，在本例中通过添加统一的接口，可以使得在操作导航栏的时候，更加方便灵活，因为有了统一的接口，从而导致增强的复用性。

下面结合一个具体实施例对上述方法进行说明，然而，值得注意的是，该具体实施例仅是为了更好地说明本公开，并不构成对本公开的不当限定。

在本例中，为导航栏添加三个元素设计的接口，可以包括：

1、L接口：添加左侧元素接口，通过该接口可以将元素添加在导航栏的左侧居中位置；

2、C接口：添加中间元素接口，通过该接口可以将元素添加到导航栏中间居中位置；

3、R接口：添加右侧元素接口，通过该接口可以将元素添加到导航栏右侧居中位置。

通过上述三个接口还可以为每个接口提供位置偏移微调参数：

L接口：垂直、左右位置微调参数，可以调整左侧元素的左右和上下偏移位置；

C接口：垂直微调参数，可以调整中间元素的上下偏移位置；

R接口：垂直、左右位置微调参数，可以调整右侧元素的左右和上下偏移位置。

即，上述对导航栏元素进行设置可以包括但不限于以下操作之一：添加元素、删除元素、偏移调整。其中，偏移调整可以包括但不限于以下至少之一：中间元素垂直方向的调整、左侧元素垂直方向的调整、右侧元素垂直方向的调整、左侧元素上下方向的调整、右侧元素上下方向的调整。

然而，值得注意的是，上述是以设置三个接口，没有接口对应导航栏不同位置的元素为例进行的说明，在实际实现的时候，也可以设置其它数量的接口，实现不同的元素设置需求。即，例如，通过3个接口可以快速地将元素放在需要的位置，还可以通过微调参数进行位置调试。在实际实现的时候，可以根据导航栏的实际需要选择不同数量的接口。

以一个具体应用实例进行说明，在实际进行元素设置的时候，可以获取设置参数，假设设置参数为：左侧元素，高度调整为8mm，因为设置的对象为左侧元素，因此，需要调用左侧接口，即，调用L接口。在调用L接口之后，确定需要调整的参数为：高度，确定调整量为8mm，那么就将左侧元素的高度设置为8mm，即，通过L接口将左侧元素的高度设置为8mm，完成了对左侧元素的设置请求。

通过上述方案，解决了现有的在导航栏编程的时候，直接在上面添加View，没有进行规范的接口设计所导致的新页面开发时每个人在导航栏上添加View的方式都不一样，维护成本比较高、复用率低的问题，在本例中通过添加统一的接口，可以使得在操作导航栏的时候，更加方便灵活，因为有了统一的接口，从而导致增强的复用性。

本公开实施例所提供的方法实施例可以在移动终端、计算机终端或者类似的运算装置中执行。以运行在计算机终端上为例，图2是本发明实施例的一种导航栏设置方法的计算机终端的硬件结构框图。如图2所示，计算机终端20可以包括一个或多个(图中仅示出一个)处理器202(处理器202可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置)、用于存储数据的存储器204、以及用于通信功能的传输模块206。本领域普通技术人员可以理解，图2所示的结构仅为示意，其并不对上述电子装置的结构造成限定。例如，计算机终端20还可包括比图2中所示更多或者更少的组件，或者具有与图2所示不同的配置。

存储器204可用于存储应用软件的软件程序以及模块，如本发明实施例中的导航栏设置方法对应的程序指令/模块，处理器202通过运行存储在存储器204内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的应用程序的导航栏设置方法。存储器204可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器204可进一步包括相对于处理器202远程设置的存储器，这些远程存储器可以通过网络连接至计算机终端20。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

传输模块206用于经由一个网络接收或者发送数据。上述的网络具体实例可包括计算机终端20的通信供应商提供的无线网络。在一个实例中，传输模块206包括一个网络适配器(Network Interface Controller，NIC)，其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中，传输模块206可以为射频(Radio Frequency，RF)模块，其用于通过无线方式与互联网进行通讯。

在软件层面，上述导航栏设置装置，可以如图3所示，包括：

获取模块301，用于获取导航栏元素的设置信息；

调用模块302，用于调用预设的接口；

考虑到现有的导航栏元素设置的时候，仅能在生成导航栏的时候，在编码中修改和编码，通过编码的方式调整导航栏元素，这种操作起来比较麻烦。例如，仅设置导航栏左侧某个元素的位置，例如，设置返回按钮距离左侧边界的距离，例如，设置为3mm，那么就需要对该导航栏的编码进行修改，这样操作起来复杂度特别高。

为此，在本例中通过预设接口的方式，如果有需要设置和修改的内容，可以调用对应的接口，然后输入该希望调整至的参数，这样就可以实现对导航栏的设置。例如，距离边界的位置、元素自身的大小等等。通过预设接口的方式，可以有效提升设置的方便程度。

设置模块303，用于通过所述接口，基于所述设置信息，对所述导航栏元素进行设置。

其中，上述设置信息可以包括导航栏元素所有的关于位置和大小的参数信息，假设在导航栏中有三个元素，左边一个、中间一个、右边一个，那么就可以设置三个接口，一个接口对应一个元素的设置。如果在导航栏中有四个元素，那么可以设置四个接口，一个接口对应一个元素。在实际实现的时候，可以为每个元素都设置一个唯一对应的接口，也可以是为多个元素设置一个接口，即，通过一个接口实现对多个元素设置。具体采用哪种方式可以根据实际需要选择，本公开对此不作限定。

然而，值得注意的是，上述是以设置三个接口，没有接口对应导航栏不同位置的元素为例进行的说明，在实际实现的时候，也可以设置其它数量的接口，实现不同的元素设置需求。即，例如，通过3个接口可以快速地将元素放在需要的位置，还可以通过微调参数进行位置调试。在实际实现的时候，可以根据导航栏的实际需要选择不同数量的接口。

在上例中，通过设置接口，基于设置的接口可以对导航栏元素进行设置，从而使得对导航栏的设计方式可以被复用，从而解决了现有的导航栏添加元素没有统一的接口，这样就会导致导航栏元素添加方式混乱，元素无法复用的问题，达到了有效提升导航栏元素复用率和降低维护成本的技术效果。

在一个实施方式中，上述调用模块302可以包括：获取单元，用于获取所述设置信息；第一确定单元，用于根据所述设置信息，确定所述设置信息对应的导航栏的位置；第二确定单元，用于根据所述位置，从预设的接口集合中确定出需调用的接口；调用单元，用于调用确定出的接口。

在一个实施方式中，上述接口集合中可以包括但不限于：L接口，用于对所述导航栏的左侧元素进行设置；C接口，用于对所述导航栏的中间元素进行设置；R接口，用于对所述导航栏的右侧元素进行设置。即，为导航栏添加三个元素设计的接口，可以包括：L接口：添加左侧元素接口，通过该接口可以将元素添加在导航栏的左侧居中位置；C接口：添加中间元素接口，通过该接口可以将元素添加到导航栏中间居中位置；R接口：添加右侧元素接口，通过该接口可以将元素添加到导航栏右侧居中位置。

通过上述三个接口还可以为每个接口提供位置偏移微调参数：

L接口：垂直、左右位置微调参数，可以调整左侧元素的左右和上下偏移位置；

C接口：垂直微调参数，可以调整中间元素的上下偏移位置；

R接口：垂直、左右位置微调参数，可以调整右侧元素的左右和上下偏移位置。

在一个实施方式中，上述对导航栏元素进行设置可以包括但不限于以下操作之一：添加元素、删除元素、偏移调整。

在一个实施方式中，偏移调整可以包括但不限于以下至少之一：中间元素垂直方向的调整、左侧元素垂直方向的调整、右侧元素垂直方向的调整、左侧元素上下方向的调整、右侧元素上下方向的调整。

在上例中，通过设置接口，基于设置的接口可以对导航栏元素进行设置，从而使得对导航栏的设计方式可以被复用，从而解决了现有的导航栏添加元素没有统一的接口，这样就会导致导航栏元素添加方式混乱，元素无法复用的问题，达到了有效提升导航栏元素复用率和降低维护成本的技术效果。

虽然本公开提供了如实施例或流程图所述的方法操作步骤，但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。实施例中列举的步骤顺序仅仅为众多步骤执行顺序中的一种方式，不代表唯一的执行顺序。在实际中的装置或客户端产品执行时，可以按照实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。

上述实施例阐明的装置或模块，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。为了描述的方便，描述以上装置时以功能分为各种模块分别描述。在实施本公开时可以把各模块的功能在同一个或多个软件和/或硬件中实现。当然，也可以将实现某功能的模块由多个子模块或子单元组合实现。

本公开中所述的方法、装置或模块可以以计算机可读程序代码方式实现控制器按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit，ASIC)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内部包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。

本公开所述装置中的部分模块可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构、类等等。也可以在分布式计算环境中实践本公开，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本公开可借助软件加必需的硬件的方式来实现。基于这样的理解，本公开的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，也可以通过数据迁移的实施过程中体现出来。该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，移动终端，服务器，或者网络设备等)执行本公开各个实施例或者实施例的某些部分所述的方法。

本说明书中的各个实施例采用递进的方式描述，各个实施例之间相同或相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。本公开的全部或者部分可用于众多通用或专用的计算机系统环境或配置中。例如：个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、移动通信终端、多处理器系统、基于微处理器的系统、可编程的电子设备、网络PC、小型计算机、大型计算机、包括以上任何系统或设备的分布式计算环境等等。

虽然通过实施例描绘了本公开，本领域普通技术人员知道，本公开有许多变形和变化而不脱离本公开的精神，希望所附的权利要求包括这些变形和变化而不脱离本公开的精神。

Claims (10)

1.一种导航栏设置方法，其特征在于，所述方法包括：

获取导航栏元素的设置信息；

调用预设的接口；

通过所述接口，基于所述设置信息，对所述导航栏元素进行设置。

2.根据权利要求1所述的方法，其特征在于，调用预设的接口包括：

获取所述设置信息；

根据所述设置信息，确定所述设置信息对应的导航栏的位置；

根据所述位置，从预设的接口集合中确定出需调用的接口；

调用确定出的接口。

3.根据权利要求2所述的方法，其特征在于，所述接口集合中包括：

L接口，用于对所述导航栏的左侧元素进行设置；

C接口，用于对所述导航栏的中间元素进行设置；

R接口，用于对所述导航栏的右侧元素进行设置。

4.根据权利要求1所述的方法，其特征在于，对所述导航栏元素进行设置包括以下操作之一：添加元素、删除元素、偏移调整。

5.根据权利要求4所述的方法，其特征在于，所述偏移调整包括以下至少之一：中间元素垂直方向的调整、左侧元素垂直方向的调整、右侧元素垂直方向的调整、左侧元素上下方向的调整、右侧元素上下方向的调整。

6.一种导航栏设置装置，其特征在于，包括：

获取模块，用于获取导航栏元素的设置信息；

调用模块，用于调用预设的接口；

设置模块，用于通过所述接口，基于所述设置信息，对所述导航栏元素进行设置。

7.根据权利要求6所述的装置，其特征在于，所述调用模块包括：

获取单元，用于获取所述设置信息；

第一确定单元，用于根据所述设置信息，确定所述设置信息对应的导航栏的位置；

第二确定单元，用于根据所述位置，从预设的接口集合中确定出需调用的接口；

调用单元，用于调用确定出的接口。

8.根据权利要求7所述的装置，其特征在于，所述接口集合中包括：

L接口，用于对所述导航栏的左侧元素进行设置；

C接口，用于对所述导航栏的中间元素进行设置；

R接口，用于对所述导航栏的右侧元素进行设置。

9.根据权利要求6所述的装置，其特征在于，对所述导航栏元素进行设置包括以下操作之一：添加元素、删除元素、偏移调整。

10.一种计算机可读存储介质，其上存储有计算机指令，所述指令被执行时实现权利要求1至5中任一项所述方法的步骤。