gpt4 book ai didi

Qml实现仿前端的Notification(悬浮出现页面上的通知消息)

转载 作者:撒哈拉 更新时间:2024-09-12 21:18:41 58 4
gpt4 key购买 nike

【写在前面】

经常接触前端的朋友应该经常见到下面的控件:

image

image

在前端中一般称它为 Notification 或 Message,但本质是一种东西,即:悬浮弹出式的消息提醒框.

这种组件一般具有以下特点:

1、全局/局部显示:它不依赖于具体的页面元素,可以在整个页面的任意位置显示.

2、自动消失:默认情况下,消息会在一定时间后自动消失,也可以设置为不自动消失.

3、多种类型:支持多种类型的消息,如成功(Success)、警告(Warning)、错误(Error)和 消息(Message)等.

4、可配置:可以自定义消息的显示位置、持续时间、内容等.

然鹅 Qml 中并未提供类似的组件,因此我便仿照前端实现了出来,并且更加简单易用.


【正文开始】

先来看看 Qml Notification 效果图: