美文网首页交互设计
Form教程翻译(二)视图

Form教程翻译(二)视图

作者: 凌乐歌 | 来源:发表于2016-08-02 14:28 被阅读57次

本节原官方教程地址

------------

视图Views

视图用来在界面上显示内容。视图的属性有位置、尺寸等。视图中可以包含子视图--类似PS中的图层组,或html中的‘div’元素。

颜色视图Color views

用来在屏幕上绘制一个实心的矩形。

颜色视图

图像视图Image View

用来在屏幕上绘制一张图片。通过导入图片、或直接从finder中拖动到form中即可自动生成一个图像视图。(在from中所有的元素都不是可视化的,而是用view形式表示元素的各个属性,在预览器中生成结果)

图片视图

子视图Subviews

每个视图都可以包含其他视图。被包含的视图叫做子视图,并且在位置上与父视图互相关联。双击即可打开父视图,看到内部所有子视图。在视图内部创建的视图会被当作子视图处理。可以在左下角看到打开路径。

父视图和子视图

视图顺序View Order

每个视图都被指定了视图编号。编号大的视图在编号小的视图前面。所有视图的编号可以在侧边栏的视图层级模块看到。

视图层级顺序

超级视图变量Superview Variables

超级视图变量patch用来输出超级父视图的属性,如父视图的位置和尺寸。在最基础层级,超级视图变量patch输出设备屏幕尺寸。

超级视图变量

附本节视频教程演示。

相关文章

网友评论

    本文标题:Form教程翻译(二)视图

    本文链接:https://www.haomeiwen.com/subject/ombfsttx.html