1

Gostaria de ajuda pois não estou conseguindo deixar da maneira que espero, há espaço a mais entre as cores. O cinza é o fundo que coloquei e o amarelo está sendo preenchido pelo Binding. A linha vermelha é um BoxView que quero utilizar pra fazer a repartição entre eles. O cinza entre eles não deve aparecer.

exemplo

Segue o código:

    <ListView x:Name="lstLeilao" 
              ItemTapped="OnTapLance"
              HasUnevenRows="True"
              BackgroundColor="LightGray">
        <ListView.ItemTemplate>
            <!-- DataTemplate  = exibe dados de uma coleção de objetos em um ListView -->
            <DataTemplate>
                <ViewCell>
                    <StackLayout>
                        <StackLayout BackgroundColor="{Binding COR}"
                                     Margin="0">

                            <StackLayout Orientation="Horizontal">
                                <Label Text="Código do Leilão: "
                                       Margin="2, 0, 2, 0"
                                       FontSize="Small"/>
                                <Label Text="{Binding ID_LEILAO}"
                                       FontSize="Small"/>
                            </StackLayout>

                            <StackLayout Orientation="Horizontal">
                                <Label Text="Data do Início: "
                                       Margin="2, 0, 20, 0"
                                       FontSize="Small"/>
                                <Label Text="{Binding DT_INICIO}"
                                       FontSize="Small"/>
                            </StackLayout>

                            <StackLayout Orientation="Horizontal">
                                <Label Text="Data do Término: "
                                       Margin="2, 0, 4, 0"
                                       FontSize="Small"/>
                                <Label Text="{Binding DT_TERMINO}"
                                       FontSize="Small"/>
                            </StackLayout>

                            <StackLayout Orientation="Horizontal">
                                <Label Text="Hora do Início: "
                                       Margin="2, 0, 19, 0"
                                       FontSize="Small"/>
                                <Label Text="{Binding HR_INICIO}"
                                       FontSize="Small"/>
                            </StackLayout>

                            <StackLayout Orientation="Horizontal">
                                <Label Text="Hora do Término: "
                                       Margin="2, 0, 2, 0"
                                       FontSize="Small"/>
                                <Label Text="{Binding HR_TERMINO}"
                                       FontSize="Small"/>
                            </StackLayout>

                            <StackLayout Orientation="Horizontal">
                                <Label Text="Produto: "
                                       Margin="2, 0, 56, 0"
                                       FontSize="Small"/>
                                <Label Text="{Binding PRODUTO}" 
                                       TextColor="Black"
                                       FontSize="Small"/>
                            </StackLayout>

                            <StackLayout Orientation="Horizontal">
                                <Label Text="Quantidade: "
                                       Margin="2, 0, 35, 0"
                                       FontSize="Small"/>
                                <Label Text="{Binding QTDE}" 
                                       TextColor="Black"
                                       FontSize="Small"/>
                            </StackLayout>

                            <StackLayout Orientation="Horizontal">
                                <Label Text="Unidade: "
                                       Margin="2, 0, 55, 0"
                                       FontSize="Small"/>
                                <Label Text="{Binding UNIDADE}" 
                                       TextColor="Black"
                                       FontSize="Small"/>
                            </StackLayout>
                        </StackLayout>

                        <StackLayout>
                            <BoxView BackgroundColor="Red" 
                                     HeightRequest="1"
                                     Margin="0"/>
                        </StackLayout>

                    </StackLayout>
                </ViewCell>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>

</StackLayout>
2
  • Coloque SeparatorVisibility="None" abaixo do HasUnevenRows="true" na sua listview e veja se resolve Commented 28/05/2018 às 14:55
  • Que pena, não foi, mas agradeço. Commented 28/05/2018 às 16:23

1 Resposta 1

2

O StackLayout tem um Spacing padrão de 6 dip. É justamente esse espaçamento entre os itens que está aparecendo cinza na sua tela: é o espaço entre os seu stack que contém os dados paresentados e o outro stack que contém o BoxView.

Uma das formas de resolver é removendo o Spacing do StackLayout onde os itens em questão estão apresentando o 'problema':

<ViewCell>
    <StackLayout Spacing="0">
        <StackLayout BackgroundColor="{Binding COR}"
                     Margin="0">
            <!-- um monte de outros stacks -->
        </StackLayout>

        <StackLayout>
            <BoxView BackgroundColor="Red" 
                     HeightRequest="1"
                     Margin="0"/>
        </StackLayout>

    </StackLayout>
</ViewCell>

Dica sobre o seu layout:

Você está usando vários StackLayouts aninhados, algumas vezes desnecessáriamente como é o caso do BoxView. Quanto mais elementos você inclui (pricipalmente falando de ListView, que vai renderizar isso várias vezes), maior será o efeito sobre a performance do aplicativo.

Sugiro que você veja o vídeo e leia essas dicas sobre performance com Xamarin.Forms, me ajudou bastante e acredito que possa te ajudar também.

5
  • Caramba, que aula de resposta. Deu certo. Você acredita que apenas no BoxView errei em colocar StackLayout? Poxa, adoraria demais assistir ao vídeo, mas não sei praticamente nada do inglês, que vontade de chorar ahaha Commented 28/05/2018 às 16:32
  • 2
    @DeividSouza na própria ViewCell você também tem 2 StackLayouts. o que tem a cor de fundo já poderia zer a raiz, e o BoxView ficaria dentro dele (você não teria o problema do Spacing). Esse link que eu mencionei está disponível em português também, e no vídeo você pode configurar para exibir legendas com auto-tradução para português. A tradução não é das melhores, mas já lhe ofecere algum conhecimento mais acessível. Commented 28/05/2018 às 17:04
  • Ótimo. Estou lendo por essa auto-tradução mesmo ao menos pra quebrar um galho. Onde você postará o conteúdo que está traduzindo? Commented 28/05/2018 às 17:52
  • Pode me passar como encontro seu canal? Queria acompanhar. No texto que me passou aprendi muito mesmo quanto a layout, agradeço. Commented 28/05/2018 às 19:34
  • 1
    Encontrei um texto explicando exatamente referente à performance do Xamarin em português, muito bom: macoratti.net/17/01/xamforms_dicas1.htm Commented 4/06/2018 às 13:41

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .