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"
    }      

整個程式的運作效果了

整個主視窗的全部代碼

/*
  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