Dica Flex – Criando bordas arredondadas com a classe Rect no Flex 4

O exemplo abaixo mostra uma das maneiras de criar bordas arredondadas utilizando a classe spark.primitives.Rect. Além disso, devido à perguntas recorrentes na comunidade Flex, mostramos como deixar a borda de outra cor.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx">



    <s:layout>

        <s:HorizontalLayout horizontalAlign="center" verticalAlign="middle" />

    </s:layout>



    <s:Rect width="200" height="200" radiusX="5" radiusY="5">

        <s:stroke>

            <s:LinearGradientStroke weight="2">

                <s:GradientEntry color="0x000000"

                                 alpha="0.50"/>

                <s:GradientEntry color="0x000000"

                                 alpha="0.75" />

            </s:LinearGradientStroke>

        </s:stroke>

    </s:Rect>



</s:Application>

Espero que tenham gostado. Baixe aqui o projeto de exemplo.

Até a próxima!