主题文章

> 教程

[制作教程] MAML 之【所有元素】*TODO

发布时间: 2015-06-01 11:23

根据“坑爹的官方提供alpha版文档”可以得到以下情报:


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

0.壁纸......

1.文本......

2.时间...... 、

3.图片...... 、

4.变量...... 不可见

5.按钮...... 不可见

6.滑块...... 不可见

7.组........ 不可见

8.音乐......

9.帧率...... 不可见

10.变量绑定. 不可见

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


11.oneMoreThing...待补充!

线条<Line />

<strokeColor描边色 fillColor填充色 weight画笔粗细>
<1.指定weight,按strokeColor画,fillColor失效>
<Line x="50" y="100" x1="500" y1="700" strokeColor="#ff00ff" fillColor="ffffff" weight="10">
<Line x="50" y="200" x1="500" y1="700" strokeColor="#ffffff" fillColor="ff00ff" weight="10">
<2.指定weight,按strokeColor画>
<Line x="50" y="300" x1="500" y1="700" strokeColor="#ff00ff" weight="10">
<Line x="50" y="400" x1="500" y1="700" strokeColor="#ffffff" weight="10">
<3.未指定weight,按fillColor画-->
<Line x="50" y="500" x1="500" y1="700" fillColor="#ff00ff">
<Line x="50" y="600" x1="500" y1="700" fillColor="#ffffff">
<!--4.指定weight,按fillColor画,weight失效 >
<Line x="50" y="700" x1="500" y1="700" fillColor="#ff00ff" weight="10">
<Line x="50" y="800" x1="500" y1="700" fillColor="#ffffff" weight="10">

圆角矩形<Rectangle>

<!--cornerRadius 圆角矩形的倒角半径,-->
<!-- cornerRadius="15" 圆角半径是15 -->
<Rectangle x="100" y="100" w="200" h="200" cornerRadius="15" fillColor="#ffffff" weight="10"/>
<Rectangle x="400" y="100" w="200" h="200" cornerRadius="15" strokeColor="#ff00ff" weight="10"/>
<Rectangle x="700" y="100" w="200" h="200" cornerRadius="15" strokeColor="#ff00ff" fillColor="#ffffff" weight="10"/>
<!-- cornerRadius="15,30"圆角横向半径是15,纵向半径是30-->
<Rectangle x="100" y="400" w="200" h="200" cornerRadius="30,15" fillColor="#ffffff" weight="10"/>
<Rectangle x="400" y="400" w="200" h="200" cornerRadius="30,15" strokeColor="#ff00ff" weight="10"/>
<Rectangle x="700" y="400" w="200" h="200" cornerRadius="30,15" strokeColor="#ff00ff" fillColor="#ffffff" weight="10"/>

圆形<Circle />

<!--r 圆半径-->
<Circle x="500" y="200" r="60" strokeColor="#ff00ff" weight="10" />
<Circle x="500" y="500" r="60" fillColor="#ffffff" weight="10" />
<Circle x="500" y="800" r="60" strokeColor="#ff00ff" fillColor="#ffffff" weight="10" />

椭圆<Ellipse/> 

<!--x y 椭圆坐标点 w h 椭圆大小-->
<Ellipse x="200" y="200" w="300" h="150" strokeColor="#ff00ff" weight="10"/>
<Ellipse x="200" y="600" w="300" h="150" fillColor="#ffffff" weight="10"/>
<Ellipse x="200" y="1000" w="300" h="150" strokeColor="#ff00ff" fillColor="#ffffff" weight="10"/>
<!--rotation 椭圆旋转角度,可以指定旋转中心点,未指定时中心点为x,y-->
<Ellipse x="600" y="200" w="300" h="150" rotation="30" strokeColor="#ff00ff" weight="10"/>
<Ellipse x="600" y="600" w="300" h="150" rotation="60" fillColor="#ffffff" weight="10"/>
<Ellipse x="600" y="1000" w="300" h="150" rotation="90" strokeColor="#ff00ff" fillColor="#ffffff" weight="10"/>

弧形<Arc/>

<!--x y w h 弧形圆形中心和大小,必须指定这四个参数 * -->
<Arc x="0" y="0" w="200" h="200" startAngle="0" sweep="60" close="false" fillColor="#ffffff" weight="10"/>
<Arc x="200" y="0" w="200" h="200" startAngle="0" sweep="30" close="false" strokeColor="#ff00ff" weight="10"/>
<Arc x="400" y="0" w="200" h="200" startAngle="0" sweep="60" close="false" strokeColor="#ff00ff" fillColor="#ffffff" weight="10"/>
<!--startAngle 弧形开始的角度(以横轴x正方向,顺时针方向)-->
<!--sweep 弧形扫过的角度-->
<!--close 弧形是否两半径闭合成封闭图形-->
<Arc x="0" y="400" w="200" h="200" startAngle="0" sweep="175" close="false" fillColor="#ffffff" />
<Arc x="200" y="400" w="200" h="200" startAngle="30" sweep="175" close="false" strokeColor="#ff00ff" weight="10"/>
<Arc x="400" y="400" w="200" h="200" startAngle="60" sweep="175" close="true" fillColor="#ffffff"/>
<!--w h 影响弧形的大小而不是r半径决定的-->
<!--w h 若不等比,则弧形为椭圆弧形-->
<Arc x="400" y="800" w="400" h="400" startAngle="0" sweep="125" close="false" fillColor="#ffffff" />
<Arc x="400" y="1250" w="200" h="400" startAngle="0" sweep="175" close="false" fillColor="#ffffff" />

亲,你需要登录后才能对该作品进行评论喔!

登录 立即注册