了解 Drupal8 在移动平台上的方向

2013-04-23

在2011年芝加哥Drupalcon的主题演讲上，Dries说“如果现在让我来重新设计Drupal，我会首先考虑移动平台上的用户体验，其次才是桌面平台”。随后Dries介绍了移动平台方面的负责人JOHNALBIN。两年后的今天他为我们带来了很多移动平台的相关功能，请阅读John的介绍博文：HTTP://PALANTIR.NET/BLOG/DRUPAL-8-MOBILE-INITIATIVE。

本文将从Drupal 7的移动平台指南开始，带你了解Drupal 8在移动平台上各方面的开发进展。

Drupal 7的移动平台指南

JohnAlbin的第一步先是撰写了一系列可作为指南使用的文档。文档介绍了Drupal针对手机APP与手机网站的功能与概念，同时也提供基于Drupal7的详细的整合步骤。该文档地址：HTTP://DRUPAL.ORG/DOCUMENTATION/MOBILE。

感谢：JOHNALBIN，JEFFLINWOOD，TYLER.FRANKENSTEIN，DCMOUYARD，MJOHNQ3，RUPL以及所有编辑过文档的人。

Drupal 8自带的响应式Theme

“响应式设计”指的是网站界面将会根据不同的访问设备、浏览器而进行调整优化。现今随着非传统设备（比如平板电脑）与手机用户的迅速增长，网站对于能够跨平台运作的需求也越来越强烈。

所有Drupal 8自带的Theme（Bartik、Seven和Stark）都符合这个要求，并且都是以移动平台为首要目标进行设计开发的。也就是说默认安装的Drupal 8既能够适应在不同设备上的访问。

下面是Seven Theme如何响应不同设备的截屏：

感谢：JOHNALBIN，MJOHNQ3，RUPL，MANUEL GARCIA，EFFULGENTSIA，SUN，JESSEBEACH和MOSHE，ALANBURKE，JRBEEMAN。

Drupal 8内置了breakpoints模块

“设计”将根据“页面宽度”为断点进行变化，”设计”的变化包括了布局变化、字体优化、画像尺寸或像素的调整、甚至包括功能的改变。

Breakpoints Module标准化了“断点”的使用，以及提供了Module和Theme使用对方“断点”的可能。详细可参考文档：HTTP://DRUPAL.ORG/NODE/1803874。

模块在2012年10月15日整合到了DRUPAL 8核心中

一个典型的例子（自动创建Bartik Theme的yml文件）

breakpoints:
- theme.bartik.mobile
- theme.bartik.narrow
- theme.bartik.wide
id: bartik
label: Bartik

感谢：ATTIKS，JELLE_S

Drupal 8中的图像元素与响应式图像

Drupal 8 Picture Module中调用的图像元素部分由HTML5提供。这部分功能已经开发完成，Drupal 8发布时会使用最新版本。该模块使用Image Fields保存图像文件。模块提供了响应式的图像功能配合默认的响应式Theme使用。响应式图像功能将允许用户根据所使用设备的屏幕宽度配制加载的图像尺寸。

模块在2012年11月4日整合到了DRUPAL 8核心中

图像元素的决定会等到Drupal 8的Code Freeze阶段。参考：[#1883526]:DECIDE ON THE PICTURE POLYFILL TO USE

attiks's的Drupal 8整合图像功能的DEMO演示：HTTP://PICTUREFILL8.H011.ATTIKS.COM/NODE/2?UTM_MEDIUM=ATIX&UTM_SOURCE=ZKM

感谢：ATTIKS，JELLE_S