CN104965642A - 下拉列表生成方法及装置 - Google Patents
下拉列表生成方法及装置 Download PDFInfo
- Publication number
- CN104965642A CN104965642A CN201410222984.8A CN201410222984A CN104965642A CN 104965642 A CN104965642 A CN 104965642A CN 201410222984 A CN201410222984 A CN 201410222984A CN 104965642 A CN104965642 A CN 104965642A
- Authority
- CN
- China
- Prior art keywords
- option
- drop
- system control
- down list
- selection
- 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.)
- Granted
Links
Abstract
本发明公开了一种下拉列表生成方法及装置,属于计算机技术领域。所述方法包括:获取网页信息中携带的选择元素的属性信息;根据所述属性信息在系统控件上绘制所述选择元素,得到下拉列表;将所述下拉列表添加到与所述网页信息对应的网页中进行显示。所述装置包括:信息获取模块、列表绘制模块和列表显示模块。本发明既解决了使用排版文件绘制下拉列表时,生成的布局文件中选择元素的显示样式单一,无法与网页中其他元素的显示样式统一的问题,也解决了在浏览器内核中添加绘制代码和事件处理逻辑影响其它网页元素,导致终端不稳定的问题,达到了统一网页中各元素的显示样式和增加终端稳定性的效果。
Description
技术领域
本发明涉及计算机技术领域,特别涉及一种下拉列表生成方法及装置。
背景技术
下拉列表是指可以通过下拉方式显示列表中隐藏的选项的列表。当激活下拉列表时,终端对下拉列表包括的各个选项进行显示,用户可以从显示的各个选项中选择一个或多个选项。
现有技术提供了两种下拉列表生成方法,第一种下拉列表生成方法包括:终端中的浏览器获取网页中的选择select元素;读取排版文件中定义的选择元素的显示样式;根据获取到的显示样式和选择元素生成布局文件;将布局文件添加到网页中进行显示。其中,显示样式中定义了选择元素的属性信息,该属性信息包括选择元素的宽和高、以及选择元素中各个选项的宽、高、排列方向和间距。第二种下拉列表生成方法包括:终端中的浏览器获取网页中的选择元素;获取用户手动添加的对下拉列表的事件处理逻辑以及和其它网页元素的绘制层级关系的绘制代码;通过浏览器内核运行上述代码实现对下拉列表进行绘制。
发明人在实现本发明的过程中,发现现有技术中至少存在以下缺陷:
对于第一种下拉列表生成方法,由于显示样式包括的属性信息较少,使得布局文件中选择元素的显示样式比较单一,当网页中其他元素包括背景、特效等其他属性信息时,选择元素的样式无法与网页中其他元素的显示样式统一。对于第二种下拉列表生成方法,当代码逻辑混乱时,容易影响到其它网页元素的绘制和事件处理,增加终端的不稳定性。
发明内容
为了解决布局文件中选择元素的显示样式单一,无法与网页中其他元素的显示样式统一的问题以及在浏览器内核中添加绘制代码和事件处理逻辑影响其它网页元素,导致终端不稳定的问题,本发明实施例提供了一种下拉列表生成方法及装置。所述技术方案如下:
第一方面,本发明实施例提供了一种下拉列表生成方法,所述方法包括:
获取网页信息中携带的选择元素的属性信息;
根据所述属性信息在系统控件上绘制所述选择元素,得到下拉列表;
将所述下拉列表添加到与所述网页信息对应的网页中进行显示。
第二方面,本发明实施例提供了一种下拉列表生成装置,所述装置包括:
信息获取模块,用于获取网页信息中携带的选择元素的属性信息;
列表绘制模块,用于根据所述信息获取模块获取到的所述属性信息在系统控件上绘制所述选择元素,得到下拉列表;
列表显示模块,用于将所述列表绘制模块绘制的所述下拉列表添加到与所述网页信息对应的网页中进行显示。
通过获取网页信息中携带的选择元素的属性信息;根据属性信息在系统控件上绘制选择元素,得到下拉列表;将下拉列表添加到与网页信息对应的网页中进行显示,可以预先在选择元素的属性信息中定义选择元素的显示样式,使得终端根据该定义的显示样式在系统控件上绘制下拉列表,丰富了选择元素的显示样式,既解决了使用排版文件绘制下拉列表时,生成的布局文件中选择元素的显示样式单一,无法与网页中其他元素的显示样式统一的问题,也解决了在浏览器内核中添加绘制代码和事件处理逻辑影响其它网页元素,导致终端不稳定的问题,达到了统一网页中各元素的显示样式和增加终端稳定性的效果。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一个实施例提供的下拉列表生成方法的方法流程图;
图2A是本发明另一实施例提供的下拉列表生成方法的方法流程图;
图2B是本发明实施例提供的系统控件的显示示意图;
图2C是本发明实施例提供的下拉列表的第一种显示示意图;
图2D是本发明实施例提供的下拉列表的第二种显示示意图;
图2E是本发明实施例提供的下拉列表的第三种显示示意图;
图3是本发明一个实施例提供的下拉列表生成装置的结构框架图;
图4是本发明再一实施例提供的下拉列表生成装置的结构框架图;
图5是本发明实施例提供的终端的结构方框图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
请参考图1,其示出了本发明一个实施例提供的下拉列表生成方法的方法流程图,该下拉列表生成方法可以应用于包括浏览器的终端中,该终端可以是智能电视、智能手机或者平板电脑等等。该下拉列表生成方法,包括:
步骤101,获取网页信息中携带的选择元素的属性信息;
选择元素是select元素,浏览器通过对网页信息进行解析即可获取到select元素。其中,select元素的属性信息即为CSS(Cascading Style Sheets,层叠样式表)属性,该CSS属性定义了select元素的字体属性、颜色和背景属性、文本属性、间距属性和边框属性等等,用于指示select元素在网页中的显示样式。
步骤102,根据属性信息在系统控件上绘制选择元素,得到下拉列表;
系统控件是终端的操作系统自带的控件,浏览器可以使用系统控件自带的功能绘制select元素,得到下拉列表。其中,本实施例中的系统控件是Dialog控件。
步骤103,将下拉列表添加到与网页信息对应的网页中进行显示。
浏览器根据网页信息生成网页,将绘制好的下拉列表添加到网页中进行显示。
综上所述,本发明实施例提供的下拉列表生成方法,通过获取网页信息中携带的选择元素的属性信息;根据属性信息在系统控件上绘制选择元素,得到下拉列表;将下拉列表添加到与网页信息对应的网页中进行显示,可以预先在选择元素的属性信息中定义选择元素的显示样式,使得终端根据该定义的显示样式在系统控件上绘制下拉列表,丰富了选择元素的显示样式,既解决了使用排版文件绘制下拉列表时,生成的布局文件中选择元素的显示样式单一,无法与网页中其他元素的显示样式统一的问题,也解决了在浏览器内核中添加绘制代码和事件处理逻辑影响其它网页元素,导致终端不稳定的问题,达到了统一网页中各元素的显示样式和增加终端稳定性的效果。
请参考图2A,其示出了本发明另一实施例提供的下拉列表生成方法的方法流程图,该下拉列表生成方法可以应用于包括浏览器的终端中,该终端可以是智能电视、智能手机或者平板电脑等等。该下拉列表生成方法,包括:
步骤201,获取网页信息中携带的选择元素的属性信息;
选择元素是select元素,浏览器通过对网页信息进行解析即可获取到select元素。其中,select元素的属性信息即为CSS属性,该CSS属性定义了select元素的字体属性、颜色和背景属性、文本属性、间距属性和边框属性等等,用于指示select元素在网页中的显示样式。
由于浏览器是根据CSS属性定义的显示样式绘制select元素的,因此,为了使select元素与网页中其它元素的显示样式相同,可以预先根据网页中其他元素的显示样式设置select元素的CSS属性,使得浏览器根据CSS属性绘制的select元素的显示样式与网页中其他元素的显示样式相同。
步骤202,在网页中的指定区域显示系统控件,该指定区域由属性信息确定;
系统控件是终端的操作系统自带的控件,浏览器可以使用系统控件自带的功能绘制select元素,得到下拉列表。其中,本实施例中的系统控件是Dialog控件。
由于浏览器是在系统控件上绘制select元素的,因此,浏览器首先需要根据select元素的显示样式设置系统控件的显示样式,并在网页中显示该系统控件。具体地,浏览器读取属性信息中定义的select元素的宽度、高度和位置信息,根据位置信息在网页中定位出该位置,在该位置处按照宽度和高度显示系统控件。
请参考图2B所示的系统控件的显示示意图,图2B中的显示系统控件包括输入框、用于提示进行输入的提示信息和用于触发输入的下拉箭头。
步骤203,若监听到对系统控件的激活事件,则根据属性信息在系统控件上绘制选择元素,得到下拉列表;
本实施例中,系统控件自带有事件监听功能,因此,系统控件可以通过自带的功能对是否有作用于自身的事件进行监听。
其中,浏览器可以通过系统控件实现事件监听,而不需要开发人员开发用于实现事件监听的代码,将代码加载到浏览器中实现,降低了事件监听的实现复杂度,同时,也避免了代码逻辑混乱时,对网页中其他元素的绘制和事件监听造成影响的问题,提高了终端的稳定性。
本实施例中,select元素包括至少一个选择选项,该选择选项即为option选项且每一个option选项对应于下拉列表中的一个选项。比如,select元素是“水果”,则select元素包括的选择选项可以是“苹果”、“香蕉”和“菠萝”等等。
若浏览器通过系统控件监听到激活事件,则确定需要对select元素包括的各个选择选项进行显示,此时需要在系统控件上绘制select元素,以得到下拉列表。其中,激活事件是指触发在系统控件上显示下拉列表的各个option选项的事件。
具体地,根据属性信息在系统控件上绘制选择元素,得到下拉列表,包括:
1)获取选择元素中携带的各个选择选项;
2)根据属性信息确定各个选择选项的宽度和高度;
3)按照宽度和高度在系统控件中绘制各个选择选项,得到下拉列表。
浏览器可以读取select元素中携带的各个option选项,并获取属性信息中定义的每个option选项的宽度和高度,按照宽度和高度以及各个option选项在下拉列表中的显示顺序在系统控件中绘制各个option选项,得到下拉列表。通常,option选项的宽度与系统控件的宽度相同。
本实施例中,浏览器还可以检测select元素是否支持同时选择至少两个option选项;若检测出select元素支持同时选择至少两个option选项,则对每个option选项绘制一个用于指示“选中”和“未选中”的标记;若检测出select元素不支持同时选择至少两个option选项,则可以对每个option选项绘制一个用于指示“选中”和“未选中”的标记,也可以不绘制标记。
请参考图2C所示的下拉列表的第一种显示示意图,图2C中的option选项为“qq.com”、“vip.qq.com”、“foxmail.com”、“google.com”和“baike.baidu.com”且绘制了标记。本实施例以圆形标记为例进行说明,则当option选项处于选中状态时,圆形标记为实心圆;当option选项处于未选中状态时,圆形标记为空心圆。其中,当一个option选项的内容较多时,可以根据内容调整option选项的宽度。
请参考图2D所示的下拉列表的第二种显示示意图,图2D中的option选项为“qq.com”、“vip.qq.com”、“foxmail.com”、“google.com”和“baike.baidu.com”且未绘制标记。
优选地,属性信息中还可以携带有option选项的字体属性、颜色和背景属性、文本属性、间距属性和边框属性等等,系统控件可以根据这些属性对option选项进行优化绘制。
当select元素中携带的option选项较多时,终端的显示界面可能不能一次显示所有的option选项,此时需要绘制添加有滚动条的下拉列表,则按照宽度和高度在系统控件中绘制各个选择选项,得到下拉列表,包括:
1)检测所有选择选项的联合显示高度是否大于高度阈值;
2)若检测出所有选择选项的联合显示高度大于高度阈值,则按照宽度和高度在系统控件中绘制各个选择选项和滚动条,得到下拉列表。
浏览器获取option选项的个数和每个option选项的高度,将个数乘以高度得到所有option选项的联合显示高度;浏览器再获取高度阈值;检测联合显示高度是否大于该高度阈值;若检测出联合显示高度大于该高度阈值,则确定显示界面不能一次显示所有的option选项,此时需要通过系统控件绘制滚动条;若检测出联合显示高度小于或等于高度阈值,则确定显示界面能够一次显示所有的option选项,此时不需要绘制滚动条。其中,高度阈值小于等于终端的显示界面的高度。
步骤204,将下拉列表添加到与网页信息对应的网页中进行显示。
浏览器根据网页信息生成网页,将绘制好的下拉列表添加到网页中进行显示。请参考图2E所示的下拉列表的第三种显示示意图,图2E中的下拉列表显示在网页中。
通过系统控件对下拉列表进行事件监听,通过对监听到的事件进行处理来响应用户对下拉列表的操作。浏览器监听到的事件包括但不限于点击事件、滚动事件和关闭事件。点击事件是指用户选中一个option选项时触发的事件,滚动事件是指将某一个option选项及与该option选项相邻的多个option选项进行滑动的事件,关闭事件是指对下拉列表进行关闭,仅在显示界面中显示系统控件的事件。
第一,将下拉列表添加到与网页信息对应的网页中进行显示之后,还包括:
1)若通过系统控件监听到滚动事件,则根据算法确定滚动事件结束时滚动条上的滑块的位置;
2)对与滑块的位置对应的选择选项进行标记,使得再次通过系统控件监听到激活事件时,从标记的选择选项开始显示下拉列表。
本实施例中,只有对绘制了滚动条的下拉列表,系统控件才会监听到滚动事件。若系统控件监听到滚动事件,可以获取下拉列表中option选项的滚动方向和滚动加速度,根据滚动加速度计算停止滚动时滚动条上的滑块的位置,根据绘制option选项时记录的各个option选项的位置确定与该滑块的位置对应的option选项,并对确定的option选项进行标记。若此时系统控件监听到关闭事件,则关闭下拉列表,仅在显示界面中显示系统控件;若系统控件再次监听到激活事件,则默认从标记的option选项开始显示下拉列表。
第二,将下拉列表添加到与网页信息对应的网页中进行显示之后,还包括:
1)若通过系统控件监听到点击事件,则通过系统控件对点击事件作用于的选择选项进行标记;
2)通过系统控件获取标记的选择选项的索引;
3)根据索引和预设的对应关系确定点击事件作用于的选择选项,该对应关系是索引和选择选项之间的一一对应的关系。
若系统控件监听到点击事件,则对点击事件作用于的option选项进行标记,将该option选项发送给浏览器,浏览器对该option选项进行处理。比如,将该option选项显示在系统控件中等等。
其中,在对option选项进行标记时,若select元素支持同时选择至少两个选择选项,则可以通过为每个option选项绘制的标识中标记该option选项的选中状态;若select元素不支持同时选择至少两个选择选项且未绘制标记,则可以通过对该option选项进行高亮显示来标记该option选项的选中状态。
由于option选项的信息较多,因此,为了节省系统控件向浏览器发送option选项时占用的资源,系统控件可以获取标记的option选项的索引,将该索引发送给浏览器,浏览器根据该索引与预设的对应关系确定点击事件作用于的option选项,并对该option选项进行处理。其中,对应关系是索引和选择选项之间的一一对应的关系,由浏览器在获取到select元素后建立。
其中,索引可以是option选项在下拉列表中的显示顺序。比如,下拉列表中第一个显示的option选项的索引是1,第二个显示的option选项的索引是2等等。当然,还可以采用其它方式为option选项设置索引,本实施例不限定索引的设置方式。
进一步地,根据索引和预设的对应关系确定点击事件作用于的选择选项之后,还包括:
若选择元素支持同时选择至少两个选择选项,则通过系统控件继续对事件进行监听;
若选择元素不支持同时选择至少两个选择选项,则停止通过系统控件对事件的监听。
若select元素支持同时选择至少两个option选项,则浏览器在确定了点击事件作用于的option选项之后,还需要通过系统控件继续对事件进行监听,直至监听到关闭事件时关闭下拉菜单。当系统控件检测到焦点超出下拉列表的显示区域时,确定监听到关闭事件。其中,浏览器可以通过系统控件继续监听到点击事件和/或滚动事件。
若select元素不支持同时选择至少两个option选项,则浏览器在确定了点击事件作用于的option选项之后,停止通过系统控件对事件进行监听。
综上所述,本发明实施例提供的下拉列表生成方法,通过获取网页信息中携带的选择元素的属性信息;根据属性信息在系统控件上绘制选择元素,得到下拉列表;将下拉列表添加到与网页信息对应的网页中进行显示,可以预先在选择元素的属性信息中定义选择元素的显示样式,使得终端根据该定义的显示样式在系统控件上绘制下拉列表,丰富了选择元素的显示样式,既解决了使用排版文件绘制下拉列表时,生成的布局文件中选择元素的显示样式单一,无法与网页中其他元素的显示样式统一的问题,也解决了在浏览器内核中添加绘制代码和事件处理逻辑影响其它网页元素,导致终端不稳定的问题,达到了统一网页中各元素的显示样式和增加终端稳定性的效果。
另外,通过系统控件对事件进行监听,使得系统控件可以使用自带的功能进行事件监听,而不需要另外加载代码到终端中来实现事件监听,降低了事件监听的实现复杂度。
请参考图3,其示出了本发明一个实施例提供的下拉列表生成装置的结构框架图,该下拉列表生成装置可以应用于包括浏览器的终端中,该终端可以是智能电视、智能手机或者平板电脑等等。该下拉列表生成装置,包括:
信息获取模块301,用于获取网页信息中携带的选择元素的属性信息;
列表绘制模块302,用于根据信息获取模块301获取到的属性信息在系统控件上绘制选择元素,得到下拉列表;
列表显示模块303,用于将列表绘制模块302绘制的下拉列表添加到与网页信息对应的网页中进行显示。
综上所述,本发明实施例提供的下拉列表生成装置,通过获取网页信息中携带的选择元素的属性信息;根据属性信息在系统控件上绘制选择元素,得到下拉列表;将下拉列表添加到与网页信息对应的网页中进行显示,可以预先在选择元素的属性信息中定义选择元素的显示样式,使得终端根据该定义的显示样式在系统控件上绘制下拉列表,丰富了选择元素的显示样式,既解决了使用排版文件绘制下拉列表时,生成的布局文件中选择元素的显示样式单一,无法与网页中其他元素的显示样式统一的问题,也解决了在浏览器内核中添加绘制代码和事件处理逻辑影响其它网页元素,导致终端不稳定的问题,达到了统一网页中各元素的显示样式和增加终端稳定性的效果。
请参考图4,其示出了本发明再一实施例提供的下拉列表生成装置的结构框架图,该下拉列表生成装置可以应用于包括浏览器的终端中,该终端可以是智能电视、智能手机或者平板电脑等等。该下拉列表生成装置,包括:信息获取模块301、列表绘制模块302和列表显示模块303。
信息获取模块301,用于获取网页信息中携带的选择元素的属性信息;
列表绘制模块302,用于根据信息获取模块301获取到的属性信息在系统控件上绘制选择元素,得到下拉列表;
列表显示模块303,用于将列表绘制模块302绘制的下拉列表添加到与网页信息对应的网页中进行显示。
可选的,装置,还包括:
控件显示模块304,用于列表绘制模块303根据属性信息在系统控件上绘制选择元素,得到下拉列表之前,在网页中的指定区域显示系统控件,指定区域由属性信息确定;
操作触发模块305,用于在监听到对系统控件的激活事件时,触发执行根据属性信息在系统控件上绘制选择元素,得到下拉列表的操作。
可选的,列表绘制模块302,包括:
选项获取单元3021,用于获取选择元素中携带的各个选择选项;
信息确定单元3022,用于根据属性信息确定选项获取单元3021获取到的各个选择选项的宽度和高度;
选项绘制单元3023,用于按照信息确定单元3022确定的宽度和高度在系统控件中绘制各个选择选项,得到下拉列表。
可选的,选项绘制单元3023,包括:
检测子单元30231,用于检测所有选择选项的联合显示高度是否大于高度阈值;
绘制子单元30232,用于在检测子单元30231检测出所有选择选项的联合显示高度大于高度阈值时,按照宽度和高度在系统控件中绘制各个选择选项和滚动条,得到下拉列表。
可选的,装置,还包括:
位置确定模块306,用于列表显示模块303将下拉列表添加到与网页信息对应的网页中进行显示之后,若通过系统控件监听到滚动事件,则根据算法确定滚动事件结束时滚动条上的滑块的位置;
第一标记模块307,用于对与滑块的位置确定模块306确定的位置对应的选择选项进行标记,使得再次通过系统控件监听到激活事件时,从标记的选择选项开始显示下拉列表。
可选的,装置,还包括:
第二标记模块308,用于列表显示模块303将下拉列表添加到与网页信息对应的网页中进行显示之后,若通过系统控件监听到点击事件,则通过系统控件对点击事件作用于的选择选项进行标记;
索引获取模块309,用于通过系统控件获取第二标记模块308标记的选择选项的索引;
选项确定模块310,用于根据索引获取模块309获取到的索引和预设的对应关系确定点击事件作用于的选择选项,对应关系是索引和选择选项之间的一一对应的关系。
可选的,装置,还包括:
事件监听模块311,用于选项确定模块310根据索引和预设的对应关系确定点击事件作用于的选择选项之后,若选择元素支持同时选择至少两个选择选项,则通过系统控件继续对事件进行监听;
监听停止模块312,用于选项确定模块310根据索引和预设的对应关系确定点击事件作用于的选择选项之后,若选择元素不支持同时选择至少两个选择选项,则停止通过系统控件对事件的监听。
综上所述,本发明实施例提供的下拉列表生成装置,通过获取网页信息中携带的选择元素的属性信息;根据属性信息在系统控件上绘制选择元素,得到下拉列表;将下拉列表添加到与网页信息对应的网页中进行显示,可以预先在选择元素的属性信息中定义选择元素的显示样式,使得终端根据该定义的显示样式在系统控件上绘制下拉列表,丰富了选择元素的显示样式,既解决了使用排版文件绘制下拉列表时,生成的布局文件中选择元素的显示样式单一,无法与网页中其他元素的显示样式统一的问题,也解决了在浏览器内核中添加绘制代码和事件处理逻辑影响其它网页元素,导致终端不稳定的问题,达到了统一网页中各元素的显示样式和增加终端稳定性的效果。
另外,通过系统控件对事件进行监听,使得系统控件可以使用自带的功能进行事件监听,而不需要另外加载代码到终端中来实现事件监听,降低了事件监听的实现复杂度。
请参考图5,其示出了本发明一个实施例提供的终端的结构方框图,该终端用于实施上述实施例提供的下拉列表生成方法,本发明实施例中的终端可以包括一个或多个如下组成部分:用于执行计算机程序指令以完成各种流程和方法的处理器,用于信息和存储程序指令随机接入存储器(RAM)和只读存储器(ROM),用于存储数据和信息的存储器,I/O设备,界面,天线等。具体来讲:
终端500可以包括RF(Radio Frequency,射频)电路510、存储器520、输入单元530、显示单元540、传感器550、音频电路560、WiFi(wireless fidelity,无线保真)模块570、处理器580、电源582、摄像头590等部件。本领域技术人员可以理解,图5中示出的终端结构并不构成对终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
下面结合图5对终端500的各个构成部件进行具体的介绍:
RF电路510可用于收发信息或通话过程中,信号的接收和发送,特别地,将基站的下行信息接收后,给处理器580处理;另外,将设计上行的数据发送给基站。通常,RF电路包括但不限于天线、至少一个放大器、收发信机、耦合器、LNA(Low Noise Amplifier,低噪声放大器)、双工器等。此外,RF电路510还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议,包括但不限于GSM(Global System of Mobile communication,全球移动通讯系统)、GPRS(General Packet Radio Service,通用分组无线服务)、CDMA(Code Division Multiple Access,码分多址)、WCDMA(Wideband CodeDivision Multiple Access,宽带码分多址)、LTE(Long Term Evolution,长期演进)、电子邮件、SMS(Short Messaging Service,短消息服务)等。
存储器520可用于存储软件程序以及模块,处理器580通过运行存储在存储器520的软件程序以及模块,从而执行终端500的各种功能应用以及数据处理。存储器520可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据终端500的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器520可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
输入单元530可用于接收输入的数字或字符信息,以及产生与终端500的用户设置以及功能控制有关的键信号输入。具体地,输入单元530可包括触控面板531以及其他输入设备532。触控面板531,也称为触摸屏,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板531上或在触控面板531附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触控面板531可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器580,并能接收处理器580发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板531。除了触控面板531,输入单元530还可以包括其他输入设备532。具体地,其他输入设备532可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元540可用于显示由用户输入的信息或提供给用户的信息以及终端500的各种菜单。显示单元540可包括显示面板541,可选的,可以采用LCD(Liquid Crystal Display,液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板541。进一步的,触控面板531可覆盖显示面板541,当触控面板531检测到在其上或附近的触摸操作后,传送给处理器580以确定触摸事件的类型,随后处理器580根据触摸事件的类型在显示面板541上提供相应的视觉输出。虽然在图5中,触控面板531与显示面板541是作为两个独立的部件来实现终端500的输入和输入功能,但是在某些实施例中,可以将触控面板531与显示面板541集成而实现终端500的输入和输出功能。
终端500还可包括至少一种传感器550,比如陀螺仪传感器、磁感应传感器、光传感器、运动传感器以及其他传感器。具体地,光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板541的亮度,接近传感器可在终端500移动到耳边时,关闭显示面板541和/或背光。作为运动传感器的一种,加速度传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别终端姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于终端500还可配置的气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
音频电路560、扬声器561,传声器562可提供用户与终端500之间的音频接口。音频电路560可将接收到的音频数据转换后的电信号,传输到扬声器561,由扬声器561转换为声音信号输出;另一方面,传声器562将收集的声音信号转换为电信号,由音频电路560接收后转换为音频数据,再将音频数据输出处理器580处理后,经RF电路510以发送给比如另一终端,或者将音频数据输出至存储器520以便进一步处理。
WiFi属于短距离无线传输技术,终端500通过WiFi模块570可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图5示出了WiFi模块570,但是可以理解的是,其并不属于终端500的必须构成,完全可以根据需要在不改变公开的本质的范围内而省略。
处理器580是终端500的控制中心,利用各种接口和线路连接整个终端的各个部分,通过运行或执行存储在存储器520内的软件程序和/或模块,以及调用存储在存储器520内的数据,执行终端500的各种功能和处理数据,从而对终端进行整体监控。可选的,处理器580可包括一个或多个处理单元;优选的,处理器580可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器580中。
终端500还包括给各个部件供电的电源582(比如电池),优选的,电源可以通过电源管理系统与处理器580逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。
摄像头590一般由镜头、图像传感器、接口、数字信号处理器、CPU、显示屏幕等组成。其中,镜头固定在图像传感器的上方,可以通过手动调节镜头来改变聚焦;图像传感器相当于传统相机的“胶卷”,是摄像头采集图像的心脏;接口用于把摄像头利用排线、板对板连接器、弹簧式连接方式与终端主板连接,将采集的图像发送给所述存储器520;数字信号处理器通过数学运算对采集的图像进行处理,将采集的模拟图像转换为数字图像并通过接口发送给存储器520。
尽管未示出,终端500还可以包括蓝牙模块等,在此不再赘述。
终端500除了包括一个或者多个处理器580,还包括有存储器,以及一个或者多个模块,其中一个或者多个模块存储于存储器中,并被配置成由一个或者多个处理器执行。上述一个或者多个模块用于执行下拉列表生成方法,该下拉列表生成方法是图1及图1所对应实施例所示出的下拉列表生成方法;和/或,该下拉列表生成方法是图2A及图2A所对应实施例所示出的下拉列表生成方法。
需要说明的是:上述实施例提供的下拉列表生成装置在进行下拉列表生成时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将下拉列表生成装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的下拉列表生成装置与下拉列表生成方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (14)
1.一种下拉列表生成方法,其特征在于,所述方法包括:
获取网页信息中携带的选择元素的属性信息;
根据所述属性信息在系统控件上绘制所述选择元素,得到下拉列表;
将所述下拉列表添加到与所述网页信息对应的网页中进行显示。
2.根据权利要求1所述的方法,其特征在于,所述根据所述属性信息在系统控件上绘制所述选择元素,得到下拉列表之前,还包括:
在所述网页中的指定区域显示所述系统控件,所述指定区域由所述属性信息确定;
若监听到对所述系统控件的激活事件,则触发执行所述根据所述属性信息在系统控件上绘制所述选择元素,得到下拉列表的步骤。
3.根据权利要求1所述的方法,其特征在于,所述根据所述属性信息在系统控件上绘制所述选择元素,得到下拉列表,包括:
获取所述选择元素中携带的各个选择选项;
根据所述属性信息确定各个选择选项的宽度和高度;
按照所述宽度和高度在所述系统控件中绘制各个选择选项,得到所述下拉列表。
4.根据权利要求3所述的方法,其特征在于,所述按照所述宽度和高度在所述系统控件中绘制各个选择选项,得到所述下拉列表,包括:
检测所有选择选项的联合显示高度是否大于高度阈值;
若检测出所有选择选项的联合显示高度大于高度阈值,则按照所述宽度和高度在所述系统控件中绘制各个选择选项和滚动条,得到所述下拉列表。
5.根据权利要求4所述的方法,其特征在于,所述将所述下拉列表添加到与所述网页信息对应的网页中进行显示之后,还包括:
若通过所述系统控件监听到滚动事件,则根据算法确定所述滚动事件结束时所述滚动条上的滑块的位置;
对与所述滑块的位置对应的选择选项进行标记,使得再次通过所述系统控件监听到激活事件时,从标记的所述选择选项开始显示所述下拉列表。
6.根据权利要求1至5任一项所述的方法,其特征在于,所述将所述下拉列表添加到与所述网页信息对应的网页中进行显示之后,还包括:
若通过所述系统控件监听到点击事件,则通过所述系统控件对所述点击事件作用于的选择选项进行标记;
通过所述系统控件获取标记的所述选择选项的索引;
根据所述索引和预设的对应关系确定所述点击事件作用于的所述选择选项,所述对应关系是索引和选择选项之间的一一对应的关系。
7.根据权利要求6所述的方法,其特征在于,所述根据所述索引和预设的对应关系确定所述点击事件作用于的所述选择选项之后,还包括:
若所述选择元素支持同时选择至少两个选择选项,则通过所述系统控件继续对事件进行监听;
若所述选择元素不支持同时选择至少两个选择选项,则停止通过所述系统控件对事件的监听。
8.一种下拉列表生成装置,其特征在于,所述装置包括:
信息获取模块,用于获取网页信息中携带的选择元素的属性信息;
列表绘制模块,用于根据所述信息获取模块获取到的所述属性信息在系统控件上绘制所述选择元素,得到下拉列表;
列表显示模块,用于将所述列表绘制模块绘制的所述下拉列表添加到与所述网页信息对应的网页中进行显示。
9.根据权利要求8所述的装置,其特征在于,所述装置,还包括:
控件显示模块,用于所述列表绘制模块根据所述属性信息在系统控件上绘制所述选择元素,得到下拉列表之前,在所述网页中的指定区域显示所述系统控件,所述指定区域由所述属性信息确定;
操作触发模块,用于在监听到对所述系统控件的激活事件时,触发执行所述根据所述属性信息在系统控件上绘制所述选择元素,得到下拉列表的操作。
10.根据权利要求8所述的装置,其特征在于,所述列表绘制模块,包括:
选项获取单元,用于获取所述选择元素中携带的各个选择选项;
信息确定单元,用于根据所述属性信息确定所述选项获取单元获取到的各个选择选项的宽度和高度;
选项绘制单元,用于按照所述信息确定单元确定的所述宽度和高度在所述系统控件中绘制各个选择选项,得到所述下拉列表。
11.根据权利要求10所述的装置,其特征在于,所述选项绘制单元,包括:
检测子单元,用于检测所有选择选项的联合显示高度是否大于高度阈值;
绘制子单元,用于在所述检测子单元检测出所有选择选项的联合显示高度大于高度阈值时,按照所述宽度和高度在所述系统控件中绘制各个选择选项和滚动条,得到所述下拉列表。
12.根据权利要求11所述的装置,其特征在于,所述装置,还包括:
位置确定模块,用于所述列表显示模块将所述下拉列表添加到与所述网页信息对应的网页中进行显示之后,若通过所述系统控件监听到滚动事件,则根据算法确定所述滚动事件结束时所述滚动条上的滑块的位置;
第一标记模块,用于对与所述滑块的位置确定模块确定的所述位置对应的选择选项进行标记,使得再次通过所述系统控件监听到激活事件时,从标记的所述选择选项开始显示所述下拉列表。
13.根据权利要求8至12任一项所述的装置,其特征在于,所述装置,还包括:
第二标记模块,用于所述列表显示模块将所述下拉列表添加到与所述网页信息对应的网页中进行显示之后,若通过所述系统控件监听到点击事件,则通过所述系统控件对所述点击事件作用于的选择选项进行标记;
索引获取模块,用于通过所述系统控件获取所述第二标记模块标记的所述选择选项的索引;
选项确定模块,用于根据所述索引获取模块获取到的所述索引和预设的对应关系确定所述点击事件作用于的所述选择选项,所述对应关系是索引和选择选项之间的一一对应的关系。
14.根据权利要求13所述的装置,其特征在于,所述装置,还包括:
事件监听模块,用于所述选项确定模块根据所述索引和预设的对应关系确定所述点击事件作用于的所述选择选项之后,若所述选择元素支持同时选择至少两个选择选项,则通过所述系统控件继续对事件进行监听;
监听停止模块,用于所述选项确定模块根据所述索引和预设的对应关系确定所述点击事件作用于的所述选择选项之后,若所述选择元素不支持同时选择至少两个选择选项,则停止通过所述系统控件对事件的监听。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410222984.8A CN104965642B (zh) | 2014-05-23 | 2014-05-23 | 下拉列表生成方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410222984.8A CN104965642B (zh) | 2014-05-23 | 2014-05-23 | 下拉列表生成方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104965642A true CN104965642A (zh) | 2015-10-07 |
CN104965642B CN104965642B (zh) | 2019-05-28 |
Family
ID=54219676
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410222984.8A Active CN104965642B (zh) | 2014-05-23 | 2014-05-23 | 下拉列表生成方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104965642B (zh) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107526586A (zh) * | 2017-07-31 | 2017-12-29 | 郑州众智科技股份有限公司 | 通过下拉列表可多选选项的自制用户控件的生成方法 |
CN109213479A (zh) * | 2017-06-29 | 2019-01-15 | 武汉斗鱼网络科技有限公司 | 网页下拉的刷新显示方法、存储介质、电子设备及系统 |
CN109324795A (zh) * | 2017-07-27 | 2019-02-12 | 武汉斗鱼网络科技有限公司 | 一种页面中下拉框的展示方法及系统 |
CN109426415A (zh) * | 2017-08-31 | 2019-03-05 | 北京国双科技有限公司 | 一种生成级联选择器的方法及装置 |
CN109871500A (zh) * | 2019-01-24 | 2019-06-11 | 平安科技(深圳)有限公司 | 页面加载方法、装置、计算机设备和存储介质 |
CN109947617A (zh) * | 2019-02-25 | 2019-06-28 | 努比亚技术有限公司 | 一种监听应用界面显示内容的方法、终端及可读存储介质 |
CN111367504A (zh) * | 2018-12-26 | 2020-07-03 | 商派软件有限公司 | 一种全场景适用的数据选择器及数据选择方法 |
CN114327731A (zh) * | 2021-12-31 | 2022-04-12 | 北京字跳网络技术有限公司 | 信息显示方法、装置、设备及介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101739251A (zh) * | 2008-11-17 | 2010-06-16 | 康佳集团股份有限公司 | 一种界面控件生成方法及其系统 |
CN102750158A (zh) * | 2011-04-20 | 2012-10-24 | 腾讯科技(深圳)有限公司 | 一种基于塞班操作系统设置功能应用的方法及装置 |
CN103713810A (zh) * | 2012-10-09 | 2014-04-09 | 腾讯科技(深圳)有限公司 | 一种移动终端列表数据交互方法及装置 |
-
2014
- 2014-05-23 CN CN201410222984.8A patent/CN104965642B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101739251A (zh) * | 2008-11-17 | 2010-06-16 | 康佳集团股份有限公司 | 一种界面控件生成方法及其系统 |
CN102750158A (zh) * | 2011-04-20 | 2012-10-24 | 腾讯科技(深圳)有限公司 | 一种基于塞班操作系统设置功能应用的方法及装置 |
CN103713810A (zh) * | 2012-10-09 | 2014-04-09 | 腾讯科技(深圳)有限公司 | 一种移动终端列表数据交互方法及装置 |
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109213479A (zh) * | 2017-06-29 | 2019-01-15 | 武汉斗鱼网络科技有限公司 | 网页下拉的刷新显示方法、存储介质、电子设备及系统 |
CN109324795A (zh) * | 2017-07-27 | 2019-02-12 | 武汉斗鱼网络科技有限公司 | 一种页面中下拉框的展示方法及系统 |
CN107526586A (zh) * | 2017-07-31 | 2017-12-29 | 郑州众智科技股份有限公司 | 通过下拉列表可多选选项的自制用户控件的生成方法 |
CN109426415A (zh) * | 2017-08-31 | 2019-03-05 | 北京国双科技有限公司 | 一种生成级联选择器的方法及装置 |
CN111367504A (zh) * | 2018-12-26 | 2020-07-03 | 商派软件有限公司 | 一种全场景适用的数据选择器及数据选择方法 |
CN111367504B (zh) * | 2018-12-26 | 2021-01-26 | 商派软件有限公司 | 一种全场景适用的数据选择器及数据选择方法 |
CN109871500A (zh) * | 2019-01-24 | 2019-06-11 | 平安科技(深圳)有限公司 | 页面加载方法、装置、计算机设备和存储介质 |
CN109947617A (zh) * | 2019-02-25 | 2019-06-28 | 努比亚技术有限公司 | 一种监听应用界面显示内容的方法、终端及可读存储介质 |
CN109947617B (zh) * | 2019-02-25 | 2023-05-30 | 努比亚技术有限公司 | 一种监听应用界面显示内容的方法、终端及可读存储介质 |
CN114327731A (zh) * | 2021-12-31 | 2022-04-12 | 北京字跳网络技术有限公司 | 信息显示方法、装置、设备及介质 |
CN114327731B (zh) * | 2021-12-31 | 2023-11-14 | 北京字跳网络技术有限公司 | 信息显示方法、装置、设备及介质 |
Also Published As
Publication number | Publication date |
---|---|
CN104965642B (zh) | 2019-05-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104965642A (zh) | 下拉列表生成方法及装置 | |
CN104978115A (zh) | 内容显示方法及装置 | |
CN105095432A (zh) | 网页批注显示方法及装置 | |
CN103473004A (zh) | 一种显示消息的方法、装置及终端设备 | |
CN103543913A (zh) | 一种终端设备操作方法、装置和终端设备 | |
CN105847996A (zh) | 一种视频播放方法及装置 | |
CN104965843A (zh) | 一种获取评论信息的方法及装置 | |
CN103310004A (zh) | 未读消息数目显示方法、装置和设备 | |
CN111580815B (zh) | 一种页面元素的编辑方法及相关设备 | |
CN105094809A (zh) | 组合图片布局修改方法、装置以及终端设备 | |
CN103513769A (zh) | 按键功能的设置方法、装置和移动终端 | |
CN103313139A (zh) | 播放历史显示方法、装置及电子设备 | |
CN105022616A (zh) | 一种生成网页页面的方法及装置 | |
CN103616983A (zh) | 一种图片展示方法、装置和终端设备 | |
CN104679381A (zh) | 切换聊天窗口的方法及装置 | |
CN104216915A (zh) | 网页处理方法、装置和终端设备 | |
CN104954159A (zh) | 一种网络信息统计的方法和装置 | |
CN104571979A (zh) | 一种实现分屏视图的方法和装置 | |
CN104869465A (zh) | 视频播放控制方法和装置 | |
CN105447124A (zh) | 虚拟物品分享方法和装置 | |
CN104602135A (zh) | 控制全屏播放的方法及装置 | |
CN106797336A (zh) | 历史聊天记录展示的方法和装置 | |
CN104199596A (zh) | 场景界面切换方法及装置 | |
CN104991699A (zh) | 一种视频显示控制的方法和装置 | |
CN103399706A (zh) | 页面交互方法、装置及终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |