AiFlutter 文档AiFlutter 文档
入门指南
更新日志
官网
市场
社区
低代码平台
GitHub
入门指南
更新日志
官网
市场
社区
低代码平台
GitHub
  • 入门指南

    • AiFlutter 简介
      • 产品介绍
    • 快速开始
    • 工作空间概览

      • 工作台
      • 进入工作台
      • 工作台结构
      • 账户设置
      • 订单中心
      • 项目
      • 团队
      • 资源
    • 操作界面说明

      • 操作界面简介
      • 素材管理
      • 日志管理
      • 主题设置
      • App设置
      • 小部件面板
      • 自定义组件
      • 页面管理
      • 页面编辑窗口
      • 流程图
    • 组件介绍

      • 页面布局
      • 内容展示
      • 动画图表
      • 交互行为
      • 表单元素
      • 页面导航
      • 系统工具
    • 集成硬件
    • API管理
    • 数据库
    • 自定义管理
    • iOS软件包上传TestFlight并测试
    • 实践案例

      • 老板要求两天开发一个App,半天搞定!!!
      • 一个小时搞定蓝牙调试助手!!!
      • 一个小时搞定串口调试助手!!!

主题设置

主题设置中主要保存了App的亮、暗主题颜色,主题颜色包括背景颜色、文本颜色、按钮颜色等

点击左侧导航栏中的主题图标按钮进入到主题管理页面

8

主题颜色修改

点击切换主题按钮即可进行亮暗主题切换,默认为浅色主题

点击要修改的主题颜色—>在弹窗中选择对应的颜色即可进行替换

左侧为手机模拟器,修改颜色后模拟器也会跟着改变,这样我们可以预知到APP哪些地方会改变

image-20250118155637205

自定义颜色变量

添加颜色变量

我们也可以添加自定义颜色内容,然后在需要的地方(比如修改文本颜色)直接选择对应的变量即可

  • 点击添加颜色按钮,可以在主题色中看到我们自定义的颜色。

    image-20250118160008964

修改颜色变量

  • 修改颜色变量对应的颜色,和主题色修改方式一致

  • 修改变量名称,点击自定义颜色右下角的编辑图标即可修改

    image-20250118160443444

删除颜色变量

  • 点击自定义颜色右下角的删除图标即可删除

    image-20250118160458596

上次更新:
上一篇
日志管理
下一篇
App设置