一种拖拉式管理页面按钮和消息的组件系统技术方案

本申请公开了一种拖拉式管理页面按钮和消息的组件系统，Web软件页面打开时弹出中心图像并监听鼠标按下(左右键)、抬起(左右键)事件，当鼠标在中心图像上按下时，按钮集合跟随鼠标移动，抬起时静止；监听鼠标在中心图像上的悬浮和双击事件，当鼠标悬浮到按钮集合时按钮向周围分散展开，鼠标移开时集中收起，鼠标双击时按钮散开，再次双击时收起；监听系统提示信息及鼠标在中心图像上悬浮事件，监听到系统发出提示信息时将信息展示在中心图像上方，鼠标悬浮到中心图像上时提醒信息消失。本组件方便用户对按钮位置进行设定，管理按钮的展示与隐藏形态，管理消息提醒的位置和显示、隐藏形态，提高页面利用率和智能化效果。提高页面利用率和智能化效果。提高页面利用率和智能化效果。

【技术实现步骤摘要】
一种拖拉式管理页面按钮和消息的组件系统


[0001]本专利技术涉及计算机领域，尤其涉及一种拖拉式管理页面按钮和消息的组件系统。

技术介绍

[0002]在Web软件项目中，按钮是必不可少的控件。现有的Web软件中按钮都是处于固定位置，如图1所示。用户无法根据自己的喜好进行按钮位置的调整，也无法根据自己的性格习惯便捷地操作按钮。同时，按钮的展现形式单调，不具有科技感，按钮无法根据用户习惯进行展现、隐藏，并且一直占用页面的一部分空间无法释放。
[0003]在Web软件项目中，用户与系统进行交互，系统经常需要发出一些消息提醒用户操作，例如“用户名或密码错误”等，此类消息提醒一般分为固定区域提醒和页面上层提醒，固定区域提醒占用页面空间，页面上层提醒友好程度较低，有时会阻挡页面下方的信息或按钮，这会导致被遮挡的按钮功能无法使用，同样依据现有技术很难实现提示信息与移动组件两者之间建立绑定关系。
[0004]IOS、安卓、鸿蒙操作系统的悬浮球(或悬浮窗)对按钮进行了集中，但悬浮球主要集中了系统功能，并且悬浮球打开时，每个页面上的悬浮球的内容不变本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种拖拉式管理页面按钮和消息的组件系统，其特征在于，所述组件系统包括：监听模块、组件页面样式模块、组件动态拖动模块、组件按钮展开收缩模块和消息提醒模块，其中，监听模块，用于监听鼠标点击、悬浮和移动信息、系统提示信息和/或页面提示信息，并将所述信息传递给组件页面样式模块、组件动态拖动模块、组件按钮展开收缩模块和/或消息提醒模块；组件页面样式模块，用于设置中心图像和按钮的图标、样式、布局、画面效果、坐标相对量以及按钮的功能实现；组件动态拖动模块，用于接收监听模块传送的鼠标点击和移动信息，在鼠标点击组件后页面移动时组件跟随鼠标进行移动；组件按钮展开收缩模块，用于接收监听模块发送的鼠标的悬停、离开和双击信息，以显示组件的重叠或展开状态；消息提醒模块，用于接收系统或应用程序发出的提醒消息和监听模块发送的鼠标悬停或离开信息，以显示和隐藏所述系统提醒消息。2.根据权利要求1所述的组件系统，其特征在于，所述监听模块，通过HTML、JQuery、CSS实现监听功能。3.根据权利要求1所述的组件系统，其特征在于，组件页面样式模块包括组件框架单元、颜色效果渲染单元、动作效果单元，其中，组件框架单元，用于定义每个页面组件的中心图像和按钮，包括中心图像的图标、图标的大小、按钮的名称、按钮的图标、坐标相对量以及按钮的功能实现；颜色效果渲染单元，用于实现组件图形的大小、颜色样式和布局；动作效果单元，用于接收所述组件按钮展开收缩模块发送的按钮展开、收起信息，以在按钮展开、收起时播放动画。4.根据权利要求1所述的组...

【专利技术属性】
技术研发人员：翟曙春，
申请(专利权)人：北京新纽科技有限公司，
类型：发明
国别省市：