Untitled

mail@pastecode.io avatar
unknown
plain_text
a year ago
14 kB
4
Indexable
Never
<AbsoluteLayout>
        
        <Grid RowDefinitions="55, *, Auto" Margin="0" AbsoluteLayout.LayoutBounds="0,0,1,1"
              AbsoluteLayout.LayoutFlags="All">
            <Border Grid.Row="0" Margin="-5,-20,-5,0"
                StrokeShape="RoundRectangle 20"
                BackgroundColor="{StaticResource Gradient1}">
                <!--<Border.Shadow>
                    <Shadow Brush="{StaticResource Primary}"
                        Offset="1,10"
                        Opacity=".1" />
                </Border.Shadow>-->
                <Grid ColumnDefinitions="Auto, *"
                  ColumnSpacing="20" 
                  HorizontalOptions="FillAndExpand">
                    <ImageButton Source="back.png" Grid.Column="0" Grid.Row="0"
                                 Margin="20,0" Clicked="ImageButton_Clicked"
                                 HeightRequest="30" WidthRequest="30" />
                </Grid>
            </Border>

            <ScrollView Grid.Row="1" VerticalScrollBarVisibility="Never">
                <Grid RowDefinitions="Auto, Auto, Auto, Auto, Auto, *">
                    <Label Grid.Row="0" Text="Property images" FontSize="30"
                       FontFamily="RobotoCondensed" Margin="20,10,0,0" />
                    <Label Grid.Row="1"
                       Text="Note: Please make your property photos presentable as possible. These images will appear on the renter's app. Presentable images can attract customers"
                       Margin="20" TextColor="{StaticResource TextColorGray}" />
                    <Grid Grid.Row="2" Margin="10">
                        <Border StrokeShape="RoundRectangle 20" StrokeThickness="0" Padding="0"
                            BackgroundColor="{StaticResource Primary}">
                            <Border.Shadow>
                                <Shadow Brush="{StaticResource Primary}"
                                    Offset="1,10"
                                    Opacity=".1" />
                            </Border.Shadow>
                            <Grid RowDefinitions="Auto, Auto, Auto" Margin="10"
                              ColumnDefinitions="Auto, *" HorizontalOptions="FillAndExpand">
                                <Border Grid.Row="0" Grid.Column="0"
                                    StrokeThickness="0"
                                    BackgroundColor="{StaticResource FrameColor}"
                                    StrokeShape="RoundRectangle 5">
                                    <Grid RowDefinitions="100,Auto">
                                        <ImageButton Grid.Row="0" HorizontalOptions="CenterAndExpand"
                                                 HeightRequest="30" WidthRequest="30"
                                                 Source="add.png" x:Name="btnmainimage"
                                                 Clicked="btnmainimage_Clicked"/>
                                        <Image Grid.Row="0" x:Name="mainimage"
                                           HeightRequest="100" WidthRequest="100" />
                                        <Label Grid.Row="1" Text="Main image" HorizontalOptions="FillAndExpand"
                                           HorizontalTextAlignment="Center" BackgroundColor="{StaticResource Primary}"
                                           Opacity="0.9" Margin="0"
                                           TextColor="{StaticResource TextColorBlack}" />
                                    </Grid>
                                </Border>
                                <Grid Grid.Row="0" Grid.Column="1"
                                  RowDefinitions="Auto, Auto"
                                  HorizontalOptions="EndAndExpand"
                                  VerticalOptions="EndAndExpand"
                                  Margin="20">
                                    <Label Text="This is the main image of your property."
                                       LineBreakMode="WordWrap" Grid.Row="0" Grid.Column="0" />
                                    <HorizontalStackLayout Grid.Row="1" HorizontalOptions="EndAndExpand"
                                                       VerticalOptions="EndAndExpand"
                                                       Spacing="10" Margin="5">
                                        <Button Text="Add image" Clicked="btnmainimage_Clicked"
                                            BackgroundColor="{StaticResource ButtonColor}"
                                            TextColor="{StaticResource TextColorBlack}" />
                                        <Button Text="Remove image"
                                            BackgroundColor="{StaticResource TextColorBlack}"
                                            TextColor="{StaticResource ButtonColor}" />
                                    </HorizontalStackLayout>
                                </Grid>
                            </Grid>
                        </Border>
                    </Grid>
                    <Label Grid.Row="3" Text="Additional images" FontFamily="RobotoLight"
                       Margin="20,30,0,0" FontSize="20" />
                    <Label Grid.Row="4" Margin="30,10,0,0"
                       TextColor="{StaticResource TextColorGray}"
                       Text="Add 6 supporting images. These images will be used to show more what your property is all about." />
                    <Grid Grid.Row="5" Margin="10">
                        <Border StrokeShape="RoundRectangle 0" Margin="20,0"
                                StrokeThickness="0" Padding="10"
                            BackgroundColor="Transparent">
                            <Border.Shadow>
                                <Shadow Brush="{StaticResource TextColorWhite}"
                                    Offset="1,10"
                                    Opacity="0" />
                            </Border.Shadow>
                            <Grid RowDefinitions="50, 100, 100"
                              RowSpacing="5"
                              Margin="10" ColumnSpacing="10"
                              ColumnDefinitions="100, 100, 100" HorizontalOptions="Center">
                                <Button Text="Add supporting images" Grid.Row="0" Clicked="btnimg1_Clicked"
                                    Grid.Column="0" Grid.ColumnSpan="3" BorderColor="{StaticResource FrameColor}"
                                    BorderWidth="1"/>
                                <Border Grid.Row="1" Grid.Column="0"
                                    StrokeThickness="0"
                                    BackgroundColor="{StaticResource FrameColor}"
                                    StrokeShape="RoundRectangle 5">
                                    <Grid RowDefinitions="*,Auto">
                                        <Image Grid.Row="0" x:Name="img1" />
                                        <Label Grid.Row="1" Text="1st img" HorizontalOptions="FillAndExpand"
                                           HorizontalTextAlignment="Center"
                                           Opacity="0.9" Margin="0"
                                           TextColor="{StaticResource TextColorBlack}" />
                                    </Grid>
                                </Border>

                                <Border Grid.Row="1" Grid.Column="1"
                                    StrokeThickness="0"
                                    BackgroundColor="{StaticResource FrameColor}"
                                    StrokeShape="RoundRectangle 5">
                                    <Grid RowDefinitions="*,Auto">
                                        <Image Grid.Row="0" x:Name="img2" WidthRequest="100" />
                                        <Label Grid.Row="1" Text="2nd img" HorizontalOptions="FillAndExpand"
                                           HorizontalTextAlignment="Center"
                                           Opacity="0.9" Margin="0"
                                           TextColor="{StaticResource TextColorBlack}" />
                                    </Grid>
                                </Border>

                                <Border Grid.Row="1" Grid.Column="2"
                                    StrokeThickness="0"
                                    BackgroundColor="{StaticResource FrameColor}"
                                    StrokeShape="RoundRectangle 5">
                                    <Grid RowDefinitions="*,Auto">
                                        <Image Grid.Row="0" x:Name="img3" WidthRequest="100" />
                                        <Label Grid.Row="1" Text="3rd img" HorizontalOptions="FillAndExpand"
                                           HorizontalTextAlignment="Center"
                                           Opacity="0.9" Margin="0"
                                           TextColor="{StaticResource TextColorBlack}" />
                                    </Grid>
                                </Border>

                                <Border Grid.Row="2" Grid.Column="0"
                                    StrokeThickness="0"
                                    BackgroundColor="{StaticResource FrameColor}"
                                    StrokeShape="RoundRectangle 5">
                                    <Grid RowDefinitions="*,Auto">
                                        <Image Grid.Row="0" x:Name="img4"
                                            WidthRequest="100" />
                                        <Label Grid.Row="1" Text="4th img" HorizontalOptions="FillAndExpand"
                                           HorizontalTextAlignment="Center"
                                           Opacity="0.9" Margin="0"
                                           TextColor="{StaticResource TextColorBlack}" />
                                    </Grid>
                                </Border>

                                <Border Grid.Row="2" Grid.Column="1"
                                    StrokeThickness="0"
                                    BackgroundColor="{StaticResource FrameColor}"
                                    StrokeShape="RoundRectangle 5">
                                    <Grid RowDefinitions="*,Auto">
                                        <Image Grid.Row="0" x:Name="img5"
                                           WidthRequest="100" />
                                        <Label Grid.Row="1" Text="5th img" HorizontalOptions="FillAndExpand"
                                           HorizontalTextAlignment="Center"
                                           Opacity="0.9" Margin="0"
                                           TextColor="{StaticResource TextColorBlack}" />
                                    </Grid>
                                </Border>

                                <Border Grid.Row="2" Grid.Column="2"
                                    StrokeThickness="0"
                                    BackgroundColor="{StaticResource FrameColor}"
                                    StrokeShape="RoundRectangle 5">
                                    <Grid RowDefinitions="*,Auto">
                                        <Image Grid.Row="0" x:Name="img6"
                                           WidthRequest="100" />
                                        <Label Grid.Row="1" Text="6th img" HorizontalOptions="FillAndExpand"
                                           HorizontalTextAlignment="Center"
                                           Opacity="0.9" Margin="0"
                                           TextColor="{StaticResource TextColorBlack}" />
                                    </Grid>
                                </Border>

                            </Grid>
                        </Border>
                    </Grid>
                </Grid>
            </ScrollView>
            <Border Grid.Row="2" Margin="-5,0,-5,-10"
                StrokeShape="RoundRectangle 20"
                BackgroundColor="{StaticResource Gradient1}">
                <!--<Border.Shadow>
                    <Shadow Brush="{StaticResource Primary}"
                        Offset="0,-10"
                        Opacity=".4" />
                </Border.Shadow>-->
                <Grid HeightRequest="50"
                  Grid.Column="1" ColumnDefinitions="*,*" ColumnSpacing="10"
                  Margin="20" VerticalOptions="CenterAndExpand" HorizontalOptions="FillAndExpand">
                    <Button Text="Cancel" Grid.Column="0"
                        BorderColor="{StaticResource ButtonColor}" BorderWidth="1"
                        TextColor="{StaticResource ButtonColor}" />
                    <Button Text="Next" Grid.Column="1" x:Name="btnnext"
                        Clicked="btnnext_Clicked"
                        TextColor="{StaticResource TextColorBlack}"
                        BackgroundColor="{StaticResource ButtonColor}"/>
                </Grid>
            </Border>
        </Grid>
        <StackLayout
            x:Name="progressLoading"
            IsVisible="False"
            VerticalOptions="FillAndExpand"
            HorizontalOptions="FillAndExpand"
            AbsoluteLayout.LayoutBounds="0,0,1,1"
            AbsoluteLayout.LayoutFlags="All" Opacity="0.9"
            BackgroundColor="Black">
            <ActivityIndicator
                x:Name="ai"
                IsRunning="True" IsVisible="True"
                HorizontalOptions="CenterAndExpand"
                Color="{StaticResource ButtonColor}" Margin="0,300,0,0" />
            <Label Text="Loading images, please wait..." 
                   Margin="0" HorizontalOptions="CenterAndExpand" 
                   TextColor="WhiteSmoke"/>
        </StackLayout>
    </AbsoluteLayout>