与响应工作内容

响应标题自动适应用户的设备的视图大小。内置功能允许您创建标题,可自动适应不同的设备和装置方位。这些响应式设计的功能消除维护多个标题或执行复杂的分支。

为了使响应特性和一个负责任的标题开始,单击新建响应标题从启动窗口或单击创建新标题文件选项卡,选择响应标题。为了使现有的标题,点击标题选项设计功能区,并启用启用响应标题复选框。有关详细信息,请参阅指定标题的响应

当你的标题为响应式设计启用,设备选择栏添加到您的显示区域。设备选择栏包含代表流行与今天的设备的意见5个图形。

从左至右,该装置看法是:

手机纵向视图
平板电脑纵向视图
桌面视图
平板电脑横向视图
电话景观查看

通过视图栏,可以让您快速视图之间切换,以验证如何你的文字和对象都显示在每个视图。当您添加对象标题,对象优化缩放和移动为每个设备视图。点击选择栏内的设备图形看你的内容将如何看待每台设备上。

旁边显示在设备选择栏中的设备图形的箭头表示的是你当前设备视图使发展变化继承的流动。箭头指示响应继承流的方向,从桌面到平板电脑再到手机开始。此外,箭头的颜色是代表在其上覆盖在一个特定的设备视图制作的该器件的(绿色如果超控做/如果超驰被在电话上进行从片剂视图或橙色继承)。例如,在手机纵向视图显示的对象的属性是从在平板纵向视图对象的属性的当前设置继承。

您在非deskop设备视图做出改变被认为是覆盖到响应继承自父设备的设置。要了解如何在物体上覆盖在工作区中被指示,添加对象,像图像或文本块,改变为设备视图,和移动对象。还要注意,周围的物体,并在带状区域的属性的标签的颜色装饰器中的颜色也当您移动对象发生变化。颜色指示在其中一个覆盖被放置在对象上的装置。再次更改设备视图并注意覆盖如何放置在视图中。

如果你不喜欢一个覆盖的显示方式,可以快速撤消覆盖和对象恢复到其原来的属性设置。您可以在当前视图或所有视图重新覆盖。要重置的对象上的覆盖,点击重置覆盖的群体属性丝带(属性样式位置和尺寸)为对象或对象上单击鼠标右键,并选择重置覆盖。要重置一个覆盖一个分配单元,章,节或页面,右键单击它并选择重置覆盖。有关详细信息,请参阅重置响应式设计覆盖

离页放置对象

对于需要有不同的对象响应标题的设计出现,而不是其他人不同的设备,可以打开和关闭的页面交换对象。例如,您可能希望此搜索出现在台式机和平板电脑上,而是希望镜像2出现在手机上。在运行模式,将只显示在页面上的对象,这意味着如果拖动对象关闭页面特定设备,就不会在运行模式出现,并发布/预览。因此,在这种情况下,你会定位此搜索页面上,并把镜像2关闭页面电脑和平板电脑的看法。在手机的看法,你会拖到镜像2到页面上,然后拖动图像1关闭。

  • 当您从一个负责任的标题删除对象,对象从标题Explorer并在标题中的所有设备视图中删除。从非桌面视图删除对象时,您将收到一条警告消息。有关详细信息,请参见删除对象在响应标题

  • 您可以使用条件操作上放置(或关闭)页面适当的图像。有关详细信息,请参阅指定条件

  • 关闭页的对象没有公布。放置在页面视图中的对象发布的内容没有被引用,除非有一个移动到与对象相关联的动作在这里的意义在于对象的资源不会被下载到浏览器。

快速移动和在所有设备上的意见调整对象

您可以快速移动和调整跨所有设备的对象,而不改变每个视图。这将让你不管它继承状态的对象强制移动到需要的位置/大小。而移动或调整一个或多个选定的对象,拖动同时按住Shift键Ctrl键。在所有设备上的物体也会随之改变。有关使用移动对象的更多信息按Ctrl + Shift键拖动和所应用的规则,请参见移动和调整对象

响应缩放对象

默认情况下,大多数对象被缩放用于使用计算公式插入之后每个器件图。这涉及考虑对象的矩形信息与当前设备的用户是在当开关装置中,对象的大小和位置将按比例缩放,基于使用下面的常数在两个设备的宽度。:

设备视图 宽度 高度
手机肖像 480 763
电话景观 785 450
平板肖像 785 1000
平板电脑横向 1009 662
桌面 1009 662

在非deskop视图按钮,菜单和形式的对象不进行缩放。此外,没有缩放用于当音频显示器是控制器或扬声器图标和用于内容的表时的类型是下拉列表。

第身高增长规律

对于适合桌面页面高度内的对象,其他视图页面的高度(尤其是平板电脑横向和电话横向)的增长,使这些对象将保留在网页上。(这也是从TabletLandscape到电话景观真。)这适用于完全在页面上以及部分地通/断的页面对象。如果对象是完全关闭的页面,那么页面将不会成长为其他设备。

如果在桌面视图文本块的宽度是这样的,它具有变窄 - 和文本块垂直生长 - 其它视图,在这些其他视图页面的高度也将增长以容纳文本块。

为对象和文本响应规则

下面是在响应标题这些元素进行开发时会发生什么:

章,节,Pages和AU的
  • 页面宽度在仅桌面视图(在两个可调设计色带和属性色带。在其它响应的观点,宽度总是固定的。在网页高度在对象级别仅继承。换句话说,页面从部分继承,本章从标题继承,等等。页面的高度没有得到跨越观点继承(从桌面到降低视图)。你可以在所有视图更改页面高度设计色带和属性丝带。

    继承页面尺寸上的复选框属性色带仅适用于桌面视图; 并显示为继承页面高度,因为页面宽度不能改变的非桌面视图。

  • 为响应标题的默认HTML页面对齐中心。此外,您不能调整响应标题HTML页面对齐。对于现有的标题,如果定期(不响应)标题启用响应,则居中HTML页面对齐将应用和控制禁用(和响应规则适用)。如果一个负责任的标题改为定期标题,HTML页面排列仍中心和控制被启用,因此如果需要,你可以改变它。
文本
  • 对于敏感的标题,选项可方便用户进行缩放文本块中的文本。调整文本块中的文本如何出现响应标题不同设备视图中时,这是有帮助的。缩放文本创建缺省响应继承覆盖。(文字缩放控制都在桌面视图,因为您不能创建在该视图覆盖禁用。此外,在字段中的标签将改变颜色以反映当前的替代值对每个设备视图)。

  • 在存在在文本多个文本样式框在基值的情况下的文本面板将显示在块和指示器所述第一文本的文本样式- ± -即多个值存在,例如12±。

  • 按钮有自动覆盖,如果它们包含文本,不会缩放字体大小。这确保了按钮上的文字出现在所有设备上,而不是从桌面向下缩放,并成为在较低的器件更小的尺寸相同。

纽扣 按键不扩展。
图片
  • 图像具有在被插入到设备正常缩放。如果图像由默认页面上配合,它也被插入到每一个其他设备作为超控,以便它是完全相同的size.If图像比当前设备的页面较大水平或垂直,图像被放置在桌面设备,然后按比例缩小的设备视图。如果图像是比当前设备的页大比台式越大,图像被放置到桌面视图和缩小到桌面的边界。从那里,它是进一步下来到了当前设备缩放。

  • 图像不会被放大。

  • 对于在背景中使用的图像,所述图像是使用缩放规则缩放。此外,如果在桌面上重复或瓷砖的背景图像资源,那么它会重复或更低的意见瓦。如果它不在桌面上重复或瓦片,那么它被从在下部视图的重复或/平铺防止。

形状
  • 形状具有在被插入到设备正常缩放。如果该形状由默认页面上配合,它也被插入到每一个其他设备作为超控,以便它是完全相同的size.If形状是比当前设备的页面较大水平或垂直,形状被放置在桌面设备,然后按比例缩小的设备视图。如果图像是比当前设备的页大比台式越大,图像被放置到桌面视图和缩小到桌面的边界。从那里,它是进一步下来到了当前设备缩放。

  • 形状按比例增加至桌面如果是其他国家或地区,然后按照响应继承流入规模回落到较低的意见。这将保持在查看原始大小发生而不创建覆盖绘制。

  • 对于在背景使用的形状,该形状通过使用缩放规则标定。此外,如果在桌面上重复或瓷砖的背景形状,那么它会重复或更低的意见瓦。如果它不在桌面上重复或瓦片,那么它被从在下部视图的重复或/平铺防止。

性格体式 人物的姿势是图像,因此使用相同的响应缩放规则。
动画
  • 不管视图的尺寸按比例,然后按比例响应。

  • 当设备旋转的游戏仍在继续。

  • 资源是在其他设备的意见重写。

音频
  • 音频对象需要由于控制器缩放和尺寸替换单独的规则。标准音频控制器或扬声器图标不会规模,而不是有一个覆盖能力的大小。如果使用图像作为控制器,音频对象被缩放等其他图像对象,并允许尺寸替换。

  • 当设备旋转的游戏仍在继续。

  • 资源是在其他设备的意见重写。
视频
  • 不管视图的视频大小缩放,然后按比例响应。

  • 当设备旋转视频的播放继续。

  • 视频控制器是不可重写。当前选定的控制器或图像在所有装置和视图应用。

  • 视频资源是在其他设备的意见重写。

YouTube视频
  • 当设备旋转视频的播放继续。

  • 视频控制器是不可重写。当前选定的控制器或图像在所有装置和视图应用。

  • 视频资源是在其他设备的意见重写。

问题,测试和调查
  • 在响应标题,问题是插入上的所有设备问题的大小和位置,自动覆盖。

  • 如有疑问,测试性能变化,调查将被传播到所有的意见。只有独特位置和大小的变化将被允许对问题元对象(例如文本和图像的资源)。

  • 文本块的默认宽度问题中提高,使缩小时,他们将有助于防止文本从碾碎或包裹。

  • 额外的10像素被放置单选按钮/复选框和它们的标签文本之间。

  • 拖放和热点问题必须包括与问题的图像。对于这种图像上的图像的属性功能区中的图像资源下拉列表被禁用。图像只能使用问题的创造者而改变。至于其他问题的变化,这种变化被应用到所有的意见的问题。

  • 对于热点问题,斑点会自动在不同的设备视图调整。

菜单 菜单对象像对待其他基于文本的对象。大小不是非桌面视图缩放。您可以缩放在非台式意见文本(在属性色带和家庭色带)。您可以增加在所有视图(在文本(文本增大/减小)属性色带和家庭色带)。
目录表 内容对象的表像对待其他基于文本的对象。对象的尺寸没有自动改变。文字缩放可用非桌面视图(在属性色带和家庭色带)。您可以增加在所有视图(在文本(文本增大/减小)属性色带和家庭色带)。
进度条
  • 对于包含图像的进度条,相同的图像缩放规则被应用。

  • 目前,仅显示进度条的方向是重写。

表单对象
  • 表单对象的大小没有得到自动缩放基于inheritance..You将需要让他们不同的大小,如果需要的话。这包括复选框和单选按钮关联的文本标签。

  • 文字缩放可用非桌面视图(在属性色带和家庭色带)。您可以增加在所有视图(在文本(文本增大/减小)属性色带和家庭色带)。

  • 缩放文本向上或向下将不会自动改变窗体对象的大小。你将需要改变大小,如果需要适当的文字大小。

  • 表单对象的属性不会被重写。

HTML扩展RSS订阅,以及Web的Windows 这些对象的容器是由位置和大小相似的图像进行缩放。
智能文本对象 这些措施包括日期/时间,网页标题,网页数和面包屑。确定响应的大小和位置时,它们的处理方式一样的文本块。您可以增加在所有视图(在文本(文本增大/减小)属性色带和家庭色带)。您可以增加在所有视图(在文本(文本增大/减小)属性色带和家庭色带)。
图表 图表是图像,因此使用相同的响应缩放规则。
方程 方程是图像,因此使用相同的响应缩放规则。
操作和触发器
  • 操作和触发器不能重写。

  • 您可以使用多个动作和条件的行动来改变视图之间的行为。使用设备旋转触发设置操作时,平板电脑或手机的方向旋转发生。

  • 页面级触发器(显示时在PageShow)当设备旋转时不refired。这阻止了物体隐藏或显示不适当或-更重要- 修改变量被加倍的后续行动。如果你想在那种情况下所发生的动作,使用设备旋转触发器来完成它。

  • 操作可以是有条件的,让您在替代设备视图调用不同的行为。使用保留的变量CurrentView来比较。存储的数据:

    • 桌面

    • TabletLandscape

    • TabletPortrait

    • PhoneLandscape

    • PhonePortrait

    例如,您可以比较CurrentView“等于” TabletLandscape或“包含”电话或“不含”的桌面。(您也可以通过快捷键,例如,“包含”,“T”,因为只有平板电脑选择包含大写字母T,或者“含有”,“L”,因为只有选择风景含有资本L.)

  • 如果变更内容被初始加载后在页面上执行的动作(例如,使用一个按钮点击),然后即使当装置旋转所得到的条件/外观显示。例如,如果变更内容新值在景观的装置中,当所述装置被新的图像旋转到肖像上执行仍将显示。

页面布局

您可以在添加和管理页面布局属性色带的页面。

页面布局被重新映射为最佳间隔每个设备视图,同时仍然考虑到大多数主题。(有些主题具有非常宽的边界,页眉或页脚的图形。在这些情况下,布局可以稍微重叠。)

如果您创建了一个布局的页面,然后决定更改页面布局。只要没有对象被添加到(即,包含空布局容器),现有布局被移除并用新的布局代替。请注意,如果存在的对象,它们不会应用到新的布局。新选择的布局被应用到该页面。

转变 过渡是不可重写。

欲了解更多信息,请访问我们的Trivantis社区这些RCD相关意见:

技术支持 | 关于 Trivantis
© 版权 Trivantis 2017