Come posso visualizzare il testo con il formato html nei moduli xamarin

Question

Lavoro su webservice con json e ottengo testo in formato html. Voglio che il mio testo abbia collegamenti ipertestuali e altre proprietà in cui trovo i tag html (ecc. Grassetto).

Ho provato a legare la mia stringa html nel sorgente WebView ma WebView è sempre vuoto. Io uso questo codice

var browser = new WebView(); 
var htmlSource = new HTMLWebViewSource(); 
htmlSource.Html = MyItem.Article; 
browser.Source = htmlSource; 

stringa MyItem.Article è come questo

voglio qualcosa di simile etichetta interna dove si trova all'interno di ListView os qualcosa di simile.

Come posso fare questo?

Answer 1

Questo dovrebbe funzionare per voi

string htmlText = MyItem.Article.ToString().Replace(@"\", string.Empty); 
var browser = new WebView(); 
var html = new HtmlWebViewSource { 
    Html = htmlText 
}; 
browser.Source = html; 

Perché Xamarin.Forms.HtmlWebViewSource.HTML aspetta un HTML puro. Usando questo è possibile creare un controllo utente Xamarin.Forms con l'aiuto di questo articolo http://blog.falafel.com/creating-reusable-xaml-user-controls-xamarin-forms/ Cheers ..!

Answer 2

FYI, Ho appena aggiunto la possibilità al mio Forms9Patch library di creare etichette e pulsanti in cui è possibile formattare il testo tramite HTML. Per esempio:

new Forms9Patch.Label { HtmlText = "plain <b><i>Bold+Italic</i></b> plain"} 

... darebbe un'etichetta in cui il testo è stato formattato in corsivo grassetto nel mezzo della stringa.

Inoltre, consente di utilizzare caratteri personalizzati che sono risorse incorporate nel progetto PCL senza alcuna attività specifica della piattaforma. Inoltre, puoi utilizzare questi caratteri tramite il tag HTLM o l'attributo HTML font-family.

Ecco alcune schermate del demo app:

Answer 3

In XAML è possibile fare qualcosa di simile:

<WebView> 
    <WebView.Source> 
     <HtmlWebViewSource Html="{Binding HtmlText}"/> 
    </WebView.Source> 
</WebView> 

Potrebbe anche essere necessario per fornire altezza e la larghezza il WebView se non si trova all'interno di un Grid.