一种菜单的自响应式实现方法及系统、终端设备的制造方法_3

文档序号:9578958阅读:来源:国知局
者图片绘制输入识别为字符或图像。
[0066] 电源单元190在控制器180的控制下接收外部电力或内部电力并且提供操作各元 件和组件所需的适当的电力。
[0067] 这里描述的各种实施方式可以以使用例如计算机软件、硬件或其任何组合的计算 机可读介质来实施。对于硬件实施,这里描述的实施方式可以通过使用特定用途集成电路 (ASIC)、数字信号处理器(DSP)、数字信号处理装置(DSPD)、可编程逻辑装置(PLD)、现场可 编程门阵列(FPGA)、处理器、控制器、微控制器、微处理器、被设计为执行这里描述的功能的 电子单元中的至少一种来实施,在一些情况下,这样的实施方式可以在控制器180中实施。 对于软件实施,诸如过程或功能的实施方式可以与允许执行至少一种功能或操作的单独的 软件模块来实施。软件代码可以由以任何适当的编程语言编写的软件应用程序(或程序) 来实施,软件代码可以存储在存储器160中并且由控制器180执行。
[0068] 至此,己经按照其功能描述了移动终端。下面,为了简要起见,将描述诸如折叠型、 直板型、摆动型、滑动型移动终端等等的各种类型的移动终端中的滑动型移动终端作为示 例。因此,本发明能够应用于任何类型的移动终端,并且不限于滑动型移动终端。
[0069] 如图1中所示的移动终端100可以被构造为利用经由帧或分组发送数据的诸如有 线和无线通信系统以及基于卫星的通信系统来操作。
[0070] 现在将参考图2描述其中根据本发明的移动终端能够操作的通信系统。
[0071] 这样的通信系统可以使用不同的空中接口和/或物理层。例如,由通信系统使用 的空中接口包括例如频分多址(FDMA)、时分多址(TDMA)、码分多址(CDMA)和通用移动通信 系统(UMTS)(特别地,长期演进(LTE))、全球移动通信系统(GSM)等等。作为非限制性示 例,下面的描述涉及CDMA通信系统,但是这样的教导同样适用于其它类型的系统。
[0072] 参考图2,CDMA无线通信系统可以包括多个移动终端100、多个基站(BS)270、 基站控制器(BSC) 275和移动交换中心(MSC) 280。MSC280被构造为与公共电话交换网络 (PSTN) 290形成接口。MSC280还被构造为与可以经由回程线路耦接到基站270的BSC275形 成接口。回程线路可以根据若干己知的接口中的任一种来构造,所述接口包括例如E1/T1、 ATM,IP、PPP、帧中继、HDSUADSL或xDSL。将理解的是,如图2中所示的系统可以包括多个 BSC2750。
[0073] 每个BS270可以服务一个或多个分区(或区域),由多向天线或指向特定方向的天 线覆盖的每个分区放射状地远离BS270。或者,每个分区可以由用于分集接收的两个或更多 天线覆盖。每个BS270可以被构造为支持多个频率分配,并且每个频率分配具有特定频谱 (例如,1.25MHz,5MHz等等)。
[0074] 分区与频率分配的交叉可以被称为CDMA信道。BS270也可以被称为基站收发器 子系统(BTS)或者其它等效术语。在这样的情况下,术语〃基站〃可以用于笼统地表示单 个BSC275和至少一个BS270。基站也可以被称为〃蜂窝站〃。或者,特定BS270的各分区 可以被称为多个蜂窝站。
[0075] 如图2中所示,广播发射器(BT) 295将广播信号发送给在系统内操作的移动终端 100。如图1中所示的广播接收模块111被设置在移动终端100处以接收由BT295发送的 广播信号。在图2中,示出了几个全球定位系统(GPS)卫星300。卫星300帮助定位多个移 动终端100中的至少一个。
[0076] 在图2中,描绘了多个卫星300,但是理解的是,可以利用任何数目的卫星获得有 用的定位信息。如图1中所示的GPS模块115通常被构造为与卫星300配合以获得想要的 定位信息。替代GPS跟踪技术或者在GPS跟踪技术之外,可以使用可以跟踪移动终端的位 置的其它技术。另外,至少一个GPS卫星300可以选择性地或者额外地处理卫星DMB传输。
[0077] 作为无线通信系统的一个典型操作,BS270接收来自各种移动终端100的反向链 路信号。移动终端100通常参与通话、消息收发和其它类型的通信。特定基站270接收的 每个反向链路信号被在特定BS270内进行处理。获得的数据被转发给相关的BSC275。BSC 提供通话资源分配和包括BS270之间的软切换过程的协调的移动管理功能。BSC275还将接 收到的数据路由到MSC280,其提供用于与PSTN290形成接口的额外的路由服务。类似地, PSTN290与MSC280形成接口,MSC与BSC275形成接口,并且BSC275相应地控制BS270以将 正向链路信号发送到移动终端100。
[0078] 基于上述移动终端硬件结构以及通信系统,提出本发明各个实施例。
[0079] 如图3所示,本发明的核心思想为:在网页载入过程中,通过在网页嵌入 javascript代码判断当前终端是PC端还是移动终端,进而在当前网页上按照对应布局方 式进行菜单展示;进一步,使用css3中的MediaQuery(媒介查询)工具,通过不同的媒体 类型和条件定义样式表规则,实现菜单与不同分辨率、不同终端的自适应。
[0080] 实施例一
[0081] 如图4所示,本实施例一提出的菜单的自响应式实现方法包括以下步骤:
[0082] 步骤401、针对不同终端类型,分别预先设置其系统下菜单的默认布局方式。
[0083] 通常,菜单的布局方式有多种,包括:横向排版一行多列方式、横向排版多行多列 方式、以及纵向排版多行一列方式。终端类型大致分为PC端和移动终端,基于两种终端类 型的屏幕大小特点,本实施例中预设PC端的默认布局方式为横向排版一行多列方式、移动 终端的默认布局方式为纵向排版多行一列。
[0084] 步骤402、在网页加载过程中,通过javascript中的navigator对象userAgent获 取从客户端向服务器发送的HTTP协议用户代理头的值。
[0085] 步骤403、通过正则匹配原则,根据HTTP协议用户代理头的值识别当前的终端类 型,若识别为PC端,则继续执行步骤404 ;若识别为移动终端,则继续执行步骤405。
[0086] 本步骤中,若HTTP协议用户代理头的值是Android、iPhone、iPad、Windows Phone、SymbianOS、iPod之一,则判定当前终端类型为移动终端,否则为PC端。
[0087] 步骤404、将各个菜单放到html元素ul的li列表中,通过css浮动原则将菜单列 表(li元素)按左浮动(float:left)实现菜单按照默认布局方式(横向排版一行多列) 进行展示。
[0088] li列表结构如下:
[0089]
[0090] 步骤405、因移动终端屏幕较小,所以为了增加用户体验,由于当前终端类型为移 动终端,因而通过css采用纵向排版即多行一列的形式,控制菜单栏悬浮于顶部,且只显示 menu按钮。当用户点击menu按钮时,向下滑动显示菜单,再次点击则向上滑动隐藏菜单,并 且通过设置z-index值让菜单显示在内容之上。
[0091] 本实施例中,在网页加载过程中判断终端类型,进而控制菜单按照预先设定的布 局方式展示,实现了菜单的自适应功能,兼容不同操作系统,能够自响应PC端和移动终端。
[0092] 实施例二
[0093] 在实施例一中仅实现了菜单对不同终端类型的自响应,但对于同一终端类型的不 同终端,也会存在屏幕大小、分辨率不一致的情况,如何实现菜单在此不同情况下的自适 应,本实施例二将提供相应的解决方案。
[0094] 如图5所示,本实施例中菜单的自响应式实现方法还包括以下步骤:
[0095] 步骤501、针对不同终端类型,分别预先设置其系统下菜单的默认布局方式。
[0096] 步骤502、在网页加载过程中,通过javascript中的navi gator对象userAgent获 取从客户端向服务器发送的HTTP协议用户代理头的值。
[0097] 步骤503、通过正则匹配原则,根据HTTP协议用户代理头的值识别当前的终端类 型,若识别为PC端,则继续执行步骤504 ;若识别为移动终端,则继续执行步骤507。
[0098] 步骤504、将各个菜单放到html元素ul的li列表中,通过css浮动原则将菜单列 表(li元素)按左浮动(flo
当前第3页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1