嵌入式GUI FTK介绍(7)-主题

最新推荐文章于 2025-12-04 17:20:10 发布

最新推荐文章于 2025-12-04 17:20:10 发布 · 187 阅读

文章标签：

本文详细介绍了FTK主题配置的方法，包括如何通过XML文件定义不同控件的状态样式，如按钮、进度条等，并展示了如何设置背景颜色、前景颜色及边界颜色。

转载时请注明出处和作者联系方式
文章出处：http://www.limodev.cn/blog
作者联系方式：李先静 <xianjimli at hotmail dot com>

FTK的主题非常直观，包括一个XML文件和一些图片。具体用法请参考doc/theme.txt

<theme name="default"> <button bg_image[normal]="btn_default_normal.png" bg_image[focused]="btn_default_selected.png" bg_image[active]="btn_default_pressed.png" bg_image[disable]="btn_default_normal_disable.png"/> <progress_bar bg[normal]="ff9d9e9d" fg[normal]="ffffd300" bg[focused]="ff9d9e9d" fg[focused]="ffffd300" bg[active]="ff9d9e9d" fg[active]="ffffd300" bg[disable]="ff9d9e9d" fg[disable]="ffffd300"/> <entry bg[normal]="ffffffff" fg[normal]="ff000000" bd[normal]="ffd0d0d0" bg[focused]="ffffffff" fg[focused]="ff000000" bd[focused]="ffffbb00" bg[active]="ffffffff" fg[active]="ff000000" bd[active]="ffe2ceee" bg[disable]="ffffffff" fg[disable]="ffaca899" bd[disable]="ffe2ceee"/> <text_view bg[normal]="ffffffff" fg[normal]="ff000000" bd[normal]="ffd0d0d0" bg[focused]="ffffffff" fg[focused]="ff000000" bd[focused]="ffffbb00" bg[active]="ffffffff" fg[active]="ff000000" bd[active]="ffe2ceee" bg[disable]="ffffffff" fg[disable]="ffaca899" bd[disable]="ffe2ceee"/> <check_button fg[normal]="ff000000" fg[focused]="ffffbb00" fg[active]="ffffbb00" fg[disable]="ffaca899"/> <radio_button fg[normal]="ff000000" fg[focused]="ffffbb00" fg[active]="ffffbb00" fg[disable]="ffaca899"/> <icon_view bg_image[normal]="icon_view_bg.png" bg_image[focused]="icon_view_bg.png" bg_image[active]="icon_view_bg.png" bg_image[disable]="icon_view_bg.png"/> <menu_panel bg[normal]="ffffffff" fg[normal]="ffccc9b8" bd[normal]="ffb0a080"/> <menu_item bg_image[focused]="menuitem_background_focus.png" bg_image[active]="menuitem_background_ pressed.png" /> </theme>

每种控件四种状态，你可以为每种控件的每种状态，设置背景颜色/图片，前景颜色/图片和边界颜色，如果不设置则使用默认的。