响应标题自动适应用户的设备的视图大小。内置功能允许您创建标题,可自动适应不同的设备和装置方位。这些响应式设计的功能消除维护多个标题或执行复杂的分支。
为了使响应特性和一个负责任的标题开始,单击新建响应标题从启动窗口或单击创建新标题从文件选项卡,选择响应标题。为了使现有的标题,点击标题选项的设计功能区,并启用启用响应标题复选框。有关详细信息,请参阅指定标题的响应。
当你的标题为响应式设计启用,设备选择栏添加到您的显示区域。设备选择栏包含代表流行与今天的设备的意见5个图形。
从左至右,该装置看法是:
手机纵向视图 | |
平板电脑纵向视图 | |
桌面视图 | |
平板电脑横向视图 | |
电话景观查看 |
通过视图栏,可以让您快速视图之间切换,以验证如何你的文字和对象都显示在每个视图。当您添加对象标题,对象优化缩放和移动为每个设备视图。点击选择栏内的设备图形看你的内容将如何看待每台设备上。
旁边显示在设备选择栏中的设备图形的箭头表示的是你当前设备视图使发展变化继承的流动。箭头指示响应继承流的方向,从桌面到平板电脑再到手机开始。此外,箭头的颜色是代表在其上覆盖在一个特定的设备视图制作的该器件的(绿色如果超控做/如果超驰被在电话上进行从片剂视图或橙色继承)。例如,在手机纵向视图显示的对象的属性是从在平板纵向视图对象的属性的当前设置继承。
您在非deskop设备视图做出改变被认为是覆盖到响应继承自父设备的设置。要了解如何在物体上覆盖在工作区中被指示,添加对象,像图像或文本块,改变为设备视图,和移动对象。还要注意,周围的物体,并在带状区域的属性的标签的颜色装饰器中的颜色也当您移动对象发生变化。颜色指示在其中一个覆盖被放置在对象上的装置。再次更改设备视图并注意覆盖如何放置在视图中。
如果你不喜欢一个覆盖的显示方式,可以快速撤消覆盖和对象恢复到其原来的属性设置。您可以在当前视图或所有视图重新覆盖。要重置的对象上的覆盖,点击重置中覆盖的群体属性丝带(属性,样式,位置和尺寸)为对象或对象上单击鼠标右键,并选择重置覆盖。要重置一个覆盖一个分配单元,章,节或页面,右键单击它并选择重置覆盖。有关详细信息,请参阅重置响应式设计覆盖。
离页放置对象
对于需要有不同的对象响应标题的设计出现,而不是其他人不同的设备,可以打开和关闭的页面交换对象。例如,您可能希望此搜索出现在台式机和平板电脑上,而是希望镜像2出现在手机上。在运行模式,将只显示在页面上的对象,这意味着如果拖动对象关闭页面特定设备,就不会在运行模式出现,并发布/预览。因此,在这种情况下,你会定位此搜索页面上,并把镜像2关闭页面电脑和平板电脑的看法。在手机的看法,你会拖到镜像2到页面上,然后拖动图像1关闭。
快速移动和在所有设备上的意见调整对象
您可以快速移动和调整跨所有设备的对象,而不改变每个视图。这将让你不管它继承状态的对象强制移动到需要的位置/大小。而移动或调整一个或多个选定的对象,拖动同时按住Shift键和Ctrl键。在所有设备上的物体也会随之改变。有关使用移动对象的更多信息按Ctrl + Shift键拖动和所应用的规则,请参见移动和调整对象。
响应缩放对象
默认情况下,大多数对象被缩放用于使用计算公式插入之后每个器件图。这涉及考虑对象的矩形信息与当前设备的用户是在当开关装置中,对象的大小和位置将按比例缩放,基于使用下面的常数在两个设备的宽度。:
设备视图 | 宽度 | 高度 |
手机肖像 | 480 | 763 |
电话景观 | 785 | 450 |
平板肖像 | 785 | 1000 |
平板电脑横向 | 1009 | 662 |
桌面 | 1009 | 662 |
在非deskop视图按钮,菜单和形式的对象不进行缩放。此外,没有缩放用于当音频显示器是控制器或扬声器图标和用于内容的表时的类型是下拉列表。 |
第身高增长规律
对于适合桌面页面高度内的对象,其他视图页面的高度(尤其是平板电脑横向和电话横向)的增长,使这些对象将保留在网页上。(这也是从TabletLandscape到电话景观真。)这适用于完全在页面上以及部分地通/断的页面对象。如果对象是完全关闭的页面,那么页面将不会成长为其他设备。
如果在桌面视图文本块的宽度是这样的,它具有变窄 - 和文本块垂直生长 - 其它视图,在这些其他视图页面的高度也将增长以容纳文本块。
为对象和文本响应规则
下面是在响应标题这些元素进行开发时会发生什么:
章,节,Pages和AU的 |
|
文本 |
|
纽扣 | 按键不扩展。 |
图片 |
|
形状 |
|
性格体式 | 人物的姿势是图像,因此使用相同的响应缩放规则。 |
动画 |
|
音频 |
|
视频 |
|
YouTube视频 |
|
问题,测试和调查 |
|
菜单 | 菜单对象像对待其他基于文本的对象。大小不是非桌面视图缩放。您可以缩放在非台式意见文本(在属性色带和家庭色带)。您可以增加在所有视图(在文本(文本增大/减小)属性色带和家庭色带)。 |
目录表 | 内容对象的表像对待其他基于文本的对象。对象的尺寸没有自动改变。文字缩放可用非桌面视图(在属性色带和家庭色带)。您可以增加在所有视图(在文本(文本增大/减小)属性色带和家庭色带)。 |
进度条 |
|
表单对象 |
|
HTML扩展,RSS订阅,以及Web的Windows | 这些对象的容器是由位置和大小相似的图像进行缩放。 |
智能文本对象 | 这些措施包括日期/时间,网页标题,网页数和面包屑。确定响应的大小和位置时,它们的处理方式一样的文本块。您可以增加在所有视图(在文本(文本增大/减小)属性色带和家庭色带)。您可以增加在所有视图(在文本(文本增大/减小)属性色带和家庭色带)。 |
图表 | 图表是图像,因此使用相同的响应缩放规则。 |
方程 | 方程是图像,因此使用相同的响应缩放规则。 |
操作和触发器 |
|
页面布局 |
您可以在添加和管理页面布局属性色带的页面。 页面布局被重新映射为最佳间隔每个设备视图,同时仍然考虑到大多数主题。(有些主题具有非常宽的边界,页眉或页脚的图形。在这些情况下,布局可以稍微重叠。) 如果您创建了一个布局的页面,然后决定更改页面布局。只要没有对象被添加到(即,包含空布局容器),现有布局被移除并用新的布局代替。请注意,如果存在的对象,它们不会应用到新的布局。新选择的布局被应用到该页面。 |
转变 | 过渡是不可重写。 |
欲了解更多信息,请访问我们的Trivantis社区这些RCD相关意见: |
技术支持 | 关于 Trivantis
© 版权 Trivantis 2017