Quantcast
Channel: Recent Threads — Xamarin Community Forums
Viewing all articles
Browse latest Browse all 204402

How to use scale animation in DataTemplate?

$
0
0

The essence of the problem: I use the command scaleTo, when decreasing the element, everything is fine, but as soon as it starts to increase (scale> 2), the borders of the visual component are cut off by the borders of the cell selected for this element.
Screenshots:


XAML code:
`
<?xml version="1.0" encoding="utf-8" ?>

<CollectionView SelectionMode="Single" x:Name="VIEW" ItemsSource="{Binding ResepiesItems}" HorizontalOptions="Center" Margin="10">

    <CollectionView.ItemsLayout>
        <GridItemsLayout Orientation="Vertical"
                         Span="2"
                         HorizontalItemSpacing="10"
                         VerticalItemSpacing="10"/>
    </CollectionView.ItemsLayout>

    <CollectionView.ItemTemplate>
        <DataTemplate>
            <Frame CornerRadius="15" BackgroundColor="Silver" Padding="0" IsClippedToBounds = "True" HasShadow="True" >
                <Frame.GestureRecognizers>

                    <TapGestureRecognizer
                        Tapped="TapGestureRecognizer_Tapped"/>
                </Frame.GestureRecognizers>
                <Grid>

                    <Grid.RowDefinitions>
                        <RowDefinition Height="270"/>
                        <RowDefinition Height="100"/>
                    </Grid.RowDefinitions>

                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>

                    <local:AspectRatioConteiner AspectRatio="1">

                        <Image Source="{Binding ImageSrc}"
                       Aspect="AspectFill"
                       HorizontalOptions="FillAndExpand"
                       VerticalOptions="FillAndExpand"  
                       HeightRequest="120"
                       WidthRequest="120"
                       Margin="0,0,0,0"
                       BackgroundColor="Red"/>

                    </local:AspectRatioConteiner>

                    <Label Grid.Column="0"
                       Grid.Row="1"
                       Text="{Binding Name}"
                       FontAttributes="Bold"
                       HorizontalOptions="CenterAndExpand"
                       VerticalOptions="Start"
                        BackgroundColor="Green"/>

                </Grid>

            </Frame>
        </DataTemplate>
    </CollectionView.ItemTemplate>

</CollectionView>


`


Viewing all articles
Browse latest Browse all 204402

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>