前几天课设做个聊天系统,顺便实现了这个在程序外显示弹幕作为消息提示的功能,这里记录一下怎么搞。
目录
效果
思路
- 创建一个子窗口
- 将子窗口去掉窗口标题栏,设置背景透明
- 在里面放文本Text
- 设置定时器控制子窗口从左到右移动,移动到右边缘时销毁子窗口
实操
- 新建qml文件,这里示例 Barrage.qml
- 里面写入:
import QtQuick 2.3
import QtQuick.Controls 2.5
//窗口
ApplicationWindow {
id:root
property string str: "我的洛天依" //弹幕文本内容
width: 300
height: 40
flags: Qt.FramelessWindowHint //去掉窗口标题栏
color:"#00000000" //设置背景透明
Rectangle { //使用矩形包裹Text是为了在Text外面可以增加圆角矩形边框效果
anchors.fill: parent
border.width: 1 //设置边框
border.color: "#66ccff"
color:"#00000000"
radius: 20 //边框圆角
clip: true //超出矩形范围的内容隐藏
Text { //弹幕文本
anchors.fill: parent
text: str
font.bold: true
font.pointSize: 15
color: "#66ccff"
style: Text.Outline //设置文本样式,在字体轮廓加一层styleColor指定的颜色边缘,防止背景导致文本不明显
styleColor: "#fff"
horizontalAlignment: Text.AlignHCenter //居中
verticalAlignment: Text.AlignVCenter
clip: true
}
}
}
- 在需要调用的qml文件中,导入并按如下操作使用:
- 由于Barrage.qml和main.qml在同一目录下:
- 因此在main.qml中可以直接使用Barrage.qml
- 以下是 main.qml 的内容
import QtQuick
import QtQuick.Window 2.3
import QtQuick.Controls 2.5
Window {
id:mainWin
width: 700
height: 500
visible: true
title: qsTr("MimicryChat")
//添加弹幕
function addBarrage(in_str) {
var newCom = Qt.createComponent("Barrage.qml"); //创建弹幕窗口
var newWin = newCom.createObject();
newWin.x = 200;
newWin.y = Math.random() * 900; //随机竖直位置
newWin.str = in_str; //设置弹幕文本
newWin.show(); //显示弹幕窗口
//设置定时控制器
let timer = Qt.createQmlObject("import QtQuick 2.14; Timer {}", mainWin);
timer.interval = 20; //执行间隔时间(单位ms)
timer.repeat = true; //重复执行
timer.triggered.connect(function() { //执行内容
if(newWin.x < 1700) { //如果没到右边缘就移动2个像素点
newWin.x += 2;
} else {
timer.stop(); //到达右边缘,则停止定时控制器,并销毁弹幕
newWin.close();
}
});
timer.start(); //启动定时器
}
Rectangle { //主窗口背景颜色
anchors.fill: parent
color: "#dde8fc"
radius: 20
}
Button {
width:100
height: 40
text:"发送弹幕"
anchors.bottom: parent.bottom
anchors.bottomMargin: 10
//水平居中
anchors.horizontalCenter: parent.horizontalCenter
onClicked: {
addBarrage("嘿嘿,我的洛天依");
}
}
}
问题
- 这个弹幕会被其他高层次的窗口遮挡,显然问题在于我们创建的窗口不是顶层窗口,这个后面再看看咋整。
reputable mexican pharmacies online: pharmacies in mexico that ship to usa – buying from online mexican pharmacy
Добрый день!
Купить диплом любого университета.
k96586v0.beget.tech/component/comprofiler/pluginclass/cbblogs?action=blogs&func=show&id=140
Привет, друзья!
Где заказать диплом по нужной специальности?
obt.social/blogs/21773/Where-to-buy-a-diploma-at-an-adequate-price?lang=ar_sa
mexican drugstore online: mexican online pharmacies prescription drugs – pharmacies in mexico that ship to usa
medicine in mexico pharmacies mexican online pharmacies prescription drugs mexican drugstore online
п»їbest mexican online pharmacies best online pharmacies in mexico mexican pharmaceuticals online
п»їbest mexican online pharmacies mexico drug stores pharmacies mexican drugstore online
п»їbest mexican online pharmacies: mexican drugstore online – reputable mexican pharmacies online
where can i purchase retin a cream
https://mexicandeliverypharma.online/# purple pharmacy mexico price list
Здравствуйте!
Приобрести диплом о высшем образовании.
sonnick84.blogsvirals.com/27849725/%D0%A0%D0%B5%D0%BA%D0%BE%D0%BC%D0%B5%D0%BD%D0%B4%D0%B0%D1%86%D0%B8%D0%B8-%D1%81%D0%BF%D0%B5%D1%86%D0%B8%D0%B0%D0%BB%D0%B8%D1%81%D1%82%D0%B0-%D0%BA%D0%BE%D1%82%D0%BE%D1%80%D1%8B%D0%B5-%D0%BF%D0%BE%D0%B7%D0%B2%D0%BE%D0%BB%D1%8F%D1%82-%D0%B1%D1%8B%D1%81%D1%82%D1%80%D0%BE-%D0%BA%D1%83%D0%BF%D0%B8%D1%82%D1%8C-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC
Здравствуйте!
Как официально купить диплом вуза с упрощенным обучением в Москве
gaigoimoinhat.xyz/купить-диплом-о-высшем-образовании-со
Рады оказать помощь!.
Привет, друзья!
Купить диплом любого ВУЗа.
drevtorg.xyz/profiles/blogs/6382903:BlogPost:356801
п»їbest mexican online pharmacies [url=http://mexicandeliverypharma.com/#]pharmacies in mexico that ship to usa[/url] mexico drug stores pharmacies
Здравствуйте!
Мы изготавливаем дипломы психологов, юристов, экономистов и прочих профессий по доступным ценам.
newmedtime.ru/vyisshee-obrazovanie-za-sutki-legalno-i-nadezhno
Привет, друзья!
Приобрести документ университета можно в нашей компании в столице.
ast-diplom.com/kupit-diplom-krasnodar
mexican pharmacy mexican online pharmacies prescription drugs mexican rx online
medicine in mexico pharmacies medicine in mexico pharmacies п»їbest mexican online pharmacies
Добрый день!
Приобрести документ института вы имеете возможность у нас.
ast-diploms24.ru/otzyvy
Успешной учебы!
https://mexicandeliverypharma.online/# medicine in mexico pharmacies
mexico drug stores pharmacies: mexico drug stores pharmacies – pharmacies in mexico that ship to usa
стоимость создания сайта http://www.biztest.ru .
Привет!
Приобрести диплом университета.
ou812chat.com/read-blog/1168
п»їbest mexican online pharmacies: pharmacies in mexico that ship to usa – medicine in mexico pharmacies
reputable mexican pharmacies online mexican drugstore online medicine in mexico pharmacies
п»їbest mexican online pharmacies: mexican border pharmacies shipping to usa – best online pharmacies in mexico
purple pharmacy mexico price list: best online pharmacies in mexico – buying prescription drugs in mexico
Привет, друзья!
Купить документ о получении высшего образования можно в нашей компании.
ast-diplomy.com/kupit-diplom-krasnoyarsk
Успешной учебы!
http://mexicandeliverypharma.com/# п»їbest mexican online pharmacies
Добрый день!
Купить документ о получении высшего образования вы можете в нашей компании в Москве.
ast-diplomas24.ru/kupit-diplom-omsk
Хорошей учебы!
pharmacies in mexico that ship to usa mexican pharmacy mexico pharmacies prescription drugs
mexico drug stores pharmacies: п»їbest mexican online pharmacies – medication from mexico pharmacy
buying prescription drugs in mexico online: purple pharmacy mexico price list – buying prescription drugs in mexico online
generic flomax canada
mexican pharmacy mexican online pharmacies prescription drugs mexico drug stores pharmacies
mexican rx online mexican mail order pharmacies п»їbest mexican online pharmacies
https://mexicandeliverypharma.com/# mexican drugstore online
http://mexicandeliverypharma.com/# mexican border pharmacies shipping to usa
Привет!
Приобрести диплом университета.
k96586v0.beget.tech/component/comprofiler/pluginclass/cbblogs?action=blogs&func=show&id=140
Добрый день!
Мы изготавливаем дипломы психологов, юристов, экономистов и других профессий по приятным ценам.
angelicaleyva.es/где-купить-диплом-о-высшем-образовани
mexico drug stores pharmacies: reputable mexican pharmacies online – mexican rx online
mexico pharmacies prescription drugs: mexican mail order pharmacies – mexico pharmacies prescription drugs
Добрый день!
Официальная покупка аттестата о среднем образовании в Москве и других городах
mandiplomikx.ru
Привет, друзья!
Приобрести документ о получении высшего образования
ast-diploms.com/kupit-diplom-ekaterinbur
Привет!
Приобретение диплома ПТУ с сокращенной программой обучения в Москве
dadiler.com/купить-диплом-советы-и-рекомендации
Рады оказать помощь!.
Привет!
Рекомендации по безопасной покупке диплома о высшем образовании
landik-diploms-srednee.ru/attestat-shkoly
Добрый день!
Как правильно приобрести диплом колледжа или ПТУ в России, важные моменты
kabtaferplus.com/купить-диплом-советы-и-рекомендации
Поможем вам всегда!.
разработка сайта цена разработка сайта цена .
Здравствуйте!
Мы предлагаем дипломы любой профессии по разумным тарифам.
rsn360.ru/blogs/427/¬аш-?иплом- ачество-и-ѕодлинность
buying prescription drugs in mexico online: mexico drug stores pharmacies – buying prescription drugs in mexico