# 深色模式壁纸

# 百变框架支持深色模式壁纸压暗自定义

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>

(附件为主题包效果) (opens new window)


最近更新时间: 12/30/2020, 8:00:48 AM