本发明专利技术提供了一种项目列表页的分割线拖拽方法及装置，应用于计算机显示技术领域，在确定鼠标指针的位置之后，判断鼠标指针的位置是否与项目列表页的分割线重合，若是，则将鼠标指针显示为宽度调整标识，以使用户拖拽宽度调整标识调整项目列表页的分割线的位置，基于浏览器提供的应用程序接口特性，判断宽度调整标识是否处于拖拽状态，若是，则确定宽度调整标识的运动轨迹，结合了浏览器的特性，基于宽度调整标识的运动轨迹和项目列表页的分割线，确定项目列表页的最新分割线，可以对项目列表页的分割线进行调整，有利于提高用户的查找效率，提升了用户的体验。提升了用户的体验。提升了用户的体验。
【技术实现步骤摘要】
一种项目列表页的分割线拖拽方法及装置
[0001]本专利技术属于计算机显示
，尤其涉及一种项目列表页的分割线拖拽方法及装置。
技术介绍
[0002]目前，用户体验优化专项，对于项目列表页的改造，需要优化一系列紧急需求。
[0003]现有技术中，在浏览器的基础上，项目列表页的分割线不支持拖拽调节宽度，当项目列表页的目录树名称过长时，无法显示全称，需要鼠标指针逐个查看全称，降低了用户的查找效率。
技术实现思路
[0004]鉴于上述问题，本申请提出了一种项目列表页的分割线拖拽方法及装置，为了支持在浏览器的基础上，项目列表页的分割线可以拖拽调节宽度，具体方案如下：
[0005]一种项目列表页的分割线拖拽方法，所述项目列表页具有一条分割线，所述分割线左边为目录树，右边为内容的页面，所述方法包括：
[0006]确定鼠标指针的位置；
[0007]判断所述鼠标指针的位置是否与所述项目列表页的分割线重合，若是，则将所述鼠标指针显示为宽度调整标识，以使用户拖拽所述宽度调整标识调整所述项目列表页的分割线的位置；
[0008]基于浏览器提供的应用程序接口特性，判断所述宽度调整标识是否处于拖拽状态，若是，则确定所述宽度调整标识的运动轨迹；
[0009]基于所述宽度调整标识的运动轨迹和所述项目列表页的分割线，确定所述项目列表页的最新分割线。
[0010]可选的，所述基于浏览器提供的应用程序接口特性，判断所述宽度调整标识是否处于拖拽状态，包括：
[0011]基于浏览器提供的应用程序接口特性，判断所述宽度调整标识是否处于可拖拽区域，并是否监听到宽度调整标识事件；
[0012]基于所述宽度调整标识是否处于可拖拽区域，并是否监听到宽度调整标识事件，判断所述宽度调整标识是否处于拖拽状态
，
所述拖拽状态用于指示所述宽度调整标识处于可拖拽区域，且监听到宽度调整标识事件。
[0013]可选的，所述基于所述宽度调整标识的运动轨迹和所述项目列表页的分割线，确定所述项目列表页的最新分割线，包括：
[0014]若所述宽度调整标识的运动轨迹向左，基于所述宽度调整标识的运动轨迹和所述项目列表页的分割线，确定所述项目列表页的最新分割线，当所述项目列表页的最新分割线与所述项目列表的预设最小分割线重合时，将所述宽度调整标识显示为向右调整标识；
[0015]若所述宽度调整标识的运动轨迹向右，基于所述宽度调整标识的运动轨迹和所述
项目列表页的分割线，确定所述项目列表页的最新分割线，当所述项目列表页的最新分割线与所述项目列表的预设最大分割线重合时，将所述宽度调整标识显示为向左调整标识。
[0016]可选的，所述项目列表页的最小分割线包括：与所述项目列表页左侧边缘相距26个字节的分割线。
[0017]可选的，所述项目列表页的最大分割线包括：所述项目列表页的中间线。
[0018]一种项目列表页的分割线拖拽装置，所述项目列表页具有一条分割线，所述分割线左边为目录树，右边为内容的页面，所述装置包括：
[0019]第一确定单元，用于确定鼠标指针的位置；
[0020]第一判断单元，用于判断所述鼠标指针的位置是否与所述项目列表页的分割线重合，若是，则将所述鼠标指针显示为宽度调整标识，以使用户拖拽所述宽度调整标识调整所述项目列表页的分割线的位置；
[0021]第二判断单元，用于基于浏览器提供的应用程序接口特性，判断所述宽度调整标识是否处于拖拽状态，若是，则确定所述宽度调整标识的运动轨迹；
[0022]第二确定单元，用于基于所述宽度调整标识的运动轨迹和所述项目列表页的分割线，确定所述项目列表页的最新分割线。
[0023]可选的，所述第二判断单元，包括：
[0024]第一判断子单元，用于基于浏览器提供的应用程序接口特性，判断所述宽度调整标识是否处于可拖拽区域，并是否监听到宽度调整标识事件；
[0025]第二判断子单元，用于基于所述宽度调整标识是否处于可拖拽区域，并是否监听到宽度调整标识事件，判断所述宽度调整标识是否处于拖拽状态
，
所述拖拽状态用于指示所述宽度调整标识处于可拖拽区域，且监听到宽度调整标识事件。
[0026]可选的，所述第二确定单元，包括：
[0027]第一确定子单元，用于若所述宽度调整标识的运动轨迹向左，基于所述宽度调整标识的运动轨迹和所述项目列表页的分割线，确定所述项目列表页的最新分割线，当所述项目列表页的最新分割线与所述项目列表的预设最小分割线重合时，将所述宽度调整标识显示为向右调整标识；
[0028]第二确定子单元，用于若所述宽度调整标识的运动轨迹向右，基于所述宽度调整标识的运动轨迹和所述项目列表页的分割线，确定所述项目列表页的最新分割线，当所述项目列表页的最新分割线与所述项目列表的预设最大分割线重合时，将所述宽度调整标识显示为向左调整标识。
[0029]可选的，所述项目列表页的最小分割线包括：与所述项目列表页左侧边缘相距26个字节的分割线。
[0030]可选的，所述项目列表页的最大分割线包括：所述项目列表页的中间线。
[0031]基于上述技术方案，本专利技术提供的项目列表页的分割线拖拽方法及装置，在确定鼠标指针的位置之后，判断鼠标指针的位置是否与项目列表页的分割线重合，若是，则将鼠标指针显示为宽度调整标识，以使用户拖拽宽度调整标识调整项目列表页的分割线的位置，基于浏览器提供的应用程序接口特性，判断宽度调整标识是否处于拖拽状态，若是，则确定宽度调整标识的运动轨迹，结合了浏览器的特性，基于宽度调整标识的运动轨迹和项目列表页的分割线，确定项目列表页的最新分割线，可以对项目列表页的分割线进行调整，
有利于提高用户的查找效率，提升了用户的体验。
附图说明
[0032]通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本申请的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：
[0033]图1为本专利技术实施例公开的一种项目列表页的分割线拖拽方法的流程示意图；
[0034]图2为本专利技术实施例公开的一种鼠标指针的位置与项目列表页的分割线重合时，鼠标指针显示为宽度调整标识的示意图；
[0035]图3为本专利技术实施例公开的一种基于浏览器提供的应用程序接口特性，判断宽度调整标识是否处于拖拽状态的方法的流程示意图；
[0036]图4为本专利技术实施例公开的一种基于宽度调整标识的运动轨迹和项目列表页的分割线，确定项目列表页的最新分割线的方法的流程示意图；
[0037]图5为本专利技术实施例公开的一种将宽度调整标识显示为向右调整标识的示意图；
[0038]图6为本专利技术实施例公开的一种将宽度调整标识显示为向左调整标识的示意图；
[0039]图7为本申请实施例公开的一种项目列表页的分割线拖拽装置本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种项目列表页的分割线拖拽方法，其特征在于，所述项目列表页具有一条分割线，所述分割线左边为目录树，右边为内容的页面，所述方法包括：确定鼠标指针的位置；判断所述鼠标指针的位置是否与所述项目列表页的分割线重合，若是，则将所述鼠标指针显示为宽度调整标识，以使用户拖拽所述宽度调整标识调整所述项目列表页的分割线的位置；基于浏览器提供的应用程序接口特性，判断所述宽度调整标识是否处于拖拽状态，若是，则确定所述宽度调整标识的运动轨迹；基于所述宽度调整标识的运动轨迹和所述项目列表页的分割线，确定所述项目列表页的最新分割线。2.根据权利要求1所述的方法，其特征在于，所述基于浏览器提供的应用程序接口特性，判断所述宽度调整标识是否处于拖拽状态，包括：基于浏览器提供的应用程序接口特性，判断所述宽度调整标识是否处于可拖拽区域，并是否监听到宽度调整标识事件；基于所述宽度调整标识是否处于可拖拽区域，并是否监听到宽度调整标识事件，判断所述宽度调整标识是否处于拖拽状态
，
所述拖拽状态用于指示所述宽度调整标识处于可拖拽区域，且监听到宽度调整标识事件。3.根据权利要求1所述的方法，其特征在于，所述基于所述宽度调整标识的运动轨迹和所述项目列表页的分割线，确定所述项目列表页的最新分割线，包括：若所述宽度调整标识的运动轨迹向左，基于所述宽度调整标识的运动轨迹和所述项目列表页的分割线，确定所述项目列表页的最新分割线，当所述项目列表页的最新分割线与所述项目列表的预设最小分割线重合时，将所述宽度调整标识显示为向右调整标识；若所述宽度调整标识的运动轨迹向右，基于所述宽度调整标识的运动轨迹和所述项目列表页的分割线，确定所述项目列表页的最新分割线，当所述项目列表页的最新分割线与所述项目列表的预设最大分割线重合时，将所述宽度调整标识显示为向左调整标识。4.根据权利要求3所述的方法，其特征在于，所述项目列表页的最小分割线包括：与所述项目列表页左侧边缘相距26个字节的分割线。5.根据权利要求3所述的方法，其特征在于，所述项目列表页的最大分割线包括：所述项目列表页的中间线。6.一种项目列表页的分割...
【专利技术属性】
技术研发人员：李聪，
申请(专利权)人：北京尽微致广信息技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。