Linux-SmartHome-QML-7-主窗口功能搭建

简介: 今天继续来写主窗口

第一,先给主窗口来点颜色 color:"#777777"

第二,因为我们的程序全屏显示了,所以了,这里得给它加一个关闭按钮

Rectangle
    {
        id:m_btn_quit
        anchors.top:parent.top
        anchors.right:parent.right
        color:"#FF0000"
        width:100
        height:30
        MouseArea
        {
            anchors.fill:parent
            onClicked:
            {
                Qt.quit();
            }
        }
        Text
        {
            anchors.centerIn:parent
            color:"#FFFFFF"
            text:"退出系统"
        }
    }

暂时先这么写的,等后面美化的时候,在修改

第三 给我们的程序加一个显示日期和时间的

Text
    {
        id:m_date
        anchors.verticalCenter:m_btn_quit.verticalCenter
        anchors.right:m_btn_quit.left
        anchors.rightMargin: 10
        color:"#FF0000"
        text:"ssddsasdsadsad"
        Timer
        {
            interval:500
            running:true
            repeat:true
            onTriggered:
            {
                m_date.text = Qt.formatDateTime(new Date(),"yyyy年MM月dd日 hh:mm:ss dddd")
            }
        }
    }

最后,在给我们加一个标题,

1.Text
    {
        id:m_title
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.verticalCenter: m_btn_quit.berticalCenter
        color:"#FFFFFF"
        text:"My Family"
    }

整个程序的运行效果了

image.png

整个主窗口的全部代码

/*
  Author:Jianwei.zhang
  Date:2018.09.12
  Brief:MainWindow
 */
import QtQuick 2.9
import QtQuick.Window 2.2
Window
{
    visible: true
    visibility:Window.FullScreen    //Show FullScreen
    color:"#777777"
    Rectangle
    {
        id:m_btn_quit
        anchors.top:parent.top
        anchors.right:parent.right
        color:"#FF0000"
        width:100
        height:30
        MouseArea
        {
            anchors.fill:parent
            onClicked:
            {
                Qt.quit();
            }
        }
        Text
        {
            anchors.centerIn:parent
            color:"#FFFFFF"
            text:"退出系统"
        }
    }
    /*
      Show Date and Time
     */
    Text
    {
        id:m_date
        anchors.verticalCenter:m_btn_quit.verticalCenter
        anchors.right:m_btn_quit.left
        anchors.rightMargin: 10
        color:"#FF0000"
        text:"ssddsasdsadsad"
        Timer
        {
            interval:500
            running:true
            repeat:true
            onTriggered:
            {
                m_date.text = Qt.formatDateTime(new Date(),"yyyy年MM月dd日 hh:mm:ss dddd")
            }
        }
    }
    /*
      Show My Family Name
     */
    Text
    {
        id:m_title
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.verticalCenter: m_btn_quit.berticalCenter
        color:"#FFFFFF"
        text:"My Family"
    }
}

这个项目大家可以在我的Git上面找到

https://github.com/DreamLifeOffice/SmartHome

目录
相关文章
|
9月前
|
域名解析 Linux Apache
Linux Apache服务详解——虚拟网站主机功能实战
Linux Apache服务详解——虚拟网站主机功能实战
213 5
|
9月前
|
存储 监控 Shell
【Shell 命令集合 磁盘管理 】Linux 关闭磁盘配额功能 quotaoff命令使用教程
【Shell 命令集合 磁盘管理 】Linux 关闭磁盘配额功能 quotaoff命令使用教程
116 1
|
9月前
|
存储 Shell Linux
【Shell 命令集合 磁盘管理 】Linux 启用指定文件系统上的磁盘配额功能 quotaon 命令使用教程
【Shell 命令集合 磁盘管理 】Linux 启用指定文件系统上的磁盘配额功能 quotaon 命令使用教程
93 1
|
2月前
|
监控 安全 Linux
启用Linux防火墙日志记录和分析功能
为iptables启用日志记录对于监控进出流量至关重要
|
3月前
|
人工智能 Java 关系型数据库
Red Hat Enterprise Linux 9.5 发布下载,新增功能亮点概述
Red Hat Enterprise Linux 9.5 发布下载,新增功能亮点概述
161 4
Red Hat Enterprise Linux 9.5 发布下载,新增功能亮点概述
|
7月前
|
存储 网络协议 Ubuntu
【Linux开发实战指南】基于UDP协议的即时聊天室:快速构建登陆、聊天与退出功能
UDP 是一种无连接的、不可靠的传输层协议,位于IP协议之上。它提供了最基本的数据传输服务,不保证数据包的顺序、可靠到达或无重复。与TCP(传输控制协议)相比,UDP具有较低的传输延迟,因为省去了建立连接和确认接收等过程,适用于对实时性要求较高、但能容忍一定数据丢失的场景,如在线视频、语音通话、DNS查询等。 链表 链表是一种动态数据结构,用于存储一系列元素(节点),每个节点包含数据字段和指向下一个节点的引用(指针)。链表分为单向链表、双向链表和循环链表等类型。与数组相比,链表在插入和删除操作上更为高效,因为它不需要移动元素,只需修改节点间的指针即可。但访问链表中的元素不如数组直接,通常需要从
338 2
|
9月前
|
存储 运维 关系型数据库
2024年最全ceph的功能组件和架构概述(2),Linux运维工程面试问题
2024年最全ceph的功能组件和架构概述(2),Linux运维工程面试问题
2024年最全ceph的功能组件和架构概述(2),Linux运维工程面试问题
|
7月前
|
Linux 数据可视化 开发者
|
5月前
|
存储 缓存 Linux
Linux文件系统的功能规划
【9月更文挑战第12天】本文通过类比图书馆,形象地解释了文件系统的组织形式和管理方法。首先,文件系统需按块存储文件,并设有索引区方便查找。其次,热点文件应有缓存层提高效率,文件需分类存储以便管理。最后,Linux内核需记录文件使用情况,通过文件描述符区分不同文件,确保文件操作准确无误。
|
6月前
|
Linux C++ Docker
【Azure 应用服务】App Service for Linux 中实现 WebSocket 功能 (Python SocketIO)
【Azure 应用服务】App Service for Linux 中实现 WebSocket 功能 (Python SocketIO)