Material Design(2)

本文探讨了MaterialDesign的三维环境特性,详细介绍了实体对象如何通过x、y与z轴定义,并解释了主光线和周围光线如何创造不同类型的阴影效果,以及这些效果在安卓和网页上的具体实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Material design


Environment

Material Design 是一个三维的环境,包括光线,实体和投影。

所有的实体对象包含x,y与z轴
所有的实体对象有一个单独的z轴位置
主光线创造有方向的阴影,周围光线创造温和的阴影

实体厚度
1dp

阴影
阴影被海拔创建,使层叠的实体区分开
what_is_material_environment

内容

3D 世界
光线与阴影

3D 世界

实体环境是一个3D空间,意味着所有的物体都有x,y和z轴。z轴是垂直调整平面的显示,正值表示向查看者延伸。实体的每一片沿着z轴出现在单独的位置且都有标准的1dp厚度,等同于1像素的厚度在像素密度为160的屏幕上。
在网页中,z轴用于分层而没有用于透视。3D世界通过操作y轴来仿真。

whatismaterial_environment_3d
拥有x,y和z轴的3D 空间

光线和阴影

在实体环境中,虚拟的光线操作着场景。主光线创造有方向的阴影,当周围的光线创造温和的阴影从所有的角度。
在实体环境中的阴影被两个光源操控方向。在安卓环境中,阴影出现在当光源被实体阻挡在不同的位置沿着z轴。在网页上,阴影只被y轴操控。下面的例子展示了卡片在6dp的高度。

whatismaterial_environment_shadow1
主光线投射的阴影
whatismaterial_environment_shadow2
周围光投射的阴影

whatismaterial_environment_shadow3
上述两种阴影的结合

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值