CN108334354A - 匹配模式的视图设计方法及装置 - Google Patents

Abstract

本发明实施例涉及视频交友技术领域，具体涉及一种匹配模式的视图设计方法及装置，该匹配模式的视图设计方法及装置应用于客户终端，该客户终端上包含所有视图的应用界面为大小可动态调整的相对布局容器，该方法包括：在所述应用界面中设置第一视图、第二视图、第三视图、第四视图和第五视图，将第五视图进行隐藏，将第一视图、第二视图、第三视图和第四视图以相对布局的方式呈现在所述应用界面中，当第三视图响应用户的选择操作处于被选定状态时，将所述第五视图进行展示。在本方案中，通过对应用界面上的多个视图进行相对布局，以使得多个视图以更为美观的效果呈现，既节省了开发过程，又提高了用户体验感。

Description

匹配模式的视图设计方法及装置

技术领域

本发明涉及视频交友技术领域，具体而言，涉及一种匹配模式的视图设计方法及装置。

背景技术

在客户终端中有一个视频交友的功能模块，该功能模块中有一个匹配模式选择的设计，在现有的技术方案中无法实现整个匹配面板的设计，因为传统方案中没有现成的控件来满足匹配模板的页面显示，无法实现较为美观的设计效果。因此，提供一种视图设计方法，以实现匹配模板以较为美观的效果进行显示，是十分必要的。

发明内容

本发明的目的在于提供一种匹配模式的视图设计方法，在满足基本匹配功能的情况下，将匹配模式以更好的效果呈现。

本发明的另一目的在于提供一种匹配模式的视图设计装置，在满足基本匹配功能的情况下，将匹配模式以更好的效果呈现。

为了实现上述目的，本发明实施例采用的技术方案如下：

第一方面，本发明实施例提供了一种匹配模式的视图设计方法，应用于客户终端，所述客户终端上包含所有所述视图的应用界面为大小可动态调整的相对布局容器，所述方法包括：

在所述应用界面中设置第一视图、第二视图、第三视图、第四视图和第五视图；

将所述第五视图进行隐藏；

将所述第一视图、第二视图、第三视图和第四视图以相对布局的方式呈现在所述应用界面中；

当所述第三视图响应用户的选择操作处于被选定状态时，将所述第五视图进行显示。

第二方面，本发明实施例还提供了一种匹配模式的视图设计装置，应用于客户终端，所述客户终端包含所有视图的应用界面的大小为大小可动态调整的相对布局容器，所述装置包括：

第一设置模块，用于在所述应用界面中设置第一视图、第二视图、第三视图、第四视图和第五视图；

隐藏模块，用于将所述第五视图进行隐藏；

排列模块，用于将所述第一视图、第二视图、第三视图和第四视图以相对布局的方式呈现在所述应用界面中；

显示模块，用于当所述第三视图响应用户的选择操作处于被选定状态时，将所述第五视图进行显示。

本发明实施例提供的一种匹配模式的视图设计方法及装置，该匹配模式的视图设计方法及装置应用于客户终端，该客户终端上包含所有视图的应用界面为大小可动态调整的相对布局容器，该方法包括：在所述应用界面中设置第一视图、第二视图、第三视图、第四视图和第五视图，将第五视图进行隐藏，将第一视图、第二视图、第三视图和第四视图以相对布局的方式呈现在所述应用界面中，当第三视图响应用户的选择操作处于被选定状态时，将所述第五视图进行展示。在本方案中，通过对应用界面上的多个视图进行相对布局，以使得多个视图以更为美观的效果呈现，既节省了开发过程，又提高了用户体验感。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1示出了本发明实施例提供的一种匹配模式的视图设计方法的流程示意图。

图2示出了本发明实施例提供的一种匹配模式的视图设计方法的应用环境的示意图。

图3示出了本发明实施例提供的一种匹配模式的视图设计方法的另一种应用环境的示意图。

图4示出了本发明实施例提供的一种匹配模式的视图设计装置的功能模块示意图。

图示：100-匹配模式的视图设计装置；110-第一设置模块；120-隐藏模块；130-排列模块；140-第二设置模块；150-监听模块；160-第三设置模块；170-显示模块；180-调整模块。

具体实施方式

下面将结合本发明实施例中附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本发明的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

本发明实施例提供的一种匹配模式的视图设计方法用于对应用界面中各个视图的设计以使得各个视图以更为美观的效果呈现于应用界面上，相对于现有技术，一方面使得呈现的视觉效果更为美观，另一方面减少了内存开销，提高了开发效率。在本发明实施例中，该匹配模式的视图设计方法主要应用于视频交友过程中的匹配模式的视图设计，容易理解的，该匹配模式的视图设计方法还适应用于其他场景。

请参照图1，是本发明实施例提供的一种匹配模式的视图设计方法的流程示意图，该匹配模式的视图设计方法主要应用于客户终端，该客户终端可以是，但不限于，手机、电脑等智能电子设备，该匹配模式的视图设计方法包括：

步骤S110，在所述应用界面中设置第一视图、第二视图、第三视图、第四视图和第五视图。

该客户终端的应用界面中根据需要设置多个视图，如分别设置第一视图、第二视图、第三视图、第四视图和第五视图。如图2所示，是本发明实施例提供的一种匹配模式的视图设计方法的应用环境的示意图，该第一视图可以是该应用界面的标题“匹配模式”，该第二视图可以是其中一个匹配模式“随机匹配”，该第三视图可以是另一个匹配模式“暗号匹配”该第四视图可以是对选定其中一个匹配模式后的确认操作“确定”。该第五视图(图中未示出)为选定“暗号匹配”此种匹配模式后弹出的“暗号输入框”。容易理解的，该第一视图、第二视图、第三视图、第四视图以及第五视图的数量以及内容均可根据实际需要进行设置。

步骤S120，将所述第五视图进行隐藏。

由于在本发明实施例中第五视图为“暗号输入框”，且该暗号输入框是在用户点击“暗号匹配”之后才弹出，因此，最初状态下需将该第五视图“暗号输入框”进行隐藏。在本发明实施例中，将第五视图初始状态设置为GONE状态，将第五视图的初始状态设置为GONE状态一方面使得第五视图在初始状态下不可见，另一方面使得第五视图在不可见的状态下不占用内存。在现有技术中，通常将状态设置为invisible，但在invisible状态下虽然对应视图不可见，但是确需占据一定的内存，浪费内存空间。

步骤S130，将所述第一视图、第二视图、第三视图和第四视图以相对布局的方式呈现在所述应用界面中。

如图2所示，该客户终端的整个应用界面为大小可动态调整的页面布局，此外，在该应用界面上设置有多个视图，为了使得多个视图在该应用界面上呈现较为美观的效果，同时满足设计便捷的条件，因此，将多个视图以相对布局的方式进行排列。具体实现方式为：将第一视图(匹配模式)的名称设置为anchor_title，将第二视图(随机匹配)和第三视图(暗号匹配)通过layout_toBottonOf＝"@id/anchor_title"以相对布局的方式设置于第一视图的下方，并将第二视图和第三视图的名称设置为anchor_content。容易理解的，以同样的方式对第四视图进行设置，以使得第四视图位于第二视图和第三视图的下方。在本发明实施例中，采用相对布局的方式对各个视图进行排列极大地简化了编程逻辑，使得呈现的效果更加灵活。在现有技术中，较多地采用线性布局的方式，该线性布局的方式通常需要事先规划好每个视图的位置，之后再将每个视图放置于设定好的位置，而使得各个视图的呈现方式有限，不能呈现更丰富的视觉效果。

步骤S140，分别设置所述第二视图和第三视图的初始呈现方式和响应用户的选择操作处于被选定状态时的呈现方式。

本发明实施例中，匹配模式包括第二视图(随机匹配)和第三视图(暗号匹配)，用户可以根据自己的喜好选择其中一种匹配交友方式进行交友。该第二视图和第三视图的初始呈现方式和被选中状态下的呈现方式，在现有技术中通常通过设置两张图片来分别表示，即内存中存储有两张不同的图片，第二视图或第三视图在初始状态时呈现一张图片，当第二视图或第三视图处于被选中状态时呈现另一张图片，以实现不同状态下的区别。由于现有技术中需存储两张图片，因此需消耗大量的内存。

在本方案中，通过selector标签来对两种状态进行区分，用户可以通过selector标签自定义第二视图或第三视图呈现的颜色、大小以及形状，极大地节省了内存，提高了系统的运行效率。第二视图和第三视图的初始状态的实现方式为：通过<shape android:shape＝"oval">绘制第二视图或第三视图的形状，通过<size android:width＝"74dp"android:height＝"74dp">绘制第二视图和第三视图的大小，通过<solid android:color＝"#fad400"/>绘制第二视图和第三视图的颜色。此外，第二视图和第三视图处于选中状态下的设置方式与初始状态的设置方式一致，但是需通过颜色、形状或大小中的至少一个进行区分，如将第二视图和第三视图处于选中状态与初始状态通过颜色进行区分，将第二视图和第三视图处于选中状态下的颜色设置为：<solid android:color＝"#f3f5f9"/>以区分。

步骤S150，监听用户对所述第二视图和第三视图的选择操作。

通过setOnClickListener方法监听用户对第二视图或第三视图的选择操作。

步骤S160，若用户选择第二视图或第三视图，则将所述第二视图或第三视图设置为处于被选定状态的呈现方式。

若用户选择第二视图或第三视图时，将第二视图或第三视图以被选定状态的呈现方式进行呈现，以与初始状态进行区分。

步骤S170，当所述第三视图响应用户的选择操作处于被选定状态时，将所述第五视图进行显示。

如图3所示，当用户选择第三视图“暗号匹配”的方式进行交友时，调用setVisiable(VISIABLE)方法将初始状态为GONE的第五视图“暗号输入框”进行显示，以使得用户可以输入暗号。

步骤S180，动态调整所述包含所有视图的应用界面的大小，以容纳所述第五视图。

如图3所示，由于该客户终端的应用界面为大小可调整的相对布局容器，则当第五视图显示时，由于第五视图将占据一定的高度，因此，该应用界面将动态调整大小以容纳第五视图，使得应用界面呈现规则的视觉效果，不至于出现排列错乱的效果。

请参照图4，是本发明实施例提供的一种匹配模式的视图设计装置100的功能模块示意图，该匹配模式的视图设计装置100应用于客户终端，该匹配模式的视图设计装置100包括第一设置模块110、隐藏模块120、排列模块130、第二设置模块140、监听模块150、第三设置模块160、显示模块170以及调整模块180，其中，

第一设置模块110，用于在所述应用界面中设置第一视图、第二视图、第三视图、第四视图和第五视图。

在本发明实施例中，步骤S110可以由第一设置模块110执行。

隐藏模块120，用于将所述第五视图进行隐藏。

在本发明实施例中，步骤S120可以由隐藏模块120执行。

排列模块130，用于将所述第一视图、第二视图、第三视图和第四视图以相对布局的方式呈现在所述应用界面中。

在本发明实施例中，步骤S130可以由排列模块130执行。

第二设置模块140，用于分别设置所述第二视图和第三视图的初始呈现方式和响应用户的选择操作处于被选定状态时的呈现方式。

在本发明实施例中，步骤S140可以由第二设置模块140执行。

监听模块150，用于监听用户对所述第二视图或第三视图的选择操作。

在本发明实施例中，步骤S150可以由监听模块150执行。

第三设置模块160，用于若用户选择所述第二视图或第三视图，则将所述第二视图或第三视图设置为处于被选定状态的呈现方式。

在本发明实施例中，步骤S160可以由第三设置模块160执行。

显示模块170，用于当所述第三视图响应用户的选择操作处于被选定状态时，将所述第五视图进行显示。

在本发明实施例中，步骤S170可以由显示模块170执行。

调整模块180，用于动态调整所述包含所有视图的应用界面的大小，以容纳所述第五视图。

在本发明实施例中，步骤S180可以由调整模块180执行。

由于在匹配模式的视图设计方法部分已经详细描述，在此不再赘述。

综上所述，本发明实施例提供一种匹配模式的视图设计方法及装置，该匹配模式的视图设计方法及装置应用于客户终端，该客户终端上包含所有视图的应用界面为大小可动态调整的相对布局容器，该方法包括：在所述应用界面中设置第一视图、第二视图、第三视图、第四视图和第五视图，将第五视图进行隐藏，将第一视图、第二视图、第三视图和第四视图以相对布局的方式呈现在所述应用界面中，当第三视图响应用户的选择操作处于被选定状态时，将所述第五视图进行展示。在本方案中，通过对应用界面上的多个视图进行相对布局，以使得多个视图以更为美观的效果呈现，既节省了开发过程，又提高了用户体验感。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本发明的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本发明各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。

Claims (10)

1.一种匹配模式的视图设计方法，应用于客户终端，其特征在于，所述客户终端上包含所有所述视图的应用界面为大小可动态调整的相对布局容器，所述方法包括：

在所述应用界面中设置第一视图、第二视图、第三视图、第四视图和第五视图；

将所述第五视图进行隐藏；

将所述第一视图、第二视图、第三视图和第四视图以相对布局的方式呈现在所述应用界面中；

当所述第三视图响应用户的选择操作处于被选定状态时，将所述第五视图进行显示。

2.如权利要求1所述的匹配模式的视图设计方法，其特征在于，所述第三视图为暗号匹配模式，所述第五视图为暗号输入框，

所述当所述第三视图响应用户的选择操作处于被选定状态时，将所述第五视图进行显示的步骤包括：

当所述暗号匹配模式响应用户的选择操作处于被选定状态时，将所述暗号输入框进行显示。

3.如权利要求1所述的匹配模式的视图设计方法，其特征在于，所述方法还包括：

动态调整所述包含所有视图的应用界面的大小，以容纳所述第五视图。

4.如权利要求1所述的匹配模式的视图设计方法，其特征在于，所述第二视图为随机匹配模式，所述第三视图为暗号匹配模式，所述方法还包括：

分别设置所述第二视图和第三视图的初始呈现方式和响应用户的选择操作处于被选定状态时的呈现方式。

5.如权利要求4所述的匹配模式的视图设计方法，其特征在于，所述方法还包括：

监听用户对所述第二视图或第三视图的选择操作；

若用户选择所述二视图或第三视图，则将所述第二视图或第三视图设置为处于被选定状态的呈现方式。

6.一种匹配模式的视图设计装置，应用于客户终端，其特征在于，所述客户终端上包含所有视图的应用界面的大小为大小可动态调整的相对布局容器，所述装置包括：

第一设置模块，用于在所述应用界面中设置第一视图、第二视图、第三视图、第四视图和第五视图；

隐藏模块，用于将所述第五视图进行隐藏；

排列模块，用于将所述第一视图、第二视图、第三视图和第四视图以相对布局的方式呈现在所述应用界面中；

显示模块，用于当所述第三视图响应用户的选择操作处于被选定状态时，将所述第五视图进行显示。

7.如权利要求6所述的匹配模式的视图设计装置，其特征在于，所述第三视图为暗号匹配模式，所述第五视图为暗号输入框，所述显示模块还用于：

当所述暗号匹配模式响应用户的选择操作处于被选定状态时，将所述暗号输入框进行显示。

8.如权利要求6所述的匹配模式的视图设计装置，其特征在于，所述装置还包括：

调整模块，用于动态调整所述包含所有视图的应用界面的大小，以容纳所述第五视图。

9.如权利要求6所述的匹配模式的视图设计装置，其特征在于，所述第二视图为随机匹配模式，所述第三视图为暗号匹配模式，所述装置还包括：

第二设置模块，用于分别设置所述第二视图和第三视图的初始呈现方式和响应用户的选择操作处于被选定状态时的呈现方式。

10.如权利要求9所述的匹配模式的视图设计装置，其特征在于，所述装置还包括：

监听模块，用于监听用户对所述第二视图或第三视图的选择操作；

第三设置模块，用于若用户选择所述第二视图或第三视图，则将所述第二视图或第三视图设置为处于被选定状态的呈现方式。