Изгиб искривленной границы только на 3 сторонах кнопки - PullRequest
Новая
       36

Изгиб искривленной границы только на 3 сторонах кнопки

1 голос
/ 14 декабря 2011

У меня есть класс скинов, основным компонентом которого является кнопка переключения. Мне нужно иметь возможность добавить рамку вокруг него, но только сверху, слева и справа, как я понимаю, у вас есть компонент: <s:Line>. И я добавил: 

<s:Line   left="0" top="0" right="0">
    <s:stroke>

        <s:LinearGradientStroke  rotation="180" weight="2" caps="square">
            <s:GradientEntry color="0xffffff" 
                             alpha="0"
                             alpha.selectedStates="1"/>

            <s:GradientEntry color="0xffffff" 
                             alpha="0" 
                             alpha.selectedStates="1" />
        </s:LinearGradientStroke>

    </s:stroke>
</s:Line>

Это сработало для верхней строчки, но я не могу получить левую и правую строчки. Я попытался: это для левой боковой линии, но это не сработало (ни одна строка не появилась): 

<s:Line   left="0" top="0">
    <s:stroke>

        <s:LinearGradientStroke  rotation="90" weight="2" caps="square">
            <s:GradientEntry color="0xffffff" 
                             alpha="0"
                             alpha.selectedStates="1"/>

            <s:GradientEntry color="0xffffff" 
                             alpha="0" 
                             alpha.selectedStates="1" />
        </s:LinearGradientStroke>

    </s:stroke>
</s:Line>

Как мне получить 3 линии вокруг кнопки?

1 Ответ

1 голос
/ 20 декабря 2011 
<!-- TOP -->
    <s:Line   left="0" top="0"  right="0"> 
        <s:stroke>

            <s:LinearGradientStroke  rotation="180" weight="1" caps="round" >
                <s:GradientEntry color="0xffffff" 
                                 alpha="0"
                                 alpha.selectedStates="1"/>

                <s:GradientEntry color="0xffffff" 
                                 alpha="0" 
                                 alpha.selectedStates="1" />
            </s:LinearGradientStroke>

        </s:stroke>
    </s:Line>


    <!-- LEFT -->
    <s:Line   left="0" top="0"  bottom="0"> 
        <s:stroke>

            <s:LinearGradientStroke  rotation="180" weight="1" caps="round" >
                <s:GradientEntry color="0xffffff" 
                                 alpha="0"
                                 alpha.selectedStates="1"/>

                <s:GradientEntry color="0xffffff" 
                                 alpha="0" 
                                 alpha.selectedStates="1" />
            </s:LinearGradientStroke>

        </s:stroke>
    </s:Line>


    <!-- RIGHT -->
    <s:Line   right="0" top="0"  bottom="0"> 
        <s:stroke>

            <s:LinearGradientStroke  rotation="180" weight="1" caps="round" >
                <s:GradientEntry color="0xffffff" 
                                 alpha="0"
                                 alpha.selectedStates="1"/>

                <s:GradientEntry color="0xffffff" 
                                 alpha="0" 
                                 alpha.selectedStates="1" />
            </s:LinearGradientStroke>

        </s:stroke>
    </s:Line>
...