您的位置 首页 > 德语词汇

elevation是什么意思,elevation的意思翻译、用法、同义词(Elevation)

大家好,感谢邀请,今天来为大家分享一下elevation是什么意思,elevation的意思翻译、用法、同义词的问题,以及和Elevation的一些困惑,大家要是还不太明白的话,也没有关系,因为接下来将为大家分享,希望可以帮助到大家,解决大家的问题,下面就开始吧!

Elevation(标高)是沿z轴的两个Surface之间的相对距离。

MaterialDesign中的标高为Materialsurfaces之间的距离。从一个Materialsurface的前部到另一个Materialsurface前面的距离沿z轴以与dps(density-independentpixels)为单位进行测量,并使用阴影进行描绘(默认情况下).

elevation是什么意思,elevation的意思翻译、用法、同义词(Elevation)

所有Materialsurfaces和组件都具有标高值。

不同标高的surfaces执行以下操作:

可以使用阴影或其他视觉提示(如Surface填充或不透明度)来描绘标高。

注意:不同的surface填充也可以用来描绘标高而不仅仅是阴影.不同的透明度也可以用来描绘标高而不仅仅是阴影.

静止标高是默认情况下为组件指定的起始标高值。组件从静止标高移动以响应用户或系统事件。所有Material组件都具有对于每种类型的组件都相同的静止标高。例如,所有卡片彼此具有相同的静止标高,并且对话框具有与其他对话框相同的静止标高。

静止标高因环境、平台或应用程序而异。移动设备上的静止标高旨在提供视觉提示(如阴影),以指示组件何时是交互式的。相比之下,桌面上的静止标高较浅,因为其他提示(如悬停状态)在组件交互时会进行通信。例如,桌面上0dp标高的卡片用描边勾勒轮廓。

组件可以更改标高以响应用户输入或系统事件。发生这种情况时,组件将移动到预设的动态标高偏移,这是组件在非静止状态时移动到的默认标高。

每种类型的元件之间的动态标高偏移相同。例如,所有卡片都使用与其他卡片相同的偏移量,并且所有浮动操作按钮都使用与其他浮动操作按钮相同的偏移量。

一旦用户输入(或系统事件)完成或取消,组件就会迅速返回到其静止标高。

当元件在其静止标高和动态标高偏移之间移动时,它不应与其他元件碰撞。

为了避免这些类型的碰撞,组件可以移开。例如,如果增加卡片的高度会将其定位为通过浮动操作按钮,则该按钮可能会在碰撞发生之前消失或移出屏幕。

你还可以设计应用的布局以避免冲突,例如将浮动操作按钮放在卡片旁边,而不是直接放在卡片上方。

要成功描绘标高,surfaces必须显示:

Surface边缘,使Surface与周围环境形成对比与其他Surface重叠,无论是静止还是运动与其他Surface的距离

边缘有助于表达Materialsurfaces的触觉质量。它们显示一个图面的结束位置,另一个surface通过将UI的不同部分分隔为可识别的组件来开始。例如,应用栏的边缘显示它与网格列表是分开的,从而向用户传达网格列表独立于应用栏滚动。

默认情况下,材质surfaces使用阴影来指示边缘。其他方法可用于指示边,例如:

赋予Surface不同的颜色为Surface提供不同的透明度

边必须在Surface之间产生足够的对比度(通过达到或超过可访问的对比度),以便将它们视为彼此分开。

当一个Surface部分或完全重叠另一个Surface时,它表示两个Surface占据不同的标高(但不是它们之间的差异程度或数量)。较高标高处的Surface显示在较低标高处的Surface的前面,这意味着它们位于沿z轴的不同标高处。默认情况下,Surface可能会相互重叠,或者由于运动而导致其在UI中的位置而重叠。

当Surface具有不同的不透明度或彼此对比度不足时,可能会很难分辨哪个Surface在另一个Surface的前面。通过确保明确定义Surface边,避免模棱两可的重叠。

Surface之间的标高差程度可以使用遮罩背景或使用阴影来表示。

阴影的大小和柔和度或扩散量都表示两个表面之间的距离程度。例如,阴影较小且锐利的曲面表示曲面与其后面的曲面非常接近。更大、更柔和的阴影表示更多的距离。

阴影大小和扩散的细微差异传达了:

两个曲面之间的详细距离度非重叠表面之间的高程差

运动可以使用以下方法强调标高:

内容与其他内容的关系取决于它们位于相似还是不同的海拔高度。

将曲面放置在同一标高处会使它们共面,并可能表明它们包含彼此同等重要的内容。例如,一个集合中的所有卡片都具有同等的重要性。

不表达标高的曲面可以显示为共面。对于不表示标高的曲面,可以通过其内容以及通过调整其水平和垂直布局位置以建议其相对层次来传达层次差异。

所有元素都具有静止标高和动态标高偏移的默认值。某些构件的标高高于其他构件,从而在所有组件之间建立了一致的标高顺序。例如,对话框总是出现在所有其他组件的前面。

下表列出了静止标高和动态标高偏移的默认值。

默认标高值(dp)

ModalbottomsheetModalsidesheet

Floatingactionbutton(FAB-pressed)

StandardbottomsheetStandardsidesheet

Floatingactionbutton(FAB-restingelevation)Snackbar

RefreshindicatorSearchbar(scrolledstate)

Containedbutton(restingelevation)

最新更新以及更多MaterialDesign相关文章请访问鹏叔的技术博客空间-MaterialDesign

MaterialSystem-EnvironmentElevation

关于elevation是什么意思,elevation的意思翻译、用法、同义词,Elevation的介绍到此结束,希望对大家有所帮助。

本站涵盖的内容、图片、视频等数据,部分未能与原作者取得联系。若涉及版权问题,请及时通知我们并提供相关证明材料,我们将及时予以删除!谢谢大家的理解与支持!

Copyright © 2023