none
Deixar Header de um Panorama fixo! RRS feed

  • Pergunta

  • Bom dia

    Estou tendo dificuldade para deixar fixo o cabeçalho em um panorama, exemplo:

    <phone:Panorama.Title>
                        <Image HorizontalAlignment="Center"  VerticalAlignment="Center" Source="/Assets/Tiles/FlipCycleTileLarge.png"/>   /phone:Panorama.Title>
    
    
    e
    
    
    <phone:Panorama.HeaderTemplate>
                    <DataTemplate>
                    <Image HorizontalAlignment="Center"  VerticalAlignment="Center" Source="/Assets/Tiles/FlipCycleTileLarge.png"/>
                    </DataTemplate>
                </phone:Panorama.HeaderTemplate>

    Como podem ver, estou utilizando uma imagem como cabeçalho. Na primeira opção, a imagem se move conforme o usuário avança nas paginas, e a 2ª opção, a imagem mantem sempre a mesma posição, mas ela acompanha a pagina do usuário e eu preciso que ela se mantenha sempre fixa. Como proceder?

    Desde já agradeço.

    Att 

    Fabrício

    quinta-feira, 6 de março de 2014 12:43

Todas as Respostas

  • Basta deixar o TitleTemplate vazio e colocar o Image antes do controle Panorama, conforme o exemplo... Não esqueça de usar o Margin do Panorama para posicionar o controle abaixo do seu novo "Title" fixo.

    <Image Source="/Imagens/banner.jpg" VerticalAlignment="Top"></Image>
            
            <phone:Panorama Title="design xaml" Margin="0,90,0,0">
                <phone:Panorama.TitleTemplate>
                    <DataTemplate>
                        
                    </DataTemplate>
                </phone:Panorama.TitleTemplate>
                
                <phone:Panorama.Background>
                    <ImageBrush ImageSource="/Imagens/vs.png" Opacity="0.4" Stretch="UniformToFill"/>
                </phone:Panorama.Background>
    
                <phone:PanoramaItem Header="recursos">
                    <StackPanel>
                        <Button x:Name="btnRecursosLoops" Content="LOOPS" Tap="btnRecursosLoops_Tap"></Button>
                        
                        <Button x:Name="btnRecursosDesvios" Content="DESVIOS" Tap="btnRecursosDesvios_Tap"></Button>
                        
                        <Button x:Name="btnRecursosDemo" Content="DEMO" Tap="btnRecursosDemo_Tap"></Button>
                    </StackPanel>
                </phone:PanoramaItem>


    Andrey Kurka (MCC) | Federal Case | @federalcaseinfo

    • Sugerido como Resposta Herbert Lausmann quarta-feira, 19 de março de 2014 14:06
    terça-feira, 18 de março de 2014 23:02
  • Show! Funcionou!

    Mas tenho mais uma dúvida. Como posso posicionar ele "a frente" do background, sem joga-lo para baixo como no seu exemplo?

    Já foi de grande ajuda, obrigado por enquanto!

    quarta-feira, 19 de março de 2014 11:50
  • Posicionar à frente é só você colocar o Margin=(0,0,0,0) em vez de Margin=(0,90,0,0) e verá o resultado. Porém, se você usar uma imagem de background no panorama e colocar opacidade, verá que seu header também será afetado... Fica a seu critério de design. Por favor, não deixe de marcar a resposta correta.


    Andrey Gonçalves dos Santos | Federal Case Mantenha o Fórum organizado e útil, marcando a resposta correta quando atender sua dúvida

    sexta-feira, 21 de março de 2014 22:27
  • Você esta certo quanto a Margin, é exatamente o q preciso, mas o header fica atras do background como você falou, e preciso q ele fique na frente!

    Obrigado por enquanto!

    sexta-feira, 4 de abril de 2014 19:28