Preloader, mudar o que 'vem junto'?

Question

Pessoal,

 

no teste que fiz sobre a intro + animação em loop, meu arquivo por mais simples que seja ficou com 213kb é muito pela simplicidade. E consequentemente apareceu um preloader default que vem junto.

 

olhem (se conseguirem): http://silverlight.services.live.com/invoke/84419/Intro_e_Loop/iframe.html

é um preloader circular com bolinhas azuis + o numeral da porcentagem

 

A pergunta é, como alterar ele? aonde ele fica 'escondido'?

 

Sou adepto a uma barrinha simples com fundo para mostrar o limite do tamanho mais a porcentagem, teria como substitui?

 

Valeuuuu

Answer 1

Fábio,

 

Seguem dois links que podem te ajudar com preloader:

 

http://msdn.microsoft.com/en-us/library/cc903962%28VS.95%29.aspx

http://community.irritatedvowel.com/blogs/pete_browns_blog/archive/2007/11/09/Silverlight-Assembly-Preloader-in-Managed-Code.aspx

 

 

Abraço,

 

"Se sua pergunta foi respondida, por favor, marque como resposta"

Answer 2

 

Lucas, vou te contar que ingles não é meu forte! hehehehe

 

Se puderem dar uma ajuda no que eles falaram eu agradeço!

Os passos que tem que fazer tbm.

 

 

Valeuuu

Answer 3

Fábio,

 

Para customizar o Splash Screen, você precisar criar um Silverlight Project e a parte Web deve ser um Web Site. Dentro da sua aplicação Web, você vai em adicionar novo item e adiciona um Silverlight JScipt Page. Este arquivo iremos chamar de SplashScreen.xaml. Nele irá conter a sua animação de preloader.

 

Para fazer esta animação, segue um artigo (infelizmente em ingles também) que fala sobre o SplashScreen.

http://msdn.microsoft.com/pt-br/library/cc838130(en-us,VS.95).aspx

 

Depois disto, você irá precisar chamar este arquivo em sua TestPage.html da seguinte maneira:

 

<param name="splashscreensource" value="SplashScreen.xaml"/>
<param name="onSourceDownloadProgressChanged" value="onSourceDownloadProgressChanged" />

 

Depois a sua SplashScreen.js deverá possui a seguinte função (lembre-se que o uxStatus e o uxProgressBar são do exemplo deste link: http://msdn.microsoft.com/pt-br/library/cc903962(en-us,VS.95).aspx )

 

function onSourceDownloadProgressChanged(sender, eventArgs)
{
    sender.findName("uxStatus").Text =  "Loading: " + Math.round((eventArgs.progress * 1000)) / 10 + "%";
    sender.findName("uxProgressBar").ScaleY = eventArgs.progress * 356;
}

 

 

E por último referencie o JS em sua testpage.html:

 

<script type="text/javascript" src="splashscreen.js"></script>

 

 

Abraço,

 

"Se sua pergunta foi respondida, por favor, marque como resposta"
 

Answer 4

 

Pois é Lucas,

 

apanhei tanto disso que minha cota de paciência esgotou!

"joguei a toalha!"

 

Ficará para quando alguém fizer um tutorial bem entendido em português passo-a-passo de um preloader estilizado.

 

 

Valeuuu