Usuário com melhor resposta
Preloader, mudar o que 'vem junto'?

Pergunta
-
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
quarta-feira, 3 de dezembro de 2008 22:53
Respostas
-
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"
quinta-feira, 4 de dezembro de 2008 15:27
Todas as Respostas
-
Fábio,
Seguem dois links que podem te ajudar com preloader:
http://msdn.microsoft.com/en-us/library/cc903962%28VS.95%29.aspx
Abraço,
"Se sua pergunta foi respondida, por favor, marque como resposta"
quinta-feira, 4 de dezembro de 2008 10:40 -
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
quinta-feira, 4 de dezembro de 2008 13:50 -
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"
quinta-feira, 4 de dezembro de 2008 15:27 -
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
sábado, 6 de dezembro de 2008 13:49