MIUI论坛 下载APP

官方团队

Rank: 8Rank: 8

积分
2014
机型
未知设备
签到次数
176
MIUI版本
9.5.29
私信

[制作教程] MAML图片混合功能

[复制链接]
7043 19 |
2015-9-8 15:03 | 来自PC
| |
|
跳转
本帖最后由 天使使planB 于 2015-10-9 11:22 编辑

作用
将Image与之前所绘制的图像做一个混合,模式由xfermode或xfermodeNum来指定。

例子:
<Group w="#screen_width" h="#screen_height" layered="true">
        <Image x="300" y="200" src="test.png"/>
        <Image x="300" y="200" src="mask.png" xfermode="dst_in"/>
</Group>
  • layered 和Group里面元素的xfermode配合使用,增加该属性旨在让xfermode只作用于Group内部的元素。
  • 在Group使用layered时,请务必指定w, h,否则无法生效。
  • xfermode 混合模式,取值有:clear,src, dst, src_over, dst_over, src_in, dst_in, src_out, dst_out, src_atop, dst_atop, xor.
  • xfermodeNum 为了使混合模式支持变量表达式。表达式的取值对应一种混合模式,clear,src, dst, src_over,...xor依次取值 0,1,2.3 ...11
  • 一个组里可以有>=2张图,最后一个有xfermode的Image会将这个组内前面所有的图片看作一个整体的Image,按照xfermode的取值与之混合。
  • 原来的图像是dst, 后加的图是src.

混合效果见下图:
xfermode.png
这个功能是很强大的,比如混合模式5,6就可以实现图片遮罩的效果,可以替代原来的<Mask/>功能,而且我们推荐您这么做,因为<Mask/>的绘图效率并不高,可能导致你的主题出现卡顿现象。
PS:混合模式为 clear 的实现效果,可参考http://www.miui.com/thread-2993340-1-1.html


收藏21 分享  

已有 1 人评分 经验 理由  

一YY阳 + 1 MIUI 因你更精彩!

经验 +1  查看全部评分

玩机狂人

Rank: 3Rank: 3

积分
489
机型
未知设备
签到次数
36
MIUI版本
7.7.26
私信

MIUI 7

2015-9-8 15:47 | 来自PC
|
本帖最后由 此城重逢.c 于 2015-9-8 15:51 编辑
--------------
        职业主题制作答疑人
--------------

社区版主

Rank: 7Rank: 7Rank: 7

积分
65511
机型
小米手机4
签到次数
59
MIUI版本
7.8.29
私信

MIUI 10专属勋章2017圣诞节勋章MIUI3亿用户纪念勋章感恩节勋章万圣节勋章MIUI七周年MIUI 9纪念勋章小米7周年勋章“澎湃S1 ”芯片纪念勋章初音勋章2017年小金鸡勋章APP 1000万MIUI 300周小米六周年小米5发布会MIUI 3000万MIUI 2000万MIUI 7MIUI五周年关注微信极客勋章疾风测评勋章关注腾讯微博关注新浪微博年度优秀MIUI六周年

2015-9-8 22:24 | 来自PC
|
感谢分享~

玩机之王

Rank: 5Rank: 5

积分
3377
机型
未知设备
签到次数
101
MIUI版本
9.6.20
私信
2015-9-8 23:29 | 来自PC
|
嗯,谢谢,收藏了。备用

玩机之王

Rank: 5Rank: 5

积分
2937
机型
未知设备
签到次数
106
MIUI版本
8.4.26
私信

关注微信

2015-9-8 23:30 | 来自PC
|
这还可以

玩机之王

Rank: 5Rank: 5

积分
3377
机型
未知设备
签到次数
101
MIUI版本
9.6.20
私信
2015-9-8 23:35 | 来自PC
|
请教:
1.xfermodeNum这个用法可以在具体讲一下吗?貌似mode用了就没必要用这个了?
2.这个用来做头像遮罩貌似蛮好用的,之前的mask确实会导致主题卡顿,这个会好些吗?
3.xor模式,看样子是重叠部分相减,也就是说,变成透明?

玩机之皇

玩机之神

Rank: 6Rank: 6

积分
17869
机型
未知设备
签到次数
219
MIUI版本
V9.2.3.0.LHMCNEK
私信

MIUI七周年MIUI 9纪念勋章关注新浪微博

2015-9-9 02:16 | 来自APP
|
还不错的样子

玩机大师

Rank: 4

积分
1863
机型
未知设备
签到次数
110
MIUI版本
8.11.22
私信

MIUI 7MIUI五周年关注微信

2015-9-9 08:44 | 来自PC
|
不错,不错

玩机之皇

Rank: 6Rank: 6

积分
8167
机型
未知设备
签到次数
25
MIUI版本
V10.2.5.0.PFBCNXM
私信

关注腾讯微博

2015-9-9 10:03 | 来自PC
|
这还可以

官方团队

Rank: 8Rank: 8

积分
2014
机型
未知设备
签到次数
176
MIUI版本
9.5.29
私信
 楼主| 2015-9-9 11:05 | 来自PC
|
爱琴海alvyn 发表于 2015-9-8 23:35
请教:
1.xfermodeNum这个用法可以在具体讲一下吗?貌似mode用了就没必要用这个了?
2.这个用来做头像遮罩 ...

自己要勇于尝试,试试就知道了嘛,加油
快速回复 返回顶部 返回列表