Adobe Flex – Utilizando a propriedade cursor
Olá pessoal, tudo bem?
Ultimamente estou altamente focado em desenvolvimento de aplicações utilizando o Flex, e tenho gostado muito, pois o aprendizado é a cada instante, e como vocês sabem sempre o Flex foi meu alvo de estudos e investimentos, inclusive mesmo com todos esses últimos acontecimentos envolvendo seu futuro.
E durante o dia-a-dia sempre encontramos situações comuns no desenvolvimento que com certeza muita gente precisará de algo similar, necessidades simples, mas que podem lhe poupar um tempo já sabendo/tendo o conceito, e como sou adepto ao “conhecimento open-source“, rs, irei hoje exibir um simples exemplo onde é alterado o cursor da aplicação.
Para isto, acessamos a propriedade cursor, que se encontra no objeto Mouse, nela obtemos o valor das constantes desejadas, ou seja: que se referem ao tipo de cursor que será utilizado, estas constantes encontram-se no objeto MouseCursor.
É bem simples, veja abaixo:
<?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" width="527" height="176" backgroundAlpha="0.63" pageTitle="Flex - Cursors" viewSourceURL="srcview/index.html"> <fx:Declarations> <!-- Place non-visual elements (e.g., services, value objects) here --> </fx:Declarations> <s:layout> <s:VerticalLayout paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" /> </s:layout> <s:BorderContainer width="100%" height="100%" cornerRadius="20"> <s:layout> <s:VerticalLayout paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" gap="10" /> </s:layout> <s:HGroup width="100%" horizontalAlign="center" verticalAlign="middle"> <s:Button label="Arrow" click="Mouse.cursor = MouseCursor.ARROW"/> <s:Button label="Auto" click="Mouse.cursor = MouseCursor.AUTO"/> <s:Button label="Button" click="Mouse.cursor = MouseCursor.BUTTON"/> <s:Button label="Hand" click="Mouse.cursor = MouseCursor.HAND"/> <s:Button label="Ibeam" click="Mouse.cursor = MouseCursor.IBEAM"/> </s:HGroup> <mx:HRule width="100%"/> <s:VGroup width="100%" height="100%" verticalAlign="middle" horizontalAlign="center" paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10"> <s:Label text="Área para testes:"/> <s:Spacer height="100%"/> <mx:TextInput text="Passe o mouse aqui!"/> <mx:Button label="E também passe o mouse aqui" buttonMode="true" /> </s:VGroup> </s:BorderContainer> </s:Application>
Veja o exemplo:
Espero que isto lhe seja útil, e em caso de dúvidas basta comentar!
Abraços.
