使用Xamarin.Forms在移动操作系统上创建带有Web界面的应用程序

Question

Is it possible to create cross-platform a mobile app with a Web-based interface using Xamarin.Forms?

The idea is to create a mobile app using C# Xamarin code-behind and web-based UI.

I know that it is possible to call Java code from javascript using Android WebView. The question is there are any common techniques for binding Xamarin.Forms WebView (or other web view controls) and C# code-behind for cross-platform development (Android, IOS and Windows)?

Answer 1

Yes, there is. Create a custom renderer for your webview, add a function to the Navigating event handler, and in that event check the url for your indicator:

public class CustomWebView : WebView
{
    public CustomWebView()
    {
        Navigating += OnShouldLoad;
    }

    private void OnShouldLoad(object sender, WebNavigatingEventArgs e)
    {
        if (!e.Url.StartsWith("runcode") || !e.Url.Contains(":"))
            return;
        var urlInfo = e.Url.Split(':');
        switch (urlInfo[1])
        {

This assumes the javascript will send a url in the form "runcode: Command " where Command indicates the action that you want to take.

Answer 2

Finally got instructions of building WebView with possibility to call C# functions.

First common explanation is on official guide for xamarin.forms . And here is GitHub project for such WebViews.