qml 布局页面展示小案例

最新推荐文章于 2025-01-03 21:19:16 发布

喝着咖啡写代码

最新推荐文章于 2025-01-03 21:19:16 发布

阅读量623

点赞数 2

文章标签：开发语言 qt5

本文链接：https://blog.csdn.net/qq_40478261/article/details/123237149

版权

这篇博客介绍了作者在学习Qt5 QML后的实践成果，展示了一个使用基本控件和元素编写的布局页面小案例。适合初学者练手，文章提醒注意导入相关包以避免错误。

摘要由CSDN通过智能技术生成

初学半月时间，对qt。qml的应用有所了解，自己学完基本控件和元素搞的小案例，可以用来练手开发，大佬绕道勿喷，加油奥利给

详情如下

注意要导包，不然爆红找不到bug

import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.2
Window {
    visible: true
    width: 490
    height: 800
    color: "#FFB6C1";
    title: qsTr("Hello World")


    Component{
        id:btnstyle;
        ButtonStyle {
              background: Rectangle{
              implicitWidth: 70;
              implicitHeight: 25;
              radius: 50;//设置圆角，数值越大弧线越大
              border.width: control.pressed ? 2:1;
              border.color: (control.hovered || control.pressed)
                     ? "green" : "#FFA500";
//              color: "red"
           //也可直接使用color更改按钮背景，确保使用十六进制颜色码
                    }
               }
    }
    Rectangle{
        anchors.top: par