logo

该视频仅会员有权观看

立即开通课程「Flutter 移动端应用开发实践」权限。

¥
199
/ 年

定制应用的主题样式

  • 在一个名为“app下午先simm dark”的文件中,可以定制应用主题。
  • 导入一个material zark包,并定义一个类“app c m m”用以设置主题样式。
  • 为类设定一个静态属性“light”,类型为sim jasa,用于存储主题样式,包括主要颜色(colors deep purple accent)和强调色(colors deep purple shade 900)。
  • 通过light构造方法创建亮色主题的配色方案,设置主要颜色和次要颜色(colors amber)。
  • 可以查看light配色方案内的其他颜色设置,并将light设置为应用默认主题。
  • 复制亮色主题以创建暗色主题版本,并仅修改color scheme为dark来构建出暗色主题配色。
  • 打开app小部件,在material p内使用sim参数来设置应用的亮色主题为app sim white,暗色主题设置为app seem dark。
  • 定制主题后,会影响界面如小墨镜按钮的背景颜色,根据主题的primary颜色更改。
  • 修改颜色后可以重新启动调试来看到按钮背景颜色的变化。
  • 在模拟器中可以通过打开开发者选项中的dark appearance来测试暗色主题,并根据设置切换亮色或暗色主题的使用。