Bem-vindo!
Schedule
1. Sobre o palestrante
2. O que é FDT?3. Principais
Vantagens4. Fazendo
Download5. Instalando
6. Configurações7. Atalhos8. Exemplos práticos9. Espaço para
dúvidas10. Sorteios de
Brindes11. Contato
Sobre o palestrante
Sobre o palestrante
O que é FDT?
FDT: Flash Development Tool(Ferramenta de Desenvolvimento
Flash)
Um poderoso editor ActionScript/MXML
O que é FDT?
Metas para 2010:
Criar uma nova versão com muito mais recursos:
• Profiler• Visualizadores Gráficos• Muito Mais…
Principais Vantagens
Grifa Erros Instantaneamente
Auto CompleteAvançado
Principais Vantagens
Templates de código Corrige Erros e Gera Código Automaticamente
Principais Vantagens
Formata o estilo do código em um click
Fácil visualização da hierarquia
Principais VantagensFácil visualização da dependência entre tipos
Possibilita clicar e arrastar arquivos entre pacotes
Principais Vantagens
Busca rápida de funções
Cinco diferentes viewers de SWF
Fazendo Download
Download/Configurações1) Configuração das preferências do EclipseWindow -> Preferences -> General -> Always run in background Window -> Preferences -> General -> Show heap status
Download/ConfiguraçõesWindow -> Preferences -> General -> Editors -> Text Editors -> Show line numbers
Download/ConfiguraçõesWindow -> Preferences -> General -> Keys -> Selecionar “Run Ant Build” e em Binding teclar CTRL + ENTER para deixar esse atalho no comando
Download/Configurações2) Configuração das preferências do FDTWindow -> Preferences -> FDT -> Build Path -> Output folder name: deploy
Download/ConfiguraçõesWindow -> Preferences -> FDT -> Code style -> Formatter -> Definir como você quer que seu código seja formatado
Download/ConfiguraçõesWindow -> Preferences -> FDT -> Core Libraries -> AS3 Core Libraries -> Add…
Download/ConfiguraçõesType: Flash CS3Name: FLASH_CS4_COMPONENTSclicar em Browse…
Download/ConfiguraçõesClicar em New...
Download/ConfiguraçõesName: FLASH_CS4_COMPONENTS Location: C:\Program Files\Adobe\Adobe Flash CS4\Common\Configuration\ActionScript 3.0\FP10clicar em OK
Download/Configuraçõesclicar em OK
Download/ConfiguraçõesWindow -> Preferences -> FDT -> Editor -> Code Assist -> Auto activation triggers for AS: abcdefghijklmnopqrstuvwxyz_.:
Download/ConfiguraçõesWindow -> Preferences -> FDT -> Editor -> Folding -> Selecionar Folding enabled e deixar todos os outros em branco
Download/ConfiguraçõesWindow -> Preferences -> FDT -> Tools -> Flash -> Flash IDE: C:\Program Files\Adobe\Adobe Flash CS4\Flash.exeWindow -> Preferences -> FDT -> Tools -> Flash -> Flash Player: C:\Program Files\Adobe\Adobe Flash CS4\Players\FlashPlayer.exeWindow -> Preferences -> FDT -> Tools -> Flash -> Flash ASO Directory: C:\Documents and Settings\User\Local Settings\Application Data\Adobe\Flash CS4\en\Configuration\Classes\aso
Download/ConfiguraçõesWindow -> Preferences -> FDT -> Tools -> Flash Help -> clicar em Update Help
Download/Configurações3) CustomizaçãoWindow -> Customize Perspective -> Tool Bar Visibility -> Deselecionar FDT MXML Coding
Download/ConfiguraçõesWindow -> Customize Perspective -> Command Group Availability -> Deselecionar Annotation NavigationWindow -> Customize Perspective -> Command Group Availability -> Deselecionar Editor NavigationWindow -> Customize Perspective -> Command Group Availability -> DeselecionarFDT MXML Coding
Download/ConfiguraçõesWindow -> Customize Perspective -> Shortcuts -> Submenus: New -> Deselecionar MXML Class
Download/ConfiguraçõesWindow -> Customize Perspective -> Shortcuts -> Submenus: Open Perspective -> Selecionar Flash FDTWindow -> Customize Perspective -> Shortcuts -> Submenus: Open Perspective -> Deselecionar JavaWindow -> Customize Perspective -> Shortcuts -> Submenus: Open Perspective -> Deselecionar Resource
Download/ConfiguraçõesSelecionar Window -> Open Perspective -> Other… Flash FDT e clique em OK
Download/ConfiguraçõesFechar os seguintes views:SWF ViewerJavadoc ViewAbrir o Ant view fdo Window -> Show View -> Ant relacionar com o Outline panel.Se preferir, selecione o botão Link with Editor dentro do Flash Explorer, assim o arquive em que estiver será selecionado no Flash Explorer project tree.A tela final ficará assim:
Download/ConfiguraçõesÉ interessante mover os toolbars minimizados (como Flash Explorer, Outline Panel, Problems, etc.) no final da interface, assim quando tudo estiver minimizado e você estiver trabalhando no código, você terá o maior espaço possível, a tela ficará assim:
Instalando
2 opções:• Baixar a versão padrão• Baixar Eclipse e instalar o FDT como plugin
Detalhes das duas opções estão em:http://www.fdt.powerflasher.com/developer-tools/fdt-3/download/
Configurações
Básicas:Preferences > FDT > Build PathPreferences > FDT > Editor (Colors)Preferences > FDT > Editor > Semantic HightlightingPreferences > FDT > Tools > FlashPreferences > FDT > Tools > Flash Help
Configurações
Avançadas:Advanced configurations:Preferences > FDT > Code Style FormatterPreferences > FDT > Editor > TemplatesPreferences > FDT > Core Libraries (add other Flex SDKs)
Atalhos
• BuscaCTRL + HCTRL + FCTRL + J
• NavegaçãoF4F5CTRL + TCTRL + RCTRL + L
• Edição de arquivos simples
ALT + UpArrowALT + DownArrowCTRL + M
• Edição de arquivos múltiplos
CTRL + PageDown / CTRL + PageUpCTRL + F6ALT + LeftArrow/ ALT + RightArrow
Atalhos
• GerandoCTRL + Space
CTRL + SHIFT + O
• FixandoCTRL + 1
• ConstruçãoCTRL + F11CTRL + O
Exemplos
Vamos ver como isso funciona na prática!
Espaço para dúvidas
Brindes
Contato
e-mail: [email protected] skype: gabriel.peart
celular:+55 (11) 6990-2304
• Descontos de licenças FDT para pessoas físicas e empresas
• Palestras• Projetos
Top Related