xamarin/Xamarin.Forms

Frame BorderColor requires Padding to be visible

Open

#6,835 opened on Jul 10, 2019

 (12 comments) (1 reaction) (0 assignees)C# (1,926 forks)batch import
e/4 :clock4:help wantedp/Androidt/bug :bug:up-for-grabs

Repository metrics

Stars
 (5,644 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

I think this issue relates to this https://xamarin.github.io/bugzilla-archives/27/27460/bug.html

Frames require padding to be greater or equal to 1 to be visible. Also when adding setting padding to 1 and the border shows it doesnt appear so nicely around the corners either if the corners have corner radius set.

Expected Behavior

To be able to see the bordercolor without specifing padding.

Actual Behavior

No border color is shown when padding is 0 or not set, bordercolor displays when padding is >=1

Basic Information

  • Version with issue: 4.1.0.581479
  • Last known good version: NA
  • IDE: Visual Studio 2019 Latest 16.1.6
  • Platform Target Frameworks:
    • iOS:
    • Android: 9.0
    • UWP:
  • Android Support Library Version:
  • Nuget Packages: NA
  • Affected Devices: NA

Regarding below I have frame with padding set to 1 and the corneRadius set to 5, the corner is cutting over the borderColor. If there was no padding then I would expect it it to nicely wrap the frames border and adding padding shouldnt affect that.

Screenshots

device-2019-07-10-141212

The XAML is setup like this:

                                <Frame
                                            Margin="0,5"
                                            Padding="1"
                                            BorderColor="White"
                                            CornerRadius="5">
                                            <Grid RowSpacing="0">
                                                <Grid.RowDefinitions>
                                                    <RowDefinition Height="*" />
                                                </Grid.RowDefinitions>
                                                <ffloadingimage:CachedImage
                                                    Grid.Row="0"
                                                    Aspect="AspectFill"
                                                    ErrorPlaceholder="{StaticResource ErrorImage}"
                                                    HeightRequest="80"
                                                    RetryCount="3"
                                                    RetryDelay="1000"
                                                    Source="{Binding Image}" />
                                                <BoxView
                                                    Grid.Row="0"
                                                    BackgroundColor="{StaticResource XeniaBlackThemeColor}"
                                                    HeightRequest="80"
                                                    Opacity="0.5"
                                                    VerticalOptions="End" />
                                                <Label
                                                    Grid.Row="0"
                                                    FontFamily="{StaticResource BoldFont}"
                                                    FontSize="{StaticResource SubHeader}"
                                                    HorizontalOptions="Center"
                                                    HorizontalTextAlignment="Center"
                                                    MaxLines="1"
                                                    Text="{Binding Name}"
                                                    TextColor="White"
                                                    VerticalOptions="Center" />
                                            </Grid>
                                        </Frame>

Contributor guide