# 深色模式壁纸
# 百变框架支持深色模式壁纸压暗自定义
MAML能力更新,支持深色模式下调暗壁纸功能啦🎉(近期生效)
当深色模式开启 且「深色模式下调暗壁纸」开启(如下图),百变框架内支持自定义调暗效果。
# 功能介绍
新增 百变壁纸,百变锁屏 默认调暗。
新增 maml全局变量。
属性 | 释义 | 状态 |
---|---|---|
__darkmode_wallpaper | 是否开启深色模式且支持调暗壁纸 | 0 表示未开启 1 表示已开启 |
__darkmode | 是否开启深色模式 | 0 表示未开启 1 表示已开启 |
# 使用说明
设计师可根据全局变量「__darkmode_wallpaper」自定义开启 【深色模式且壁纸调暗】后的显示效果。
首先需要在xml的根节点增加customizedDarkModeWallpaper 属性,如:
<?xml version="1.0" encoding="utf-8"?>
<!-- customizedDarkModeWallpaper="true" 自定义深色模式 开启 -->
<Lockscreen version="2" frameRate="60" screenWidth="1080" customizedDarkModeWallpaper="true">
...
</Lockscreen>
customizedDarkModeWallpaper 默认为false,在【深色模式且壁纸调暗】开启时,默认统一调暗效果;若为true,则支持自定义调暗效果。
# 示意图
未自定义壁纸调暗效果(【深色模式且壁纸调暗】开启时,默认统一调暗壁纸)
自定义壁纸调暗效果
# 示例主题
- 百变壁纸
<?xml version="1.0" encoding="utf-8"?>
<!-- customizedDarkModeWallpaper="true" 自定义深色模式 开启 -->
<MiWallpaper version="2" useVariableUpdater="DateTime.Second" screenWidth="1080" customizedDarkModeWallpaper="true">
<Var name="bgScale" expression="ifelse(#screen_height}2160,#screen_height/2160,1)" const="true" />
<!-- #__darkmode_wallpaper 打开深色模式 并 启用调暗效果 时值为 1;srcid="1" 则显示图片 "bg_1.jpg" -->
<Image pivotX="540" pivotY="0" scale="#bgScale" src="bg.jpg" srcid="#__darkmode_wallpaper" />
</MiWallpaper>
- 百变锁屏
<?xml version="1.0" encoding="utf-8"?>
<!-- customizedDarkModeWallpaper="true" 自定义深色模式 开启 -->
<Lockscreen version="2" frameRate="60" displayDesktop="true" screenWidth="1080" customizedDarkModeWallpaper="true">
<Var name="bg_scale" expression="ifelse(#screen_height}2160,#screen_height/2160,1)" const="true"/>
<Var name="bgani" >
<VariableAnimation>
<AniFrame value="0" time="0" />
<AniFrame value="300" time="10000"/>
</VariableAnimation>
</Var>
<Var expression="#defaultScreen_x!=0" threshold="1">
<Trigger>
<AnimationCommand target="bgani" command="pause" condition="#defaultScreen_x!=0" />
<AnimationCommand target="bgani" command="resume" condition="#defaultScreen_x==0" />
</Trigger>
</Var>
<Var expression="#defaultScreen_y!=0" threshold="1">
<Trigger>
<AnimationCommand target="bgani" command="pause" condition="#defaultScreen_y!=0" />
<AnimationCommand target="bgani" command="resume" condition="#defaultScreen_y==0" />
</Trigger>
</Var>
<!-- #__darkmode_wallpaper 打开深色模式 并 启用调暗效果 时值为 1 -->
<Image x="540" y="0" align="center" pivotX="540" pivotY="0" scale="#bg_scale" srcExp="ifelse(#__darkmode_wallpaper,'darkBg','lightBg')+'/bg1.jpg'" />
<Image y="600" srcExp="ifelse(#__darkmode_wallpaper,'darkBg/bg.webp','lightBg/bg.webp')" srcid="int(#bgani)" w="1080" h="958" />
<Image w="1080" h="#screen_height" srcExp="ifelse(#__darkmode_wallpaper,'darkBg','lightBg') + '/brurBg.jpg'" alpha="(#defaultScreen_x/1080)*255" visibility="#defaultScreen_x}0" />
</Lockscreen>