触摸反应

当用户触摸屏幕上的特定元素(特别是按钮)时,必须给他们提供回应。 这支持用户和应用程序之间的通讯。

为促进更好的接触互动与视觉提示,Tizen 提供了几种颜色变化及效果。 每种按钮类型 都具有独立的状态(正常、按下和暗淡),例如列表按钮。  

按钮状态
列表按钮以及屏脚文本和图标按钮
 

状态 正常 按下 暗淡
BG 图像 暗灰色 蓝色 暗灰色            

(正常状态 + 60% 不透明度)

字体和图标 白色            

黑色阴影

方向:90

距离:2px

白色            

黑色阴影

方向:-90

距离:2px

白色            

(正常状态 + 60% 不透明度)

在正常状态下,该按钮是深灰色 BG 图像,而处于按下状态时,它呈现 蓝色雕版效果,而且字体和图标阴影的方向转动-90 度

基于正常状态的颜色值,在暗淡状态时,按钮应该采用 60% 不透明度。

您可以查看以下一组按钮示例(从到右:屏脚文本按钮的按状态,以及 删除图标按钮编辑模式的正常状态)。

按钮状态示例
按钮状态示例
 
注:您可以自定义 Web 框架中按钮的暗淡颜色。