• 四川郎酒股份有限公司获第十二届人民企业社会责任奖年度环保奖 2019-05-13
  • 银保监会新规剑指大企业多头融资和过度融资 2019-05-12
  • 韩国再提4国联合申办世界杯 中国网友无视:我们自己来 2019-05-11
  • 中国人为什么一定要买房? 2019-05-11
  • 十九大精神进校园:风正扬帆当有为 勇做时代弄潮儿 2019-05-10
  • 粽叶飘香幸福邻里——廊坊市举办“我们的节日·端午”主题活动 2019-05-09
  • 太原设禁鸣路段 设备在测试中 2019-05-09
  • 拜耳医药保健有限公司获第十二届人民企业社会责任奖年度企业奖 2019-05-08
  • “港独”没出路!“梁天琦们”该醒醒了 2019-05-07
  • 陈卫平:中国文化内涵包含三方面 文化复兴表现在其中 2019-05-06
  • 人民日报客户端辟谣:“合成军装照”产品请放心使用 2019-05-05
  • 【十九大·理论新视野】为什么要“建设现代化经济体系”?   2019-05-04
  • 聚焦2017年乌鲁木齐市老城区改造提升工程 2019-05-04
  • 【专家谈】上合组织——构建区域命运共同体的有力实践者 2019-05-03
  • 【华商侃车NO.192】 亲!楼市火爆,别忘了买车位啊! 2019-05-03
    • / 19
    • 下载费用:30 金币  

    重庆时时彩杀跨度软件: 提示框显示方法及装置.pdf

    摘要
    申请专利号:

    重庆时时彩单双窍门 www.4mum.com.cn CN201611138092.5

    申请日:

    2016.12.12

    公开号:

    CN106802793A

    公开日:

    2017.06.06

    当前法律状态:

    实审

    有效性:

    审中

    法律详情: 实质审查的生效IPC(主分类):G06F 9/44申请日:20161212|||公开
    IPC分类号: G06F9/44; G06F3/0481(2013.01)I 主分类号: G06F9/44
    申请人: 广州视源电子科技股份有限公司; 广州视睿电子科技有限公司
    发明人: 朱龙飞
    地址: 510530 广东省广州市黄埔区云埔四路6号
    优先权:
    专利代理机构: 北京清亦华知识产权代理事务所(普通合伙) 11201 代理人: 何世磊
    PDF完整版下载: PDF下载
    法律状态
    申请(专利)号:

    CN201611138092.5

    授权公告号:

    |||

    法律状态公告日:

    2017.06.30|||2017.06.06

    法律状态类型:

    实质审查的生效|||公开

    摘要

    本发明提供了一种提示框显示方法及装置,所述方法包括步骤:当当前提示框在所述对齐方向上超出屏幕的边界,并进行跳转时,以当前偏移量的相反数作为新的偏移量进行偏移,所述当前偏移量为所述当前提示框在对齐方向上相对于目标元素的偏移量;以所述箭头与矩形框的相交线为对称轴将偏移后的所述提示框的箭头翻转180度,并在所述对齐方向上向靠近所述目标元素的方向平移第一距离,所述矩形框在所述对齐方向上向远离所述目标元素的方向平移第二距离,形成新的提示框;显示所述新的提示框。本发明自适应地调整提示框的偏移量和箭头位置,使提示框与目标元素正常显示。

    权利要求书

    1.一种提示框显示方法,所述提示框包括箭头和矩形框,其特征在于,所述方法包括步
    骤:
    判断当前提示框在对齐方向上是否超出屏幕的边界,所述对齐方向为所述提示框与目
    标元素对齐的方向;
    当所述当前提示框在所述对齐方向上超出所述屏幕的边界,并进行跳转时,以当前偏
    移量的相反数作为新的偏移量进行偏移,所述当前偏移量为所述当前提示框在对齐方向上
    相对于目标元素的偏移量;
    以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示框的箭头翻转180
    度,并在所述对齐方向上向靠近所述目标元素的方向平移第一距离,所述矩形框在所述对
    齐方向上向远离所述目标元素的方向平移第二距离,形成新的提示框,所述第一距离为所
    述矩形框在所述对齐方向的长度,所述第二距离为所述箭头在所述对齐方向的长度;
    显示所述新的提示框。
    2.如权利要求1所述的方法,其特征在于,所述显示所述新的提示框的步骤包括:
    判断所述新的提示框在所述对齐方向上是否超出所述屏幕的边界;
    当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,显示所述新的提示
    框;
    当所述新的提示窗在所述对齐方向上超出所述屏幕的边界时,恢复所述当前提示框,
    并剪切所述当前提示窗,使所述提示框不超过所述屏幕的边界。
    3.如权利要求2所述的方法,其特征在于,当所述新的提示框在所述对齐方向上未超出
    所述屏幕的边界时,显示所述新的提示框的步骤包括:
    当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,判断所述新的提示框
    在垂直所述对齐方向上是否超出所述屏幕的边界;
    当所述新的提示框在垂直所述对齐方向上超出所述边界时,所述新的提示框的箭头在
    垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并显示平移后的所述新的提示
    框。
    4.如权利要求3所述的方法,其特征在于,所述新的提示框的箭头在垂直所述对齐方向
    上平移的步骤包括:
    当所述新的提示框在垂直所述对齐方向的发生跳转时,所述新的提示框的箭头在垂直
    所述对齐方向上沿着靠近所述超出的边界的方向平移第三距离,所述第三距离的计算公式
    为:
    d=h1-2*|Δh|-h2,
    其中,d为所述第三距离,h1为所述矩形框在垂直所述对齐方向上的长度,|Δh|为所述
    箭头在垂直所述对齐方向上相对于所述当前提示框的对齐点的偏移量的绝对值,h2为所述
    箭头在垂直所述对齐方向上的长度。
    5.如权利要求3所述的方法,其特征在于,所述新的提示框的箭头在垂直所述对齐方向
    上平移的步骤包括:
    当所述新的提示框的边缘在垂直所述对齐方向与所述屏幕的边界对齐时,所述新的提
    示框向远离所述超出的边界方向平移所述超出的距离。
    6.如权利要求1所述的方法,其特征在于,所述判断当前提示框在对齐方向上是否超出
    所述屏幕的边界的步骤包括:
    获取目标元素的原点相对于屏幕原点的坐标;
    根据所述原点的坐标和所述提示窗的对齐点相对于所述原点的偏移量、提示窗的宽度
    和高度确定所述提示窗在对齐方向上是否超出所述屏幕的边界。
    7.如权利要求1所述的方法,其特征在于,所述箭头包括一个顶点和两个位于所述提示
    框的边框上的定位点,所述以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提
    示框的箭头翻转180度的步骤包括:
    将所述箭头的顶点的坐标沿着所述对齐方向上向靠近所述目标元素的方向平移第四
    距离得到新的顶点的坐标,所述第四距离为两倍的所述箭头的长度;
    连接所述新的顶点的坐标和所述两个定位点的坐标,形成翻转180度后的箭头。
    8.如权利要求1所述的方法,其特征在于,所述判断当前提示框在对齐方向上是否超出
    所述屏幕的边界之后还包括步骤:
    当所述当前提示框在对齐方向上未超出所述屏幕的边界时,判断所述当前提示框在垂
    直所述对齐方向上是否超出所述屏幕的边界;
    当所述当前提示框在垂直所述对齐方向上超出所述屏幕边界时,所述当前提示框的箭
    头在垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并显示平移后的所述当前
    提示框。
    9.一种提示框显示装置,所述提示框包括箭头和矩形框,其特征在于,所述装置包括:
    第一判断???,用于判断当前提示框在对齐方向上是否超出屏幕的边界,所述对齐方
    向为所述提示框与目标元素对齐的方向;
    偏移???,用于当所述当前提示框在对齐方向上超出所述屏幕的边界,并进行跳转时,
    以当前偏移量的相反数作为新的偏移量进行偏移,所述当前偏移量为所述当前提示框在对
    齐方向上相对于目标元素的偏移量;
    第一平移???,以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示框的
    箭头翻转180度,并在所述对齐方向上向靠近所述目标元素的方向平移第一距离,所述矩形
    框在所述对齐方向上向远离所述目标元素的方向平移第二距离,形成新的提示框,所述第
    一距离为所述矩形框在所述对齐方向的长度,所述第二距离为所述箭头在所述对齐方向的
    长度;
    显示???,用于显示所述新的提示框。
    10.如权利要求9所述的提示框显示装置,其特征在于,所述显示??榘ǎ?br />第二判断???,用于判断所述新的提示框在所述对齐方向上是否超出所述屏幕的边
    界;
    显示子???,当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,显示所
    述新的提示框;
    恢复???,用于当所述新的提示窗在所述对齐方向上超出所述屏幕的边界时,恢复所
    述当前提示框,并剪切所述当前提示窗,使所述提示框不超过所述屏幕的边界。
    11.如权利要求10所述的提示框显示装置,其特征在于,所述显示子??榘ǎ?br />第三判断???,用于当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,
    判断所述新的提示框在垂直所述对齐方向上是否超出所述屏幕的边界;
    第二平移???,用于当所述新的提示框在垂直所述对齐方向上超出所述边界时,所述
    新的提示框的箭头在垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并显示平
    移后的所述新的提示框。
    12.如权利要求11所述的提示框显示装置,其特征在于,所述新的提示框的箭头在垂直
    所述对齐方向上平移的步骤包括:
    当所述新的提示框在垂直所述对齐方向的发生跳转时,所述新的提示框的箭头在垂直
    所述对齐方向上沿着靠近所述超出的边界的方向平移第三距离,所述第三距离的计算公式
    为:
    d=h1-2*|Δh|-h2,
    其中,d为所述第三距离,h1为所述矩形框在垂直所述对齐方向上的长度,|Δh|为所述
    箭头在垂直所述对齐方向上相对于所述当前提示框的对齐点的偏移量的绝对值,h2为所述
    箭头在垂直所述对齐方向上的长度。
    13.如权利要求11所述的提示框显示装置,其特征在于,所述新的提示框的箭头在垂直
    所述对齐方向上平移的步骤包括:
    当所述新的提示框的边缘在垂直所述对齐方向与所述屏幕的边界对齐时,所述新的提
    示框向远离所述超出的边界方向平移所述超出的距离。
    14.如权利要求9所述的提示框显示装置,其特征在于,所述第一判断??榘ǎ?br />获取???,用于获取目标元素的原点相对于屏幕原点的坐标;
    确定???,用于根据所述原点的坐标和所述提示窗的对齐点相对于所述原点的偏移
    量、提示窗的宽度和高度确定所述提示窗在对齐方向上是否超出所述屏幕的边界。
    15.如权利要求9所述的提示框显示装置,其特征在于,所述第一平移??榘ǎ?br />箭头平移???,用于以所述箭头的顶点的坐标沿着所述对齐方向上向靠近所述目标元
    素的方向平移第四距离得到新的顶点的坐标,所述第四距离为两倍的所述箭头的长度;
    箭头生成???,用于连接所述新的顶点的坐标和所述两个定位点的坐标,形成翻转180
    度后的箭头。
    16.如权利要求9所述的提示框显示装置,其特征在于,所述提示框显示装置还包括:第
    四判断???,用于当所述当前提示框在对齐方向上未超出所述屏幕的边界时,判断所述当
    前提示框在垂直所述对齐方向上是否超出所述屏幕的边界;
    所述显示??榛褂糜诘彼龅鼻疤崾究蛟诖怪彼龆云敕较蛏铣鏊銎聊坏谋呓?br />时,所述当前提示框的箭头在垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并
    显示平移后的所述当前提示框。

    说明书

    提示框显示方法及装置

    技术领域

    本发明涉及信息技术领域,特别是涉及一种提示框显示方法及装置。

    背景技术

    随着电子技术的发展,终端应用越来越广泛,比如个人电脑。将鼠标放在目标元素
    上,例如网页界面的链接按钮或导航栏上会出现一个悬浮窗口形式的提示框,用于提示目
    标元素的功能和操作流程等信息。

    目前基于WPF(Windows Presentation Foundation,Windows呈现基础)界面技术
    开发的含箭头提示窗(Popup),可根据目标元素灵活调整提示框的位置和根据提示框里面
    的内容自适应地调整提示框大小,提高了设计师和开发人员的时间成本,正常情况下的提
    示框与目标元素的显示界面如图1所示。

    但是,现有技术中的提示框不能根据实际情况调整位置,如图2所示,基于WPF
    (Windows Presentation Foundation,Windows呈现基础)界面技术开发的提示窗无法超出
    屏幕,当提示框到达屏幕边界时,系统会根据提示窗的位模式的将提示框朝定相反方向跳
    转重新定位,确保提示窗不超出屏幕,这样就会带来两个问题:一、当提示框重新定位后,新
    生成的提示框与目标元素重叠,遮挡目标元素的内容;二、提示窗朝定位模式的相反方向跳
    转,此时箭头朝向并未做调整,箭头没有指向目标元素,影响显示。

    发明内容

    鉴于上述状况,有必要针对现有技术中提示框影响目标元素显示的问题,提供一
    种提示框显示方法及装置。

    本发明提供了一种提示框显示方法,所述提示框包括箭头和矩形框,所述方法包
    括步骤:

    判断当前提示框在对齐方向上是否超出屏幕的边界,所述对齐方向为所述提示框
    与目标元素对齐的方向;

    当所述当前提示框在所述对齐方向上超出所述屏幕的边界,并进行跳转时,以当
    前偏移量的相反数作为新的偏移量进行偏移,所述当前偏移量为所述当前提示框在对齐方
    向上相对于目标元素的偏移量;

    以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示框的箭头翻转
    180度,并在所述对齐方向上向靠近所述目标元素的方向平移第一距离,所述矩形框在所述
    对齐方向上向远离所述目标元素的方向平移第二距离,形成新的提示框,所述第一距离为
    所述矩形框在所述对齐方向的长度,所述第二距离为所述箭头在所述对齐方向的长度;

    显示所述新的提示框。

    上述方法,其中,所述显示所述新的提示框的步骤包括:

    判断所述新的提示框在所述对齐方向上是否超出所述屏幕的边界;

    当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,显示所述新的提
    示框;

    当所述新的提示窗在所述对齐方向上超出所述屏幕的边界时,恢复所述当前提示
    框,并剪切所述当前提示窗,使所述提示框不超过所述屏幕的边界。

    上述方法,其中,当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,
    显示所述新的提示框的步骤包括:

    当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,判断所述新的提
    示框在垂直所述对齐方向上是否超出所述屏幕的边界;

    当所述新的提示框在垂直所述对齐方向上超出所述边界时,所述新的提示框的箭
    头在垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并显示平移后的所述新的
    提示框。

    上述方法,其中,所述新的提示框的箭头在垂直所述对齐方向上平移的步骤包括:

    当所述新的提示框在垂直所述对齐方向的发生跳转时,所述新的提示框的箭头在
    垂直所述对齐方向上沿着靠近所述超出的边界的方向平移第三距离,所述第三距离的计算
    公式为:

    d=h1-2*|Δh|-h2,

    其中,d为所述第三距离,h1为所述矩形框在垂直所述对齐方向上的长度,|Δh|为
    所述箭头在垂直所述对齐方向上相对于所述当前提示框的对齐点的偏移量的绝对值,h2为
    所述箭头在垂直所述对齐方向上的长度。

    上述方法,其中,所述新的提示框的箭头在垂直所述对齐方向上平移的步骤包括:

    当所述新的提示框的边缘在垂直所述对齐方向与所述屏幕的边界对齐时,所述新
    的提示框向远离所述超出的边界方向平移所述超出的距离。

    上述方法,其中,所述判断当前提示框在对齐方向上是否超出所述屏幕的边界的
    步骤包括:

    获取目标元素的原点相对于屏幕原点的坐标;

    根据所述原点的坐标和所述提示窗的对齐点相对于所述原点的偏移量、提示窗的
    宽度和高度确定所述提示窗在对齐方向上是否超出所述屏幕的边界。

    上述方法,其中,所述箭头包括一个顶点和两个位于所述提示框的边框上的定位
    点,所述以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示框的箭头翻转
    180度的步骤包括:

    将所述箭头的顶点的坐标沿着所述对齐方向上向靠近所述目标元素的方向平移
    第四距离得到新的顶点的坐标,所述第四距离为两倍的所述箭头的长度;

    连接所述新的顶点的坐标和所述两个定位点的坐标,形成翻转180度后的箭头。

    上述方法,其中,所述判断当前提示框在对齐方向上是否超出所述屏幕的边界之
    后还包括步骤:

    当所述当前提示框在对齐方向上未超出所述屏幕的边界时,判断所述当前提示框
    在垂直所述对齐方向上是否超出所述屏幕的边界;

    当所述当前提示框在垂直所述对齐方向上超出所述屏幕边界时,所述当前提示框
    的箭头在垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并显示平移后的所述
    当前提示框。

    本发明提供了一种提示框显示装置,所述提示框包括箭头和矩形框,所述装置包
    括:

    第一判断???,用于判断当前提示框在对齐方向上是否超出屏幕的边界,所述对
    齐方向为所述提示框与目标元素对齐的方向;

    偏移???,用于当所述当前提示框在对齐方向上超出所述屏幕的边界,并进行跳
    转时,以当前偏移量的相反数作为新的偏移量进行偏移,所述当前偏移量为所述当前提示
    框在对齐方向上相对于目标元素的偏移量;

    第一平移???,以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示
    框的箭头翻转180度,并在所述对齐方向上向靠近所述目标元素的方向平移第一距离,所述
    矩形框在所述对齐方向上向远离所述目标元素的方向平移第二距离,形成新的提示框,所
    述第一距离为所述矩形框在所述对齐方向的长度,所述第二距离为所述箭头在所述对齐方
    向的长度;

    显示???,用于显示所述新的提示框。

    上述提示框显示装置,其中,所述显示??榘ǎ?br />

    第二判断???,用于判断所述新的提示框在所述对齐方向上是否超出所述屏幕的
    边界;

    显示子???,当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,显
    示所述新的提示框;

    恢复???,用于当所述新的提示窗在所述对齐方向上超出所述屏幕的边界时,恢
    复所述当前提示框,并剪切所述当前提示窗,使所述提示框不超过所述屏幕的边界。

    上述提示框显示装置,其中,所述显示子??榘ǎ?br />

    第三判断???,用于当所述新的提示框在所述对齐方向上未超出所述屏幕的边界
    时,判断所述新的提示框在垂直所述对齐方向上是否超出所述屏幕的边界;

    第二平移???,用于当所述新的提示框在垂直所述对齐方向上超出所述边界时,
    所述新的提示框的箭头在垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并显
    示平移后的所述新的提示框。

    上述提示框显示装置,其中,所述新的提示框的箭头在垂直所述对齐方向上平移
    的步骤包括:

    当所述新的提示框在垂直所述对齐方向的发生跳转时,所述新的提示框的箭头在
    垂直所述对齐方向上沿着靠近所述超出的边界的方向平移第三距离,所述第三距离的计算
    公式为:

    d=h1-2*|Δh|-h2,

    其中,d为所述第三距离,h1为所述矩形框在垂直所述对齐方向上的长度,|Δh|为
    所述箭头在垂直所述对齐方向上相对于所述当前提示框的对齐点的偏移量的绝对值,h2为
    所述箭头在垂直所述对齐方向上的长度。

    上述提示框显示装置,其中,所述新的提示框的箭头在垂直所述对齐方向上平移
    的步骤包括:

    当所述新的提示框的边缘在垂直所述对齐方向与所述屏幕的边界对齐时,所述新
    的提示框向远离所述超出的边界方向平移所述超出的距离。

    上述提示框显示装置,其中,所述第一判断??榘ǎ?br />

    获取???,用于获取目标元素的原点相对于屏幕原点的坐标;

    确定???,用于根据所述原点的坐标和所述提示窗的对齐点相对于所述原点的偏
    移量、提示窗的宽度和高度确定所述提示窗在对齐方向上是否超出所述屏幕的边界。

    上述提示框显示装置,其中,所述第一平移??榘ǎ?br />

    箭头平移???,用于以所述箭头的顶点的坐标沿着所述对齐方向上向靠近所述目
    标元素的方向平移第四距离得到新的顶点的坐标,所述第四距离为两倍的所述箭头的长
    度;

    箭头生成???,用于连接所述新的顶点的坐标和所述两个定位点的坐标,形成翻
    转180度后的箭头。

    上述提示框显示装置,其中,所述提示框显示装置还包括:第四判断???,用于当
    所述当前提示框在对齐方向上未超出所述屏幕的边界时,判断所述当前提示框在垂直所述
    对齐方向上是否超出所述屏幕的边界;

    所述显示??榛褂糜诘彼龅鼻疤崾究蛟诖怪彼龆云敕较蛏铣鏊銎聊坏?br />边界时,所述当前提示框的箭头在垂直所述对齐方向上平移,使所述箭头指向所述目标元
    素,并显示平移后的所述当前提示框。

    本发明通过自动调整提示框的箭头的朝向、提示窗的偏移量,使提示框在超过屏
    幕边界时仍保持箭头指向提示框,并自适应地调整提示框的偏移量,使提示框与目标元素
    保持合适的位置,确保正常显示。

    附图说明

    图1为现有技术中提示框与目标元素的显示界面图;

    图2为现有技术中提示框到达屏幕边界时跳转后的显示界面;

    图3为本发明实施例中提示框与目标元素的显示界面图;

    图4为本发明第一实施例提供的提示框显示方法的流程图;

    图5为本发明第二实施例提供的提示框显示方法的流程图;

    图6为本发明第三实施例提供的提示框显示方法的流程图;

    图7为本发明实施例提供的提示框显示装置的结构框图;

    图8为图7中显示??榈慕峁箍蛲?;

    图9为图8中显示子??榈慕峁箍蛲?;

    图10为本发明另一实施例提供的提示框显示装置的结构框图。

    具体实施方式

    下面详细描述本发明的实施例,所述实施例的示例在附图中示出,其中自始至终
    相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附
    图描述的实施例是示例性的,仅用于解释本发明,而不能理解为对本发明的限制。

    参照下面的描述和附图,将清楚本发明的实施例的这些和其他方面。在这些描述
    和附图中,具体公开了本发明的实施例中的一些特定实施方式,来表示实施本发明的实施
    例的原理的一些方式,但是应当理解,本发明的实施例的范围不受此限制。相反,本发明的
    实施例包括落入所附加权利要求书的精神和内涵范围内的所有变化、修改和等同物。

    如图3所示,本发明涉及目标元素10及提示框20,所述提示框20包括箭头201和矩
    形框202。涉及的技术术语:

    目标元素的原点(Target origin),表示目标元素上用于定位的参考点,包括第一
    目标点101和第二目标点102;对齐点(Alignment point),表示提示窗上用于定位的参考
    点,包括第一参考点203和第二参考点204;对齐方向,表示提示框与目标元素对齐的方向,
    如水平方向、垂直方向。

    其中箭头201将以三角形来表示,其属性包括宽度、高度、朝向、箭头的顶点相对于
    与提示框对齐点的偏移量(水平偏移量和垂直偏移量)。箭头朝向根据提示窗与目标元素的
    对齐方式来确定,比如对齐方式是左对齐,箭头朝向则是朝右的。对齐方式和偏移量决定了
    箭头的具体位置。

    矩形框202的属性包括:顶点坐标、宽度、高度。如果矩形为圆角矩形,则还包括矩
    形角的X轴半径和Y轴半径。

    根据提示框20与目标元素10的对齐方式,及提示框20的对齐点相对于目标元素的
    原点偏移量确定了提示框20的位置,计算出箭头201的一个顶点和两个定位点的坐标,将三
    个点坐标连接构成三角形的箭头。

    本发明中也可以采用WPF(Windows Presentation Foundation,Windows呈现基
    础)中的路径标记法来生成三角形的箭头,包含起点、线条终点、终点三个信息就可以描述
    箭头了,这里提到的线条终点是起点沿水平或垂直方向上平移后的终点,比如根据路径标
    记的语法,如果起点为M200,30,沿水平方向向右平移30的话,那么线条终点就是H230,沿垂
    直方向向下平移的话,那么线条终点就是V60。因此根据路径标记法字符串“M200,
    30V60L230,45”来描述箭头的三个顶点。

    箭头201和矩形框202构造好后,将箭头201与矩形框202合并,并将相交的边框去
    掉后,得到最终的提示框20的边框。

    当提示框超出屏幕边界时,提示框会自动跳转,保持提示框在屏幕内。以对齐方向
    为水平方向为例,提示框在水平方向进行跳转的步骤包括步骤S1和步骤S2:

    步骤S1,以当前提示框20的第一参考点203为对齐点以所述目标元素的第一目标
    点101为原点确定所述当前提示框20在对齐方向上相对于所述目标元素10的当前偏移量。
    其中,所述当前偏移量为提示框的对齐点在水平方向上相对于目标元素的原点的偏移量。

    步骤S2,以所述当前提示框20的第二对参考点204为对齐点以所述目标元素的第
    二目标点102为原点将所述当前提示框20偏移所述当前偏移量。

    可以理解的,对齐方向为垂直方向对齐时,当在垂直方向超出屏幕边界时,也会发
    生跳转。

    请参阅图4,为本发明第一实施例中的提示框显示方法的流程图,包括步骤:

    步骤S11,判断当前提示框在对齐方向上是否超出屏幕的边界。所述对齐方向为所
    述提示框与目标元素对齐的方向,如水平方向或垂直方向。

    步骤S12,当所述当前提示框在所述对齐方向上超出所述屏幕的边界时,所述当前
    提示框进行跳转,并以当前偏移量的相反数作为新的偏移量进行偏移。所述当前偏移量为
    所述当前提示框在对齐方向上相对于目标元素的偏移量。

    步骤S13,以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示框的
    箭头翻转180度,并在所述对齐方向上向靠近所述目标元素的方向平移第一距离,所述矩形
    框在所述对齐方向上向远离所述目标元素的方向平移第二距离,形成新的提示框。所述第
    一距离为所述矩形框在所述对齐方向的长度,所述第二距离为所述箭头在所述对齐方向的
    长度。例如,当所述对齐方向为水平方向时,所述第一距离为所述矩形框的宽度,所述第二
    距离为所述箭头的宽度。当所述对齐方向为垂直方向时,所述第一距离为所述矩形框的高
    度,所述第二距离为所述箭头的高度。

    步骤S14,显示所述新的提示框。

    本实施例通过自动调整提示框的箭头的朝向、提示窗的偏移量,使提示框在超过
    屏幕边界时仍保持箭头指向提示框,并自适应地调整提示框的偏移量,使提示框与目标元
    素保持合适的位置。

    请参阅图5,为本发明第二实施例中的提示框显示方法的流程图,包括步骤S21~
    S28。

    步骤S21,判断当前提示框在对齐方向上是否超出屏幕的边界,当所述当前提示框
    在所述对齐方向上超出所述屏幕的边界时执行步骤S22,否则执行步骤S29。所述对齐方向
    为所述提示框与目标元素对齐的方向,如水平方向或垂直方向。

    步骤S22,在所述对齐方向上调整所述当前提示框,形成新的提示框。该步骤具体
    包括:

    步骤S221,所述当前提示框进行跳转,并以所述当前偏移量的相反数作为新的偏
    移量进行偏移。

    步骤S222,以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示框的
    箭头翻转180度,并在所述对齐方向上向靠近所述目标元素的方向平移第一距离,所述矩形
    框在所述对齐方向上向远离所述目标元素的方向平移第二距离,形成新的提示框。所述第
    一距离为所述矩形框在所述对齐方向的长度,所述第二距离为所述箭头在所述对齐方向的
    长度。

    上述步骤中,所述以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提
    示框的箭头翻转180度的步骤包括:

    以所述箭头的顶点的坐标沿着所述对齐方向上向靠近所述目标元素的方向平移
    第四距离得到新的顶点的坐标,所述第四距离为两倍的所述箭头的长度;

    连接所述新的顶点的坐标和所述两个定位点的坐标,形成翻转180度后的箭头。

    需指出的是,当对齐方向为水平方向时,第四距离为箭头的宽度,当对齐方向时垂
    直方向时,第四距离为箭头的高度。

    步骤S23,判断所述新的提示框在所述对齐方向上是否超出所述屏幕的边界,当所
    述新的提示框在所述对齐方向上未超出屏幕的边界时执行步骤S24,否则执行步骤S25。

    步骤S24,判断所述新的提示框在垂直所述对齐方向上是否超出屏幕的边界,当所
    述新的提示框在垂直所述对齐方向上超出所述边界时执行步骤S25,否则执行步骤S27。

    步骤S25,使所述新的提示框的箭头在垂直所述对齐方向上平移,得到调整后的提
    示框,并显示所述调整后的提示框。

    步骤S26,恢复所述当前提示框,并剪切所述当前提示窗,使所述提示框不超过所
    述屏幕的边界。

    步骤S27,显示所述新的提示框。

    步骤S28,判断所述当前提示框在垂直所述对齐方向上是否超出所述边界,当所述
    当前提示框在垂直所述对齐方向上超出所述边界时执行步骤S29。

    步骤S29,所述当前提示框的箭头在垂直所述对齐方向上平移,使所述箭头指向所
    述目标元素,并显示平移后的当前提示框。

    上述步骤S25和S29中,当检测到提示框在垂直对齐方向上超出屏幕的边界时,分
    两种情况。

    第一种情况,当提示框在垂直所述对齐方向的发生跳转时,提示框的箭头在垂直
    所述对齐方向上沿着靠近所述超出的边界的方向平移第三距离,所述第三距离的计算公式
    为:

    d=h1-2*|Δh|-h2,

    其中,d为所述第三距离,h1为所述矩形框在垂直所述对齐方向上的长度,|Δh|为
    所述箭头在垂直所述对齐方向上相对于所述当前提示框的对齐点的偏移量的绝对值,h2为
    所述箭头在垂直所述对齐方向上的长度。

    第一种情况中,提示框在垂直所述对齐方向的发生跳转,即垂直所述对齐方向的
    对齐点和目标元素的原点都发生变化。如以水平对齐方向为例,当提示框超出屏幕的下边
    界时,对齐点由提示框的右上角变为右下角,具体过程参照步骤S1和步骤S2中水平方向跳
    转的情况,本实施例中不再赘述。

    第二种情况,当提示框的边缘在垂直所述对齐方向上与所述屏幕的边界对齐时,
    所述提示框向远离所述超出的边界方向平移所述超出的距离。

    第二种情况中,提示框不会发生跳转,但是会与屏幕的边界对齐,即提示框整体平
    移了超出的部分,这样可能导致提示框的箭头没有指向目标元素。为了解决这一问题,需要
    将提示框的箭头向远离所述超出的边界方向平移所述超出屏幕的边框的距离。

    进一步的,判断提示框是否超出所述屏幕的边界的步骤包括:

    获取目标元素的原点相对于屏幕原点的坐标;

    根据所述原点的坐标和所述提示窗的对齐点相对于所述原点的偏移量、提示窗的
    宽度和高度确定所述提示窗是否超出所述屏幕的边界。

    本实施例中,先判断提示框在对齐方向是否超过屏幕边界,当超出屏幕边界时,调
    整提示框的箭头朝向和相对于目标元素的偏移量,使提示框的箭头始终朝向目标元素,且
    与目标元素保持合适的偏移。再判断新生产的提示框在垂直对齐方向上是否超出屏幕的边
    界,当超出屏幕的边界时,调整箭头的位置,使箭头保持指向目标元素。

    为了更好的理解本发明的技术内容,下面将以具体的实施方式说明本发明的这些
    和其他方面。设定目标元素为一个按钮(Button),提示窗(popup)与目标元素的对齐方向为
    水平方向,如左对齐(Left),提示框的第一参考点为对齐点。对齐点相对于目标元素的原点
    的垂直偏移量为-36,水平偏移量为-10,即提示框相在对齐方向上相对于目标元素的偏移
    量为-10。提示框的矩形框的宽度w1为200,高度h1为300;提示框的箭头宽度w2为30、高度h2
    为30、箭头顶点相对于提示框对齐点的垂直偏移量Δh为-30。上述数值的单位均为像素点。

    请参阅图6,为本发明第三实施例中的提示框显示方法的流程图,包括步骤:

    步骤S31,判断提示窗是否超出屏幕的左边界。

    步骤S32,当提示窗超出屏幕的左边界则提示框跳转使其在屏幕内,并将所述跳转
    后的提示框以所述目标元素的偏移量的相反数作为新的偏移量进行偏移。

    判断当前提示窗的边界是否超出屏幕边界的计算过程为:

    (1)获取目标原点相对于屏幕原点的坐标;

    (2)根据目标原点的坐标和提示窗的对齐点相对于目标原点的偏移量、提示窗的
    宽度和高度,计算得到提示窗左上角的参考点的坐标;

    (3)根据提示框左上角的参考点的坐标和提示框的宽度及高度就确定提示窗是否
    超出屏幕的边界。

    由于提示框的矩形框跳转至参考元素的右侧了,目标元素的原点及提示框的对齐
    点均改变。如果提示框相对于目标元素的水平偏移量不改变的话,提示框会与目标元素部
    分重叠,影响显示。所以要对水平偏移量取反,即新的水平偏移量为10。

    步骤S33,以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提示框的
    箭头翻转180度,并将所述箭头向左平移第一距离,将所述矩形框向右平移第二距离,形成
    新的提示框。所述第一距离为所述矩形框的宽度w1即200,所述第二距离为所述箭头的宽度
    w2即30。

    步骤S34,判断所述新的提示框在垂直方向上是否超出屏幕的边界。

    步骤S35,当新的提示窗超出了屏幕的下边界时,箭头往下偏移第三距离。该步骤
    中,箭头偏移第三距离的计算公式为:

    d=h1-2*|Δh|-h2,

    即,d=300-2*30-30=210

    步骤S36,当新的提示窗超出了屏幕的上边界时,所述新的提示框向屏幕的上边界
    方向平移所述超出的距离。

    需要说明的是,当所述新的提示框在水平方向上超出屏幕的边界时,提示框不跳
    转,将当前提示框剪切后显示,使所述提示框不超过所述屏幕的边界。

    请参阅图7至图10,为本发明实施例中的提示框显示装置,所述提示框包括箭头和
    矩形框。如图7所示,所述装置包括:

    第一判断???0,用于判断当前提示框在对齐方向上是否超出屏幕的边界,所述
    对齐方向为所述提示框与目标元素对齐的方向;

    偏移???1,用于当所述当前提示框在对齐方向上超出所述屏幕的边界,并进行
    跳转时,以当前偏移量的相反数作为新的偏移量进行偏移,所述当前偏移量为所述当前提
    示框在对齐方向上相对于目标元素的偏移量;

    第一平移???2,以所述箭头与所述矩形框的相交线为对称轴将偏移后的所述提
    示框的箭头翻转180度,并在所述对齐方向上向靠近所述目标元素的方向平移第一距离,所
    述矩形框在所述对齐方向上向远离所述目标元素的方向平移第二距离,形成新的提示框,
    所述第一距离为所述矩形框在所述对齐方向的长度,所述第二距离为所述箭头在所述对齐
    方向的长度;

    显示???3,用于显示所述新的提示框。

    如图8所示,进一步的,上述显示???3包括:

    第二判断???31,用于判断所述新的提示框在所述对齐方向上是否超出所述屏
    幕的边界;

    显示子???32,当所述新的提示框在所述对齐方向上未超出所述屏幕的边界时,
    显示所述新的提示框;

    恢复???33,用于当所述新的提示窗在所述对齐方向上超出所述屏幕的边界时,
    恢复所述当前提示框,并剪切所述当前提示窗,使所述提示框不超过所述屏幕的边界。

    如图9所示,进一步的,上述显示子???32包括:

    第三判断???321,用于当所述新的提示框在所述对齐方向上未超出所述屏幕的
    边界时,判断所述新的提示框在垂直所述对齐方向上是否超出所述屏幕的边界;

    第二平移???322,用于当所述新的提示框在垂直所述对齐方向上超出所述边界
    时,所述新的提示框的箭头在垂直所述对齐方向上平移,使所述箭头指向所述目标元素,并
    显示平移后的所述新的提示框。

    一方面,当所述新的提示框在垂直所述对齐方向的发生跳转时,所述新的提示框
    的箭头在垂直所述对齐方向上沿着靠近所述超出的边界的方向平移第三距离,所述第三距
    离的计算公式为:

    d=h1-2*|Δh|-h2,

    其中,d为所述第三距离,h1为所述矩形框在垂直所述对齐方向上的长度,|Δh|为
    所述箭头在垂直所述对齐方向上相对于所述当前提示框的对齐点的偏移量的绝对值,h2为
    所述箭头在垂直所述对齐方向上的长度。

    另一方面,当所述新的提示框的边缘在垂直所述对齐方向与所述屏幕的边界对齐
    时,所述新的提示框向远离所述超出的边界方向平移所述超出的距离。

    进一步的,上述第一判断???0包括:

    获取???,用于获取目标元素的原点相对于屏幕原点的坐标;

    确定???,用于根据所述原点的坐标和所述提示窗的对齐点相对于所述原点的偏
    移量、提示窗的宽度和高度确定所述提示窗在对齐方向上是否超出所述屏幕的边界。

    进一步的,所述第一平移???2包括:

    箭头平移???,用于以所述箭头的顶点的坐标沿着所述对齐方向上向靠近所述目
    标元素的方向平移第四距离得到新的顶点的坐标,所述第四距离为两倍的所述箭头的长
    度;

    箭头生成???,用于连接所述新的顶点的坐标和所述两个定位点的坐标,形成翻
    转180度后的箭头。

    如图10所示,本发明另一实施例中,所述提示框显示装置还包括:第四判断???br />34,用于当所述当前提示框在对齐方向上未超出所述屏幕的边界时,判断所述当前提示框
    在垂直所述对齐方向上是否超出所述屏幕的边界;

    所示显示???3还用于当所述当前提示框在垂直所述对齐方向上超出所述屏幕
    的边界时,所述当前提示框的箭头在垂直所述对齐方向上平移,使所述箭头指向所述目标
    元素,并显示平移后的所述当前提示框。

    本实施例通过自动调整提示框的箭头的朝向、提示窗的偏移量,使提示框在超过
    屏幕边界时仍保持箭头指向提示框,并自适应地调整提示框的偏移量,使提示框与目标元
    素保持合适的位置。

    在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示
    例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特
    点包含于本发明的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不
    一定指的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任何
    的一个或多个实施例或示例中以合适的方式结合。

    尽管已经示出和描述了本发明的实施例,本领域的普通技术人员可以理解:在不
    脱离本发明的原理和宗旨的情况下可以对这些实施例进行多种变化、修改、替换和变型,本
    发明的范围由权利要求及其等同物限定。

    关 键 词:
    提示 显示 方法 装置
      专利查询网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    关于本文
    本文标题:提示框显示方法及装置.pdf
    链接地址://www.4mum.com.cn/p-6000850.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服客服 - 联系我们

    [email protected] 2017-2018 www.4mum.com.cn网站版权所有
    经营许可证编号:粤ICP备17046363号-1 
     


    收起
    展开
  • 四川郎酒股份有限公司获第十二届人民企业社会责任奖年度环保奖 2019-05-13
  • 银保监会新规剑指大企业多头融资和过度融资 2019-05-12
  • 韩国再提4国联合申办世界杯 中国网友无视:我们自己来 2019-05-11
  • 中国人为什么一定要买房? 2019-05-11
  • 十九大精神进校园:风正扬帆当有为 勇做时代弄潮儿 2019-05-10
  • 粽叶飘香幸福邻里——廊坊市举办“我们的节日·端午”主题活动 2019-05-09
  • 太原设禁鸣路段 设备在测试中 2019-05-09
  • 拜耳医药保健有限公司获第十二届人民企业社会责任奖年度企业奖 2019-05-08
  • “港独”没出路!“梁天琦们”该醒醒了 2019-05-07
  • 陈卫平:中国文化内涵包含三方面 文化复兴表现在其中 2019-05-06
  • 人民日报客户端辟谣:“合成军装照”产品请放心使用 2019-05-05
  • 【十九大·理论新视野】为什么要“建设现代化经济体系”?   2019-05-04
  • 聚焦2017年乌鲁木齐市老城区改造提升工程 2019-05-04
  • 【专家谈】上合组织——构建区域命运共同体的有力实践者 2019-05-03
  • 【华商侃车NO.192】 亲!楼市火爆,别忘了买车位啊! 2019-05-03