Qt-QML-自定义个自己的文本Text

简介: 好久都没有正经的更新自己的文章了,这段时间也辞职了,听了小爱的,准备买个碗,自己当老板,下面请欣赏效果图

image.png

这个界面布局就是自己是在想不到啥了,按照常规汽车导航的布局布局了一下,主要看内容哈,看看这个文本文件


问个文本文件的状态了有一下三种


1. 正常 normal


2. 激活 active


3. 不可用 enable


位置可以有一下方式组合


1. 上


2. 下


3. 左


4. 右


5. 中心


等等,自己组合了就不写了



颜色目前默认是写了绿色,用了一些军事上面的颜色 。大家可以自行更改


下面附上文本文件的源代码


import QtQuick 2.0


/*

 作者:张建伟

 日期:2018年3月28日

 简述:这是一个针对UFCP专门自定义的一个Text文本显示控件,该模块只适用于某种特定软件开发

*/



Item {


   property string textState: "normal"        //声明一个属性,用来表示当前文本的状态,/*激活:active*/ /*正常:normal*/ /*不可用:enable*/

   property string textDetails: "测试文本"      //声明一个属性,用来表示文本内容

   property string textPositionH: "center"     //声明一个属性,用来表示水平位置布局   /*左:left*/  /*右:right*/  /*中:center*/

   property string textPositionV: "center"     //声明一个属性,用来表示垂直位置布局   /*上: top*/   /*下:bottom*/   /*中:center*/

   width: 200      //默认宽度

   height: 96      //默认高度


   Rectangle                       //用来显示文本的背景颜色

   {

       id: background

       width: m_Text.width < 200 ? m_Text.width : 200

       height: m_Text.height

       color:

       {


           /*

            颜色根据文本不同的状态显示不同的颜色

            */


           if(textState == "active")

           {

               "#00FF00"

           }

           else

           {

               "#0000FF00"

           }

       }


       Text {

           id: m_Text

           color:

           {


               /*

                 文本颜色根据文本状态显示不同颜色

                 */


               if(textState == "active")

               {

                   "#000000"

               }

               else if(textState == "normal")

               {

                   "#00FF00"

               }

               else

               {

                   "#c0c0c0"

               }

           }

           font.pixelSize: 20                      //字体大小20像素

           font.family: "微软雅黑"                  //字体 微软雅黑

           font.bold: false                        //关闭粗体显示

           anchors.centerIn: parent

           text: qsTr(textDetails)                 //文本显示内容

       }


       /*

         文字布局,根据实际需求调整文本布局

         */


       anchors.top:

       {

           if(textPositionV == "top")

           {

               parent.top

           }

       }

       anchors.bottom:

       {

           if(textPositionV == "bottom")

           {

               parent.bottom

           }

       }

       anchors.left:

       {

           if(textPositionH == "left")

           {

               parent.left

           }

       }

       anchors.right:

       {

           if(textPositionH == "right")

           {

               parent.right

           }

       }

       anchors.centerIn:

       {

           if(textPositionH == "center" && textPositionV == "center")

           {

               parent.Center

           }

       }


       anchors.horizontalCenter:

       {

           if(textPositionH == "center")

           {

               parent.horizontalCenter

           }

       }

       anchors.verticalCenter:

       {

           if(textPositionV == "center")

           {

               parent.verticalCenter

           }

       }


   }





}


目录
相关文章
|
6月前
|
存储 机器学习/深度学习 人工智能
Qt魔法书:打造自定义鼠标键盘脚本(二)
Qt魔法书:打造自定义鼠标键盘脚本
212 0
|
6月前
QT自定义信号,信号emit,信号参数注册
使用signals声明返回值是void在需要发送信号的地方使用emit 信号名字(参数)进行发送在需要链接的地方使用connect进行链接ct进行链接。
62 0
QT自定义信号,信号emit,信号参数注册
|
6月前
Qt提升控件类为自定义类
Qt提升控件类为自定义类
219 0
|
30天前
(8)Qt中的自定义信号
本文介绍了如何在Qt框架中创建和使用自定义信号,并通过一个父子窗口切换的示例来展示自定义信号的实现和应用。
57 3
(8)Qt中的自定义信号
|
30天前
(7)Qt中的自定义槽(函数)
这篇文章介绍了在Qt中如何定义和使用自定义槽函数,包括类成员函数、静态类成员函数、全局函数和lambda表达式作为槽函数的示例,以及使用lambda表达式时的注意事项。
31 2
(7)Qt中的自定义槽(函数)
|
3月前
|
搜索推荐 C++
【Qt 学习笔记】Qt窗口 | 对话框 | 创建自定义对话框
【Qt 学习笔记】Qt窗口 | 对话框 | 创建自定义对话框
68 4
|
3月前
【qt】自定义对话框(2)
【qt】自定义对话框(2)
23 0
|
3月前
【qt】自定义对话框(1)
【qt】自定义对话框(1)
26 0
|
4月前
|
C++
Qt中的信号与槽如何学习?(包括自定义信号)这篇文章告诉你
以现实中的事件来举例的话,例如有两把不同颜色的信号枪,分别是红色,绿色,打响不通颜色的信号枪会触发不同的槽发生,比如说打响红色这个人就跑步,绿色就走步,但是还有一个很重要的机制,那就是连接,我们需要把信号枪去跟这个人的动作连接起来。 如果上面理解没问题的话我们可以把信号和槽看成两个工具,我们最重要的是如何去把这两个工具连接起来。 它的作用可以让我们更加灵活的去使用不同窗口间的切换以及某些事件的连接。
|
6月前
Qt6学习笔记五(自定义对话框、QMessageBox、QColorDialog、QFileDialog、QFontDialog)
Qt6学习笔记五(自定义对话框、QMessageBox、QColorDialog、QFileDialog、QFontDialog)
168 0