1 Reply Latest reply on Jun 5, 2010 2:31 AM by David_F57

    ApplicationControlBar with top edges and bottom round off square

    ^^GOUST^^ Level 1

      desire to make a  ApplicationControlBar as the image that follows below. I searched the internet and found nothing that helps me to  change the edges of the object

       

       

      Sem título.png

        • 1. Re: ApplicationControlBar with top edges and bottom round off square
          David_F57 Level 5

          Hi,

           

          If you create an application skin then find the section topGroup, you just add each corner radius in, below is thesection with  left top corner radius

          added.

           

          David.

           

                  <s:Group id="topGroup" minWidth="0" minHeight="0"

                              includeIn="normalWithControlBar, disabledWithControlBar" >

           

                      <!-- layer 0: control bar highlight -->

                      <s:Rect left="0" right="0" top="0" bottom="1" topLeftRadiusX="10" topLeftRadiusY="10">

                         <s:stroke>

                              <s:LinearGradientStroke rotation="90" weight="1">

                                  <s:GradientEntry color="0xFFFFFF" />

                                  <s:GradientEntry color="0xD8D8D8" />

                              </s:LinearGradientStroke>

                         </s:stroke>

                      </s:Rect>

           

                      <!-- layer 1: control bar fill -->

                      <s:Rect left="1" right="1" top="1" bottom="2" topLeftRadiusX="10" topLeftRadiusY="10" >

                         <s:fill>

                              <s:LinearGradient rotation="90">

                                  <s:GradientEntry color="0xEDEDED" />

                                  <s:GradientEntry color="0xCDCDCD" />

                              </s:LinearGradient>

                         </s:fill>

                      </s:Rect>

           

                      <!-- layer 2: control bar divider line -->

                      <s:Rect left="0" right="0" bottom="0" height="1" alpha="0.55" topLeftRadiusX="10" topLeftRadiusY="10">

                          <s:fill>

                              <s:SolidColor color="0x000000" />

                          </s:fill>

                      </s:Rect>