zoukankan      html  css  js  c++  java
  • flex 4 写皮肤

    皮肤容器:s:SparkSkin

    主机组件:  [HostComponent("spark.components.Panel")]

    绘制

     <s:Group left="1" top="1" right="1" bottom="1" id="bottomGroupMask" 
                     includeIn="normalWithControlBar, disabledWithControlBar">
                <!--- @private -->
                <s:Rect id="bottomMaskRect" left="0" top="0" right="0" bottom="0">
                    <s:fill>
                        <s:SolidColor alpha="0"/>
                    </s:fill>
                </s:Rect>
            </s:Group>
    <s:Rect id="tbFill" left="0" right="0" top="0" bottom="1">
                        <s:fill>
                            <s:LinearGradient rotation="90">
                                <s:GradientEntry color="0xE2E2E2" />
                                <s:GradientEntry color="0xD9D9D9" />
                            </s:LinearGradient>
                        </s:fill>
                    </s:Rect>
     <s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0">
                        <s:stroke>
                            <s:LinearGradientStroke rotation="90" weight="1">
                                <s:GradientEntry color="0xEAEAEA" />
                                <s:GradientEntry color="0xD9D9D9" />
                            </s:LinearGradientStroke>
                        </s:stroke>
                    </s:Rect>
    <s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
                        <s:layout>
                            <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
                        </s:layout>
                    </s:Group>
                </s:Group>
    <s:Ellipse id="vborder2" left="0" right="0" top="0" bottom="0">
                <s:fill>
                    <s:RadialGradient>
                        <s:GradientEntry alpha="1" color="{getStyle('contentBackgroundColor')}"/>
                        <s:GradientEntry alpha="1" color="#FFFFFF" ratio="0.9"/>
                        <s:GradientEntry alpha="1" color="0x1B8BD1"/>
                    </s:RadialGradient>
                </s:fill>
            </s:Ellipse>

    Group是容器,Rect  是绘制矩形填充的图形元素

    mx.graphics下的组件:

     SolidColor是填充单一颜色,SolidColorStroke是单一颜色的线条

    LinearGradient:是渐变的颜色填充,LinearGradientStroke:是渐变的线条

     ellipse:是绘制椭圆,RadialGradient:径向渐变。

  • 相关阅读:
    主机无法ping通网关,但可以ping通局域网内的其他主机
    linux下安装mysql
    国内python源
    在vue中引入element-ui时报错
    在windows上部署vue
    linux上部署vue开发环境
    vue插件之vue-router路由基本使用
    vue监听属性变化
    vue过滤器
    vue组件的使用
  • 原文地址:https://www.cnblogs.com/tiandi/p/3198161.html
Copyright © 2011-2022 走看看