aqt-stylesheets, 将CSS样式表应用到QML应用程序

分享于 

3分钟阅读

GitHub

  繁體 雙語
Apply CSS style sheets to QML applications
  • 源代码名称:aqt-stylesheets
  • 源代码网址:http://www.github.com/Ableton/aqt-stylesheets
  • aqt-stylesheets源代码文档
  • aqt-stylesheets源代码下载
  • Git URL:
    git://www.github.com/Ableton/aqt-stylesheets.git
    Git Clone代码到本地:
    git clone http://www.github.com/Ableton/aqt-stylesheets
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/Ableton/aqt-stylesheets
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    Aqt样式表

    StylesSheets是 qt/QML库,允许你将CSS样式表应用到QML应用程序。

    单个StyleEngine读取和解析CSS文件。 应用程序中的QML组件可以使用StyleSet附加对象来请求样式属性。 在这样做中,请求对象的类型。它在组件层次结构中的位置和 StyleSet.name 信息用于构建在CSS中搜索的路径。

    从that代码解耦应用程序视觉样式允许设计器和开发人员不断地更改应用程序的视觉外观。

    要求

    依赖项:

    • Qt (> = 5.3 )
    • Boost (> = 1.54 )
    • CMake (> = 2.8.12 )

    Mac:

    • Xcode v5.1或者更高版本

    windows :

    • Visual Studio 2013

    插件构建和测试

    
     mkdir build
    
    
     cd build
    
    
     cmake.. 
    
    
     cmake --build. --config Release
    
    
     cmake --build. --config Release --target install
    
    
    
    

    然后找到得到的插件 inside build/lib/qml

    单元测试可以用ctest执行:

    
     ctest -V -C Release
    
    
    
    

    你可以设置以下变量:

    • Boost_INCLUDE_DIR到文件夹,其中找到了Boost标头

    如果找不到随Qt附带的CMake文件,将CMAKE_PREFIX_PATH设置为Qt安装前缀。 有关更多信息,请参见 Qt5 CMake手册。

    例如:

    
     cmake.. -DCMAKE_PREFIX_PATH=~/Qt/Qt5.3.1/clang_64 
    
    
     -DBoost_INCLUDE_DIR=/opt/local/include/
    
    
    
    

    示例

    examples 文件夹中有一个示例应用程序,显示了如何使用StylePlugin的一些特性。 你可以使用以下命令运行该应用程序:

    
     qmlscene -I build/lib/qml examples/TestApp.qml
    
    
    
    

    当qmlscene运行时,你可以更改 examples/style.css 并查看应用程序更新。

    基准测试

    benchmarks 文件夹中,有可以手动运行的基准测试:

    
    qmltestrunner -import build/lib/qml -input benchmarks/benchmark_*.qml
    
    
    
    

    维护者

    许可证

    Aqt样式表是在MIT许可证( 查看许可证) 下发布的。

    CI状态

    母版:Build statusBuild Status


    style  Sheet  Apply  sheets  QML  
    相关文章