皮肤的构成

我们在学习制作皮肤之前，肯定不能凭空造，如果我们是从未接触，那势必要有个参考，而最好的参考就是官方自带的皮肤文件。通过自带的皮肤文件，先了解一下皮肤的大致的构成。

首先打开自带的一款皮肤，这里就挑选simplex_v5为例。

点击“编辑皮肤”打开

或者在皮肤编辑器里通过文件——打开，选择simplex_v5文件。

进入皮肤编辑。

我们先看树列表。有两点需要说明，第一，列表显示所有的元素，相关的元素之间有父级和子级的关系。第二，元素过多的情况下，我们可以通过前面的“眼睛”图标勾选框，使部分元素在右边画布显示隐藏，以方便我们的编辑。

再看画布部分。画布的有效区域就是格子底色的区域，我们可以打开所有自带皮肤观察，会发现皮肤文件的总大小都不大。在全景漫游中会以当前大小布局适应，自动的伸展平铺。我们自己制作皮肤文件时，可以根据自己的需要适当调整画布大小，但是建议不要太大（超出1920×1080），也不要太小（要放得下布局元素）。

我们可以点击画布的空白区，查看画布的属性。画布只有三个属性，大小、边缘和变量。

当然，针对不同的元素，这里的参数也会不同。比如，在画布中或者树列表里选择一个按钮元素，相应的参数就完全不一样了。

回到树列表和画布部分，我们可以观察到，simplex_v5主要有三部分：控制按钮，热点，进度加载条。

这是一个经典的Pano2VR皮肤构成，我们会先从这三部分挨个的学习制作，并在后期补充另外的两大部分，导航图和缩略图。