locked
How to Create a curved header layout and making a button that overlaps the header??? RRS feed

  • Question

  • User382027 posted

    Here im using stacklayout as header,How to create a curved header layout?????

      <!-- header background -->
            <StackLayout Grid.Row="0" BackgroundColor="White">
                <Grid ColumnSpacing="0" RowSpacing="0">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <StackLayout Grid.Row="0" HorizontalOptions="Center" VerticalOptions="Start"  Padding="0,50,0,00">
                        <Label Text="Name" HorizontalOptions="Start"/>
                        <Entry Placeholder="Enter Your Name" HorizontalOptions="Center" HorizontalTextAlignment="Center" />
                    </StackLayout>
                    <StackLayout Grid.Row="1" HorizontalOptions="Center" VerticalOptions="Start" Padding="0,50,0,00">
                        <Label Text="Place" HorizontalOptions="Start"/>
                        <Entry Placeholder="place" HorizontalOptions="Center" HorizontalTextAlignment="Center"  />
                    </StackLayout>
                </Grid>
            </StackLayout>
    
      <Image Source="ProfilePic.jpg" Margin="0,0,0,-50" HeightRequest="50" WidthRequest="50" HorizontalOptions="Center" VerticalOptions="EndAndExpand"/>
    

    Sample output will be like this...

    Thursday, February 7, 2019 1:57 PM

All replies

  • User369978 posted

    Duplicate of https://forums.xamarin.com/discussion/149972/how-to-creating-a-curved-header-layout-making-a-button-that-overlaps-the-header-in-xamarin-form

    Friday, February 8, 2019 3:12 AM