Home » Posts » Kits » Pro » Layer Kit Pro » Using XML View
Using XML View
Last updated on September 24, 2020 XD, PSD, AI and INDD layers to XML with clean and clear code becomes simple. Translate your XD, PSD, AI and INDD layers to XML with advanced support for text, images and shapes.
Example Image Element
1
2
3
4
5
6
| <layer
name="index_button_bg"
type="image"
src="../skins/exportkit_example_125/index_button_bg.png"
x="927" y="1311"
width="143" height="51" /> |
Example Text Element
1
2
3
4
5
6
7
8
9
10
11
| <layer
name="page_title"
type="text"
font="ArialMT"
color="0xFFFFFF"
size="72"
x="98" y="131"
width="888" height="188" >
<![CDATA[Toronto’s award winning
creative agency]]>
</layer> |
Example Shape Element
1
2
3
4
5
6
7
8
| <layer
name="thumbnail"
type="shape"
shapeType="rectangle"
color="#ECECEC"
radius="0px"
x="132" y="1253"
width="165" height="165" /> |
Customize the XML View to include additional information with the XD, PSD, AI and INDD layer such as effects, advanced text rendering and more.
Example Layer Effects
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| <layer
name="page_title"
type="text"
font="ArialMT"
color="0xFFFFFF"
size="72"
x="98" y="131"
width="888" height="188" >
<![CDATA[Toronto’s award winning
creative agency]]>
<effects>
<effect
type="dropShadow"
distance="5"
angle="120"
color="0x000000"
alpha="75"
blurX="2" blurY="2" />
</effects>
</layer> |
LOGIN NOW: Get instant access to our free Online Training - click here.
