Hello every one i just want to ask how can i make SkiaSharp path fill the page width no matter the size of the screen
this what i got when the app open in bigger screen

this my code

view :

           <skisharp:SKCanvasView x:Name="canvsview"  PaintSurface="canvsview_PaintSurface" HorizontalOptions="Fill" Margin="0,-15,0,10" WidthRequest="1050" HeightRequest="750" >
                    </skisharp:SKCanvasView>

backend :

private void canvsview_PaintSurface(object sender, SkiaSharp.Views.Forms.SKPaintSurfaceEventArgs e)
            {

                SKImageInfo info = e.Info;
                SKSurface surface = e.Surface;
                SKCanvas canvas = surface.Canvas;


                // Create new Color

                var Color = new SKColor(93, 156, 255, 255);

                // The Gradient's Color List

                SKColor[] GradientColors = { new SKColor(255, 255, 255, 255), Color, Color };



                // The Gradient's Weight List

                float[] GradientWeights = { 0f, 0.5292227f, 0.9662447f };



                // Create new Gradient

                var Gradient = SKShader.CreateRadialGradient(new SKPoint(80.96484f, 103.4766f), 514.6058f, GradientColors, GradientWeights, SKShaderTileMode.Clamp);

                // Fill color for Bezier Style

                var BezierStyleFillColor = new SKColor(230, 230, 230, 255);



                // New Bezier Style fill paint

                var BezierStyleFillPaint = new SKPaint()
                {

                    Style = SKPaintStyle.Fill,

                    Color = BezierStyleFillColor,

                    BlendMode = SKBlendMode.SrcOver,

                    IsAntialias = true,

                    Shader = Gradient
                };



                // Frame color for Bezier Style

                var BezierStyleFrameColor = new SKColor(253, 253, 253, 255);



                // New Bezier Style frame paint

                var BezierStyleFramePaint = new SKPaint()
                {

                    Style = SKPaintStyle.Stroke,

                    Color = BezierStyleFrameColor,

                    BlendMode = SKBlendMode.SrcOver,

                    IsAntialias = true,

                    StrokeWidth = 1f,

                    StrokeMiter = 4.934776f,

                    StrokeJoin = SKStrokeJoin.Miter,

                    StrokeCap = SKStrokeCap.Butt
                };



                // Define Bezier shape path

                var BezierPath = new SKPath();

                BezierPath.MoveTo(new SKPoint(-91.88669f, 30.0715f));

                BezierPath.QuadTo(new SKPoint(-91.60303f, 200.0677f), new SKPoint(-91.31882f, 370.0643f));

                BezierPath.QuadTo(new SKPoint(89.03607f, 504.918f), new SKPoint(455.6078f, 373.5671f));

                BezierPath.QuadTo(new SKPoint(581.9626f, 307.0941f), new SKPoint(908.1133f, 349.7952f));

                BezierPath.QuadTo(new SKPoint(907.4724f, 189.5722f), new SKPoint(906.8309f, 29.34904f));

                BezierPath.QuadTo(new SKPoint(485.4685f, 4.917984f), new SKPoint(60.62561f, 20.74986f));

                BezierPath.QuadTo(new SKPoint(-91.88669f, 30.0715f), new SKPoint(-91.88669f, 30.0715f));



                // Draw Bezier shape

                BezierStyleFillPaint.Shader = SKShader.CreateRadialGradient(new SKPoint(368.1408f, 298.8855f), 514.6058f, GradientColors, GradientWeights, SKShaderTileMode.Clamp);

                canvas.DrawPath(BezierPath, BezierStyleFillPaint);

                canvas.DrawPath(BezierPath, BezierStyleFramePaint);

            }

I'm currently trying to modify a list of commands being passed to my view from my view model if the item in the list contains a certain value, however the ConverterParameter doesn't seem to recognize what is being passed to it. Below is what I have inside of the ListView DataTemplate:

<MyView Items="{Binding Path=BindingContext.Commands, Source={x:Reference Name=ExamplePage}, Converter={converters:MyItemsConverter}, ConverterParameter={Binding .}}">

Is it possible to set multiple bindings for a converter or pass a binding to the ConverterParameter?

Hi,

I have defined the themes globally in App.Xaml and I have two navigation pages with Button control. When I explicitly defined Style to change a CornerRadius property (any property) for Button control with overriding themes(customized theme), the applied theme is not working.

Please find the prepared sample to replicate the issue.

Can anyone please look into and provide a possible solution?

I try to make Log out but it is not working because of parameter.

APP.XAML.CS

        IsLoggedIn = false;

        if (IsLoggedIn)
        { MainPage = new NavigationPage(new Customerinfo(PARAMETER)); } // because i already have parameter Login page -> Already have
                                                                                                                                                  Customerinfo(parameter) page. I don't know which i put in 
                                                                                                                                                  that parameter

        else MainPage = new NavigationPage(new LoginPage());

LoginPage.CS

public async void SignInProcedure(object sender, EventArgs e) {

        User user = new User(Entry_phone.Text, Entry_Password.Text);
        if (!string.IsNullOrEmpty(Entry_phone.Text) && !string.IsNullOrEmpty(Entry_Password.Text))
        {
            HttpClient client = new HttpClient();
            var uri = new Uri(string.Format("http://8c4e4abf.ngrok.io/api/Login?phone=" + Entry_phone.Text + "&password=" + Entry_Password.Text));
            HttpResponseMessage response; 
            client.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json"));
            response = await client.GetAsync(uri);
            //var customerinfor = uri(customer_id);



            if (response.StatusCode == System.Net.HttpStatusCode.Accepted)
            {

                var Temp = response.Content.ReadAsStringAsync().Result.Replace(".0", "").Trim(new char[1] { '"' });
                await DisplayAlert("Login", "Log in success", "ok");
                await Navigation.PushAsync(new Customerinfo(Temp));  // I am using that one for Data fetch to Customerinfo page.
            }

Customerinfo.cs

public Customerinfo(string Parameter)
{

    var info = Parameter;
}

how can i ignore that parameter from App.cs page?

I already used parameter from Loginpage to Customerinfo page.

I try to make a log out rule from App.cs page. it is now working without parameter.

please advice me

Thank you.

Error message : My (xyz.xaml) page is not usable as an object element because it is not public or does not define a public parameterless constructor or a type converter.

Hi Community..
I have a small issue.
When i call a Popup in Ipad its showing black screen but i did't use the black color.
is there any solution please suggest.

Hi there,

I need a phone number validation which restrict the user to enter 10 digits, If it is exceeds 10 digits, it should provide alert saying the phone number is invalid.

Can anyone sample code to accomplish the same.

Please note : am working on .cs file.

Thanks in advance.

When i tapped subItem of list it throw Exception: Cannot create commands from unopened database;

SQLite.SQLiteException: Cannot create commands from unopened database
at SQLite.SQLiteConnection.CreateCommand(String cmdText, Object[] ps)
at SQLite.TableQuery1.GenerateCommand(String selectionList) at SQLite.TableQuery1.GetEnumerator()
at System.Linq.Enumerable.ElementAt[TSource](IEnumerable`1 source, Int32 index)
at Xamarin.Forms.ListView.NotifyRowTapped(Int32 groupIndex, Int32 inGroupIndex, Cell cell)
at Xamarin.Forms.ListView.NotifyRowTapped(Int32 index, Cell cell)
at Xamarin.

How to get file path on Xamarin.Plugin.FilePicker? I am getting file name and byteData but how to get file path? Here is my code-

    try
            {
                FileData filedata = new FileData();
                var crossFileData = CrossFilePicker.Current;
                filedata = await crossFileData.PickFile();
                byte[] data = filedata.DataArray;
                string name = filedata.FileName;
                AtttchFileName.Text = name;
                if(AtttchFileName.Text==null)
                {
                    DoneAttachment.IsEnabled = false;
                }
                else
                {
                    DoneAttachment.IsEnabled = true;
                }
                foreach (byte b in filedata.DataArray)
                {
                    string attachment = b.ToString();
                }

            }
            catch (Exception ex)
            {
                string msg = ex.Message;
            }

How to achieve this?

Hello!
Right now I'm using Leaflet to view OSM or GSI Tiles, but I can't move my location or add pins.

• Is this method wrong?
• If possible, the map is displayed even when offline.

double Lat = Convert.ToDouble(LatitudeLabel.Text);
double Lot = Convert.ToDouble(LogitudeLabel.Text);

var html = new HtmlWebViewSource
{ 
Html = @"<html>
     <head>
    <meta charset= ""UTF-8"">
    <link rel = ""stylesheet"" href = ""https://unpkg.com/leaflet@1.3.0/dist/leaflet.css""/>
    <script src = ""https://unpkg.com/leaflet@1.3.0/dist/leaflet.js""></script>
    <script>
    function init(){
                    var map = L.map('mapcontainer',{ zoomControl:false});
                    var mpoint = [" + Lat + "," + Lot + "];" +
                    "map.setView(mpoint, 15);" +
                    "L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', {" +
                    "attribution: \"<a href='https://maps.gsi.go.jp/development/ichiran.html' target='_blank'>地理院タイル</a>\"" +
                    "}).addTo(map);" +
                    //"var popup1 = L.popup().setContent(\"現在地\");" +
                    //"L.marker([" + Lat + "," + Lot + "]).bindPopup(popup1).bindTooltip(\"現在地\").addTo(map);" + 
                    "L.marker(mpoint,{title:\"現在地\",draggable:true}).addTo(map);" +
    "}" +
    "</script>" +
    "</head>" +
    "<body onload = \"init()\" >" +
    "<div id=\"mapcontainer\" style=\"width: " + ScreenDimensions.Width + "px; height:" + ScreenDimensions.Height + "px\"></div>" +
    "</body>" +
    "</html>",

};
var webView = new WebView
{
Source = html // <-3
};

webView.Reload();

Padding = new Thickness(-10, -10, 0, 0);
Content = webView;

I have a Webview that displays a login page.. The page however does not scroll up when I go to enter text.. The text entry field remains under the keyboard and as such you cannot see when you type...

I tried putting the Webview inside of a ScrollView however it behaves exactly the same...

<ContentPage.Content>
  <Grid>
    <ScrollView>
      <WebView x:Name="WebViewLogin" IsVisible="True" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" BackgroundColor="White"/>
    </ScrollView>
  </Grid>
</ContentPage.Content>

How do you all overcome this ?

Currently, between my flyout items and normal menu items a divider is being displayed. I'd like to know how to remove this divider or at the very least change it's color. Anyone got any suggestions on how to do this? From what I've seen there are no properties that allow this kind of customisation.

Hi all,

I would like to write a waveform chart component in Xamarin Forms. At the end of the story I need to draw a line between points that arrives "live" from a webservice. How can a draw this line (interpolated or not) on a canvas?
(In native Windows Phone I used WritableBitmap::DrawLine but is not present in Xamarin.)

I have a collection view in my Xamarin forms project. in iOS it is working fine But in Android I am getting a ripple effect when I select item from collection view. How can I remove this ripple effect from android. Please help.

Hi,

I am working on an app which uses "WKWebview"(ios customrenderer) to play embedded YouTube videos.
It has two navigation pages Page-1 and Page-2.
Page-1 is root page.

Page-1 contains : Wkwebview (To show advertisement video and this link always remains same) and ListView-1 (category links)
Page-2 contains : Wkwebview (To show videos) and ListView-2 (Actual video links)

It work like:

1. I am using Same WkWebview CustomRendere for both Pages.

2. Working on Simulator with ios version 12.0

3. When i visit page-1 it loads advertisement video and populate category links in ListView-1 . (Here it automatically stores https_www.youtube.com_0.localstorage, https_www.youtube.com_0.localstorage-wal and https_www.youtube.com_0.localstorage-shm) in local storage.

4. On clicking any item in ListView-1 it uses Navigation.PushAsync() to load Page-2 and shows corresponding Video links in ListView-2 and a video in Wkwebview corresponding to first video in ListView-2. And then we can choose any video and it displays quit well. (Here no we files are created in local storage, as they use existing files).

Problem:

1. On clicking the Back button of Page-2 following Message appears three times. (For https_www.youtube.com_0.localstorage, https_www.youtube.com_0.localstorage-wal and https_www.youtube.com_0.localstorage-shm)

[logging] BUG IN CLIENT OF libsqlite3.dylib: database integrity compromised by API violation: vnode unlinked while in use: /Users/ZZZ/Library/Developer/CoreSimulator/Devices/5BA-702-44C-9B-4465FA982/data/Containers/Data/Application/A1F-B71-1FA-A-D43BA9C/Library/WebKit/com.companyname.ZZZ/WebsiteData/LocalStorage/https_www.youtube.com_0.localstorage

When i looked in LocalStorage the files were actually deleted.

This happens only once when we navigate from Page-1 to page-2 and back for first time, if we perform the same repeatedly no message appears (even though files are still getting deleted.)

What Should i do?

Here group binding is done and the products are listed under the corresponding dealers. I want to multiply the price and quantity of each products under one dealer and store it in a List_model-OrderModel when the View Order button is clicked. I am not able to access the quantity value in the custom stepper text. I tried var qty = stepper.Text. but the name stepper is not coming. CustomStepper and Stepper is coming the dropdown.

This is my custom stepper:

/*Created this class to make a custon stepper to add quantity */
public class CustomStepper : StackLayout
{
Button PlusBtn;
Button MinusBtn;
Label QtyLbl;

public static readonly BindableProperty TextProperty =
  BindableProperty.Create(
     propertyName: "Text",
      returnType: typeof(int),
      declaringType: typeof(CustomStepper),
      defaultValue: 0,
      defaultBindingMode: BindingMode.TwoWay);

public int Text
{
    get { return (int)GetValue(TextProperty); }
    set { SetValue(TextProperty, value); }
}

public CustomStepper()
{
    PlusBtn = new Button { Text = "+", WidthRequest = 23, HeightRequest = 25, FontSize = 11, BackgroundColor = Color.LightGray, Padding = 0};
    MinusBtn = new Button { Text = "-", WidthRequest = 23, HeightRequest = 25, FontSize = 11, BackgroundColor = Color.LightGray, Padding = 0};

    Orientation = StackOrientation.Horizontal;
    PlusBtn.Clicked += PlusBtn_Clicked;
    MinusBtn.Clicked += MinusBtn_Clicked;

    QtyLbl = new Label { FontSize = 11, VerticalTextAlignment = TextAlignment.Center, HorizontalTextAlignment = TextAlignment.Center, WidthRequest = 20   };
    QtyLbl.SetBinding(Entry.TextProperty, new Binding(nameof(Text), BindingMode.TwoWay, source:this));

    Children.Add(MinusBtn);
    Children.Add(QtyLbl);            
    Children.Add(PlusBtn);
}

private void MinusBtn_Clicked(object sender, EventArgs e)
{
    if (Text > 0)
        Text--;
}

private void PlusBtn_Clicked(object sender, EventArgs e)
{
    if (Text < 10)
        Text++;
}

}
This is my view-model code:

public class CustomerDetailViewModel : BaseViewModel
{
public int ItemQuantity { get; set; }
}
this is how i have added my custom stepper my xaml file:

I have this in my button click in the corresponding cs file:

private async void viewOrderBtn_Clicked(object sender, EventArgs e)
{
var item = (CustomStepper)sender; //no idea if this is correct
var qty = //not able to get the custom stepper text property.

    var itemobj = item?.BindingContext as AllProductListview;
    List<OrderModel> Orderlist = new List<OrderModel>();
    int ID = Convert.ToInt32(itemobj.PK);
    int vendorfk = Convert.ToInt32(itemobj.VendorFK);
    float price = itemobj.SalesPrice;
    float total = price * quantity;
    Orderlist.Add(new OrderModel
    {
        PK = Convert.ToInt32(itemobj.PK),
        VendorFK = Convert.ToInt32(itemobj.VendorFK),
        NameE = itemobj.NameE,
        NameC = itemobj.NameC,
        SalesPrice = itemobj.SalesPrice,
        DChargeMode = Convert.ToInt32(itemobj.DChargeMode),
        VatForm = itemobj.VatForm,
        DeliveryCharge = itemobj.DeliveryCharge,
        Quantity = quantity,
        TotalAmount = total,
        Delete = "delete.png"
    });
    if (OrderData.Count == 0)
    {
        OrderData.Add(new OrderModel
        {
            PK = Orderlist[0].PK,
            VendorFK = Orderlist[0].VendorFK,
            NameE = Orderlist[0].NameE,
            NameC = Orderlist[0].NameC,
            SalesPrice = Orderlist[0].SalesPrice,
            DChargeMode = Orderlist[0].DChargeMode,
            VatForm = Orderlist[0].VatForm,
            DeliveryCharge = Orderlist[0].DeliveryCharge,
            Quantity = Orderlist[0].Quantity,
            TotalAmount = Orderlist[0].TotalAmount,
            Delete = Orderlist[0].Delete
        });
        Isexecute = true;
    }
    else
    {
        if (vendorfk == OrderData[0].VendorFK)
        {
            for (int i = 0; i < OrderData.Count; i++)
            {
                /*@ambi : while debugging, when i change the qty of the 1st product and added the second product:
                 * [ID value is 47 and the OrderData[i].PK value is 46]*/
                if (ID == OrderData[i].PK)
                {
                    OrderData[i].Quantity = Orderlist[0].Quantity;
                    OrderData[i].TotalAmount = Orderlist[0].TotalAmount;
                    IsPresent = true;
                    Isexecute = true;
                }
            }
            if (IsPresent == false)
            {
                int count = OrderData.Count;
                for (int j = count - 1; j < count; j++)
                {
                    OrderData.Add(new OrderModel
                    {
                        PK = Orderlist[0].PK,
                        VendorFK = Orderlist[0].VendorFK,
                        NameE = Orderlist[0].NameE,
                        NameC = Orderlist[0].NameC,
                        SalesPrice = Orderlist[0].SalesPrice,
                        DChargeMode = Orderlist[0].DChargeMode,
                        VatForm = Orderlist[0].VatForm,
                        DeliveryCharge = Orderlist[0].DeliveryCharge,
                        Quantity = Orderlist[0].Quantity,
                        TotalAmount = Orderlist[0].TotalAmount,
                        Delete = Orderlist[0].Delete
                    });
                }
                Isexecute = true;
            }
        }
        else
        {
            await DisplayAlert(LangResource.Alert, "You must order from the same dealer only.", LangResource.ok);
            Isexecute = false;
        }
    }
    // Pickerindex = -1;
    if (Isexecute)
    {
        UploadPopUpPage orderPage = new UploadPopUpPage(OrderData);
        orderPage.EventPass += OrderPage_EventPass;
        await PopupNavigation.PushAsync(orderPage);
    }

}

I'm making a chat app UI with Xamarin Forms. Anytime I tap the Editor to open a keyboard, it ends up shifting the entire page upwards, including where the user and recipient's messages will be.
https://imgur.com/a/NLGTI1t

How can I make it so that only the custom chat editor and button are pushed upwards and everything else has an absolute position?

Heres the XAML code:

<ContentPage.Resources>
        <ResourceDictionary>
            <helpers:TemplateSelector x:Key="MessageTemplateSelector"/>
        </ResourceDictionary>
    </ContentPage.Resources>

    <Grid RowSpacing="0" ColumnSpacing="0">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="1"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <!--Chat Views-->

        <!--Chat Messages Area-->
        <renderers:AutoScrollListView x:Name="messagesListView" 
                                      Grid.Row="1" 
                                      ItemTemplate="{StaticResource MessageTemplateSelector}" 
                                      ItemsSource="{Binding Messages}"
                                      Margin="0" 
                                      HasUnevenRows="True" 
                                      VerticalOptions="FillAndExpand" 
                                      SeparatorColor="Transparent"
                                      SelectionMode="None">
        </renderers:AutoScrollListView>

        <!--A simple separator-->
        <BoxView BackgroundColor="LightGray"
                 HorizontalOptions="FillAndExpand"
                 Grid.Row="2"/>


        <!--Chatbot Entry and Send Button-->
        <StackLayout Grid.Row="3" Padding="5,10,10,10" Margin="0">
            <Grid ColumnSpacing="0" RowSpacing="0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="5*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>

                <!--Chat Entry-->
                <renderers:RoundedEditor x:Name="ChatEntry"
                                        Text="{Binding TextToSend, Mode=TwoWay}" 
                                        Grid.Column="0"
                                        Placeholder="Type your message"
                                        CornerRadius="30"
                                        BackColor="White"
                                        BackgroundColor="Transparent"
                                        BorderColor="#999999"
                                        BorderWidth="6"
                                        FontSize="16"
                                        PlaceholderColor="#b3b3b3"
                                        Keyboard="Chat"/>

                <!--Send Button-->
                <pancake:PancakeView x:Name="sendBtn" 
                                     Grid.Column="1"
                                     BackgroundColor="#0f8df4"
                                     CornerRadius="100"
                                     xamEffects:TouchEffect.Color="White"
                                     xamEffects:Commands.Tap="{Binding SendCommand}"
                                     HeightRequest="47"
                                     WidthRequest="47"
                                     VerticalOptions="Center"
                                     HorizontalOptions="End">

                    <Image Source="sendarrow1.png"
                       HeightRequest="30"
                       WidthRequest="30"
                       Margin="5,0,0,0"
                       HorizontalOptions="Center"
                       VerticalOptions="Center"/>
                </pancake:PancakeView>
            </Grid>
        </StackLayout>



        <!--Chatbot Header and Back Button-->
        <pancake:PancakeView BackgroundColor="#f7f7f7" Grid.Row="0" HasShadow="True" Padding="0,10,0,10">
            <StackLayout Orientation="Horizontal">

                <!--Back Arrow Button-->
                <renderers:FontAwesomeIcon Text="{x:Static helpers:IconsFA.BackArrow}" 
                                           HorizontalOptions="Start"
                                           TextColor="Black"
                                           FontSize="20"
                                           VerticalTextAlignment="Center"
                                           Margin="20,0,10,0">
                    <Label.GestureRecognizers>
                        <TapGestureRecognizer Tapped="BacktoMain_Button"/>
                    </Label.GestureRecognizers>
                </renderers:FontAwesomeIcon>

                <!--Fleming Image-->
                <StackLayout Orientation="Horizontal">
                    <Frame BackgroundColor="Gray" 
                           Padding="0" 
                           CornerRadius="100"
                           HasShadow="False"
                           IsClippedToBounds="True"
                           HeightRequest="40"
                           WidthRequest="40">

                        <Image HorizontalOptions="Center"
                               VerticalOptions="Center"/>
                    </Frame>

                    <!--Fleming Text-->
                    <Label Text="Fleming"
                           TextColor="Black"
                           FontAttributes="Bold"
                           FontSize="18"
                           VerticalOptions="Center"/>
                </StackLayout>
            </StackLayout>
        </pancake:PancakeView>
    </Grid>

Hi Team,

I integarated POWERBI with Xamarin using below link.

But it not showing in Mobile View layout, Can anyone suggest how to implement PowerBI reports to view in Xamarin in mobile layout. And how to add the POWERBI javascript file into the Xamarin and call that to display as mobile layout.

Thanks

Hi all, this is specifically a question for the Xamarin.Forms PMs, so @DavidOrtinau and @PaulDiPietro and anyone else at MS that knows...
If you are a developer reading this, feel free to comment with your opinions too, but we require answers from MS.

Xamarin.Forms for Mac has been in preview for 3 years.
When will it be released?
Will it be released?
Will it be canned? live player and insert any number of other failed Xamarin projects

Xamarin.Forms is an excellent product (ok everything has a bug or 2), and we are now prototyping new versions of our apps that cover iOS, Droid, UWP and Mac. We are seeing excellent results so far, we WANT to continue but are concerned that the multi platform support will fall to the side.

Where does Xamarin.Forms for Mac sit on the roadmap?

Thanks
John

If you have enabled the navigation page, with the back button (the "<" icon) and the title, when the screen reader focus is on the back button it read "unlabeled button". Is there a way to change is Accessibility name to a proper "back button" or whatever else? Either in Android and iOS