locked
Preloader, mudar o que 'vem junto'? RRS feed

  • 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


    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"

    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