re-load de um swf com Jquery
Posted by tianany in F5, Programação on May 16, 2012
Gambi de como fazer re-load de um swf com Jquery:
Faça o import do jQuery dentro da tag <head>:
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js”></script>
Aqui, apontamos para o google, mas o jquery pode estar numa pasta fisica do seu projeto.
Depois de ter importado o jquery para o meu projeto, verifiquei meu embed. É o padrão que eu sempre uso:
<div id=”filme”>
< object id=’myId’ scale=’noscale’ type=’application/x-shockwave-flash’ data=’teste.swf’ width=’550′ height=’400′>
<param name=’movie’ value=’teste.swf’ />
<param name=’scale’ value=’noscale’ />
</ object >
</div>
E adiciono uma tag <a> com href só para fazermos o teste da função com clique:
<a href=”javascript:void(0)” class=”link”>Click</a>
Novamente na tag <head> escreva uma tag <script> e dentro dela a função em jquery:
$(function(){
$(‘.link’).click(function(){
$(“#filme”).html( “< object id=’myId’ scale=’noscale’ type=’application/x-shockwave-flash’ data=’teste1.swf’ width=’550′ height=’400′><param name=’movie’ value=’teste1.swf’ /><param name=’scale’ value=’noscale’ /></object > “);
});
});
E pronto. A função apenas substitui o conteudo dentro da <div> com o id “filme”, então, tome cuidado para não faltar ou sobrar coisas no seu projeto. Toda o conteudo dentro da <div> vai dentro de aspas duplas (“) com os valores modificados dentro da função html().
Exemplozinho básico
::arianeoliveira.com/swf-jquery/
Com uma parte feita pelo meu amiguinho Willian
E é isto.
Encapsulation
Posted by tianany in F5, Programação on May 1, 2012
O Encapsulamento segue a metáfora da caixa preta.
Você protege o seu objeto de alterações do objeto cliente, porém permite que
o seja implementado uma funcionalidade, por exemplo, a partir de uma subclasse.
A “pegada” principal do encapsulamento, é que o cliente não saiba (ele não precisa saber
mesmo! ) o que está acontecendo com o meu objeto, ele apenas passa dados ( se tiver que passar)
e recebe os resultados, sem saber o como meu objeto faz isto.
Pegamos um cachorro por exemplo:
Aw!!!
Você vê o cachorro, o ouve, interage com ele, entretanto você não faz idéia ( alguns fazem ) o
que ocorre dentro do cachorro para que ele também intaraja com você.
Abstraction – Abstração Neles!
Posted by tianany in F5, Programação on April 30, 2012
A abstração consiste em gerenciar detalhes de forma inteligente, para que os objetos sejam
responsaveis por o que realmente precisam.
A abstração distingue um objeto do outro, definido limites e cuidando de detalhes comuns. Delegando
alterações e implementações mais drasticas para as subclasses.
Exemplo:
Cookies Molds
Forminhas de biscoitos:
Eles tem o mesmo formato, os detalhes são os mesmos, o que muda é a decoração depois de serem assados
Outro exemplo:
A classe abstrata tem as caracteristas de um circulo que ficará em movimento pela tela.
as subclasses dirá qual o sentido do movimento, por exemplo
SRP Sempre!
Posted by tianany in F5, Programação on April 29, 2012
SRP – Single Responsibility Principle ou principio da responsabilidade única.
É o principio, como diz o proprio nome, de dar a classe apenas uma responsabilidade. Apenas
uma ação a ser executada. E não a responsabilidade de n ações.
Renderizar html numa aplicação Air/Flex
Posted by tianany in Programação on February 3, 2012
Ok everybody, mês passado estava construindo um app para android que renderizava html.
Ok. Como fazer isto? Será que o fato da aplicação ser em flex facilitaria ou dificultaria?
Depois de muito perrengue, encontrei algumas respostas. Ei –las :
<Mx:HTML />
Funcionava na versão antiga do flex( não tenho certeza, mas acho que até a 4.0). A adobe otimizou a biblioteca spark no flash builder 4.6 e muitas tags mxml foram deletadas, a mx:html foi uma delas. Sem contar que a adobe não recomenda em app para mobiles.
StyleableStageText/ StyleableTextField
Funciona, mas somente como actionscript. Não tem uma tag em mxml para ele. E também tem um trick que é meio que indispensavel. É setar a skin do seu texto para a padrão mobile ( “spark.skins.mobile.TextAreaSkin” para textarea ) .
Tá, vamos explicar do inicio, a Adobe otimizou o codigo de texto também, uma vez que textos tipos TLF foram “descartados”. Os principais componentes que “faziam” a renderização de html em air tem base em TLF, comos os richTexts ( <s:RichText /> e cia ). Então usar este tipo de texto na sua aplicação realmente vai consumir mais memória que o normal.
Só que o StyleableStageText/StyleableTextField renderiza as principais estilizações de texto ( como o bold, italico, sublinhado e a bolinha que fica em frente ao componente <li> do html – •, o restante ele ignora, viu?) e, dependendo do que você quer, ele é uma mão na roda e tem a vantagem de ser otimizado, ou seja, não consome tanta memória quanto os componentes TLF.
HTMLLoader
Eu acabei não usando estes carinha aqui. Não sei como é sua estrutura em mxml e nem sei se é usado fora do actionScript ou não ( what a shame!). Isto porque ele não é para mobile. Ele é somente para aplicações em desktop. Sem contar que consome uma senhora memória para aplicativos mobiles. Postei ele aqui pois para mim pode não ter sido util, mas para outra pessoa, quem sabe?
E finalmente o StageWebView
Este carinha aqui só funciona em actionscript. Não tem uma tag para ele em mxml, pois ele é uma clase do Air. A vantagem é que ele é proprio para mobile e otimizado – não é para consumir muita memoria, mas como renderiza html possa consumir consideravelmente, não chega a ser como o <s:RichText /> mas não é tão leve quanto o StyleableStageText/StyleableTextField.
Na verdade, esta classe tem o webkit por trás, ou seja, você está, nada mais, nada menos, que incorporando o navegador do android na sua aplicação. Então além desta classe ler e renderizar html como um navegador, esta classe abre alguns arquivos que podem ser abertos em navegadores do tipo chrome/safari, como planinhas xls, pdf, docx, doc e etc. Sem contar que ele entende html5 e css3, então as opções são muitas. Mas… lembrando sempre que: a quem muito se pede, muito se dá. Conforme a finalidade que você empregar, ele pode consumir muita memória.
E ele tem uma desvantagem, ele não some quando você muda a view do seu app. Ele é incorporado no stage geral da sua aplicação. So no way do conteudo que você inseriu para esta classe sair da tela quando você sair da pagina. Tem que tirar na mão, meu chapa!
Bem gente, estas foram as soluções que encontrei. Lógico, deve ter outras opções, se alguém souber de mais umas que não coloquei aqui e que sirva para mobile, eu ficaria contente de me enviarem o link pelo twitter ou deixar um comentário J
Thnks
Ps.: Como no meu caso existiam duas views, para se ter noção, uma tinha que renderizar uma tabela com estilo css, e a outra era mais simplezinha só tags simples, então eu usei o StageWebView e o StyleableTextField.
Flickr Photos
More Photos
