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

How FlowListView Orientation Horizontal

$
0
0


                            <Frame Padding="0" Margin="0" BackgroundColor="#690a3d" HeightRequest="40">
                                <Label Text="xxxxxx" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" TextColor="White" FontSize="18" FontAttributes="Bold" />
                            </Frame>



                            <flv:FlowListView FlowColumnCount="2" SeparatorVisibility="None" HasUnevenRows="True" 
                                                  FlowItemsSource="{Binding Step1, Mode=TwoWay}" x:Name="LstCollection">

                                <flv:FlowListView.FlowColumnTemplate>
                                    <DataTemplate>
                                        <Frame MinimumHeightRequest="-1" HeightRequest="-1" BorderColor="Gray" CornerRadius="5" IsClippedToBounds="True" 
                                               HorizontalOptions="{OnIdiom StartAndExpand, Phone=StartAndExpand, Tablet=CenterAndExpand, Desktop=CenterAndExpand}" 
                                               VerticalOptions="{OnIdiom StartAndExpand, Phone=StartAndExpand, Tablet=CenterAndExpand, Desktop=CenterAndExpand}"
                                               HasShadow="False" Padding="0" Margin="0,0,6,5" WidthRequest="{OnIdiom 163, Phone=163, Tablet=190, Desktop=250}">

                                            <StackLayout>
                                                <StackLayout>

                                                    <Frame Padding="1" BorderColor="#690a3d" CornerRadius="0" IsClippedToBounds="False" HasShadow="False" Margin="0">
                                                        <ffimageloading:CachedImage LoadingPlaceholder="VatanBGSLogo" ErrorPlaceholder="VatanBGSLogo" CacheDuration="7" DownsampleToViewSize="true" Source="{Binding ImageName}" Aspect="Fill" HeightRequest="150">
                                                            <ffimageloading:CachedImage.GestureRecognizers>
                                                                <TapGestureRecognizer BindingContext="{Binding .}" Tapped="ClickImage" />
                                                            </ffimageloading:CachedImage.GestureRecognizers>
                                                        </ffimageloading:CachedImage>
                                                    </Frame>
                                                </StackLayout>
                                                <StackLayout Margin="5">
                                                    <Label HorizontalTextAlignment="Center" VerticalTextAlignment="Center" Text="{Binding NameEn}" FontSize="13"/>
                                                    <Label FontAttributes="Bold"  FontSize="12" TextColor="#5c5cd6" Text="{Binding TotalPrice, StringFormat='🛒 {0:N0}'}" HorizontalTextAlignment="Center" VerticalTextAlignment="Center"></Label>
                                                </StackLayout>
                                                <StackLayout VerticalOptions="EndAndExpand" HorizontalOptions="EndAndExpand">
                                                    <Frame Padding="0" Margin="0" BorderColor="Gray" CornerRadius="0" IsClippedToBounds="True">
                                                        <Grid ColumnSpacing="0" RowSpacing="0">
                                                            <StackLayout Grid.Column="0" Grid.Row="0" BackgroundColor="White" VerticalOptions="Center" HorizontalOptions="Center">
                                                                <Button Clicked="Plus_Clicked" ImageSource="add_circle" ClassId="Step1" CommandParameter="{Binding .}" BorderColor="White" BackgroundColor="White"></Button>
                                                            </StackLayout>
                                                            <StackLayout Grid.Column="1" Grid.Row="0" BackgroundColor="White" VerticalOptions="Center" HorizontalOptions="Center">
                                                                <Label HorizontalTextAlignment="Center" FontAttributes="Bold" FontSize="16" Text="{Binding TedadDarBag}" VerticalTextAlignment="Center"></Label>
                                                            </StackLayout>
                                                            <StackLayout Grid.Column="2" Grid.Row="0" BackgroundColor="White" VerticalOptions="Center" HorizontalOptions="Center">
                                                                <Button Clicked="Minus_Clicked" ImageSource="remove_circle" ClassId="Step1" CommandParameter="{Binding .}" BorderColor="White" BackgroundColor="White"></Button>
                                                            </StackLayout>
                                                        </Grid>
                                                    </Frame>
                                                </StackLayout>
                                            </StackLayout>
                                        </Frame>
                                    </DataTemplate>
                                </flv:FlowListView.FlowColumnTemplate>


                                <flv:FlowListView.FlowEmptyTemplate>
                                    <DataTemplate>
                                        <ViewCell>
                                            <Label HorizontalTextAlignment="Center" VerticalTextAlignment="Center" TextColor="Black" Text="333"></Label>
                                        </ViewCell>
                                    </DataTemplate>
                                </flv:FlowListView.FlowEmptyTemplate>

                            </flv:FlowListView>



                        </StackLayout>
                    </Frame>

how Orientation="Horizontal" ?


Viewing all articles
Browse latest Browse all 204402

Trending Articles



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