在没有自定义渲染的情况下对齐文本 [英] justify text without custom render

查看：32 发布时间：2021/9/29 20:15:04 c# xaml xamarin xamarin.forms xamarin.android

本文介绍了在没有自定义渲染的情况下对齐文本的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想知道除了自定义渲染之外是否还有其他方法可以在 xamarinforms 中排列文本的结尾?

因为修改不支持Android 7及以下.

感谢回复的人！

此代码与我的 CustomRendering 相关，在 Android 7 中，我的应用程序崩溃了:

<预><代码>[组装:ExportRenderer(typeof(CustomLabel), typeof(CustomLabelRender))]命名空间 Liko.Droid{公共类 CustomLabelRender : LabelRenderer{公共自定义标签渲染(上下文上下文):基础(上下文){}protected override void OnElementChanged(ElementChangedEventArgs e){base.OnElementChanged(e);如果(控制！= null){Control.JustificationMode = JustificationMode.InterWord;}}}}

解决方案

在 Android 7.0 上，不支持 JustificationMode.JustificationMode 是在 API 级别 26 中添加的.

更新:

 公共类 JustifiedLabelRenderer : ViewRenderer{上下文_context;Android.Webkit.WebView webView;public JustifiedLabelRenderer(Context context) : base(context){_context = 上下文；}protected override void OnElementChanged(ElementChangedEventArgs e){base.OnElementChanged(e);//如果我们有一个新的表单元素，我们希望在本机控件上使用字体样式(如在 forms-pcl 中指定)更新文本if (e.NewElement != null){如果(控制==空){//将webview注册为本机控件webView = new Android.Webkit.WebView(_context);webView.VerticalScrollBarEnabled = false;webView.HorizontalScrollBarEnabled = false;var formsLabel = 元素作为标签；//根据指定的 font-style 创建 css 样式var cssStyle = $"margin: 0px;填充:0px；文本对齐:对齐；颜色:{ToHexColor(formsLabel.TextColor)};背景色:{ToHexColor(formsLabel.BackgroundColor)};字体系列:{formsLabel.FontFamily};字体大小:{formsLabel.FontSize};字体粗细:{formsLabel.FontAttributes}";//将其应用于文本var strData = $"<html><body style=\"{cssStyle}\">{formsLabel?.Text}</body></html>";webView.LoadDataWithBaseURL("", strData, "text/html; charset=utf-8", "utf-8", "");SetNativeControl(webView);}}字符串 ToHexColor(颜色颜色){var red = (int)(color.R * 255);var green = (int)(color.G * 255);var blue = (int)(color.B * 255);var alpha = (int)(color.A * 255);var hex = $"#{red:X2}{green:X2}{blue:X2}";返回十六进制；}}

xml:

截图:

I wanted to know if there is no way other than custom rendering to arrange the ends of the texts in xamarinforms?


Because the modification does not support Android 7 and below.
Thanks to those who respond!
This code is related to my CustomRendering , which in Android 7, my app crashes:


[assembly: ExportRenderer(typeof(CustomLabel), typeof(CustomLabelRender))]

namespace Liko.Droid
{

    public class CustomLabelRender : LabelRenderer
    {
        public CustomLabelRender(Context context) : base(context)
        {

        }

        protected override void OnElementChanged(ElementChangedEventArgs<Label> e)
        {

            base.OnElementChanged(e);


            if (Control != null)
            {
                Control.JustificationMode = JustificationMode.InterWord;
            }

        }

    }
}

 解决方案 
On Android 7.0, it do not support JustificationMode. JustificationMode is added in API level 26.
https://developer.android.com/reference/android/R.attr#justificationMode
The customrenderer could justify text in Android 7.0 with ViewRenderer.
Custom control:
 public class JustifiedLabel : Label
{
}
Csutom renderer:
[assembly: ExportRenderer(typeof(JustifiedLabel), typeof(JustifiedLabelRenderer))]
namespace Test.Droid
{
public class JustifiedLabelRenderer : ViewRenderer
{
public JustifiedLabelRenderer(Context context) : base(context)
{
    }
    protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.View> e)
    {
        base.OnElementChanged(e);

        //if we have a new forms element, we want to update text with font style (as specified in forms-pcl) on native control
        if (e.NewElement != null)
        {
            if (Control == null)
            {
                //register webview as native control
                var webView = new Android.Webkit.WebView(Context);
                webView.VerticalScrollBarEnabled = false;
                webView.HorizontalScrollBarEnabled = false;

                webView.LoadData("<html><body>&nbsp;</body></html>", "text/html; charset=utf-8", "utf-8");
                SetNativeControl(webView);
            }

            //if we have a new forms element, we want to update text with font style (as specified in forms-pcl) on native control
            UpdateTextOnControl();
        }
    }

    protected override void OnElementPropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e)
    {
        base.OnElementPropertyChanged(sender, e);

        //if there is change in text or font-style, trigger update to redraw control
        if (e.PropertyName == nameof(Label.Text)
           || e.PropertyName == nameof(Label.FontFamily)
           || e.PropertyName == nameof(Label.FontSize)
           || e.PropertyName == nameof(Label.TextColor)
           || e.PropertyName == nameof(Label.FontAttributes))
        {
            UpdateTextOnControl();
        }
    }

    void UpdateTextOnControl()
    {
        var webView = Control as Android.Webkit.WebView;
        var formsLabel = Element as Label;

        // create css style from font-style as specified
        var cssStyle = $"margin: 0px; padding: 0px; text-align: justify; color: {ToHexColor(formsLabel.TextColor)}; background-color: {ToHexColor(formsLabel.BackgroundColor)}; font-family: {formsLabel.FontFamily}; font-size: {formsLabel.FontSize}; font-weight: {formsLabel.FontAttributes}";

        // apply that to text 
        var strData =
            $"<html><body style=\"{cssStyle}\">{formsLabel?.Text}</body></html>";

        // and, refresh webview
        webView.LoadData(strData, "text/html; charset=utf-8", "utf-8");
        webView.Reload();
    }

    // helper method to convert forms-color to css-color
    string ToHexColor(Color color)
    {
        var red = (int)(color.R * 255);
        var green = (int)(color.G * 255);
        var blue = (int)(color.B * 255);
        var alpha = (int)(color.A * 255);
        var hex = $"#{red:X2}{green:X2}{blue:X2}";

        return hex;
    }
}
Usage:
 <StackLayout Margin="20">
        <Entry x:Name="InputEntry" />

        <Label
            Margin="0,10,0,0"
            BackgroundColor="Navy"
            FontSize="15"
            HorizontalOptions="CenterAndExpand"
            Text="Normal Text Label"
            TextColor="White" />
        <Label
            FontAttributes="Bold"
            FontSize="20"
            Text="{Binding Text, Source={x:Reference InputEntry}}" />

        <Label
            Margin="0,10,0,0"
            BackgroundColor="Navy"
            FontSize="15"
            HorizontalOptions="CenterAndExpand"
            Text="Justified Text Label"
            TextColor="White" />
        <local:JustifiedLabel
            BackgroundColor="Yellow"
            FontAttributes="Bold"
            FontSize="20"
            HorizontalOptions="FillAndExpand"
            Text="{Binding Text, Source={x:Reference InputEntry}}"
            TextColor="Green"
            VerticalOptions="FillAndExpand" />

    </StackLayout>
Screenshot:

Updated:
 public class JustifiedLabelRenderer : ViewRenderer
{
    Context _context;
    Android.Webkit.WebView webView;
    public JustifiedLabelRenderer(Context context) : base(context)
    {
        _context = context;
    }
    protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.View> e)
    {
        base.OnElementChanged(e);

        //if we have a new forms element, we want to update text with font style (as specified in forms-pcl) on native control
        if (e.NewElement != null)
        {
            if (Control == null)
            {
                //register webview as native control
                webView = new Android.Webkit.WebView(_context);
                webView.VerticalScrollBarEnabled = false;
                webView.HorizontalScrollBarEnabled = false;

                var formsLabel = Element as Label;

                // create css style from font-style as specified
                var cssStyle = $"margin: 0px; padding: 0px; text-align: justify; color: {ToHexColor(formsLabel.TextColor)}; background-color: {ToHexColor(formsLabel.BackgroundColor)}; font-family: {formsLabel.FontFamily}; font-size: {formsLabel.FontSize}; font-weight: {formsLabel.FontAttributes}";
                
                // apply that to text 
                var strData = $"<html><body style=\"{cssStyle}\">{formsLabel?.Text}</body></html>";

                webView.LoadDataWithBaseURL("", strData, "text/html; charset=utf-8", "utf-8", "");

                SetNativeControl(webView);

            }

        }
 string ToHexColor(Color color)
    {
        var red = (int)(color.R * 255);
        var green = (int)(color.G * 255);
        var blue = (int)(color.B * 255);
        var alpha = (int)(color.A * 255);
        var hex = $"#{red:X2}{green:X2}{blue:X2}";

        return hex;
    }
    }
xaml:
   <local:JustifiedLabel
            BackgroundColor="Yellow"
            FontAttributes="Bold"
            FontSize="20"
            WidthRequest="500"
            HeightRequest="500"
            HorizontalOptions="FillAndExpand"
            Text="I wanted to know if there is no way other than custom rendering to arrange the ends of the texts in xamarinforms? Because the modification does not support Android 7 and below. Thanks to those who respond! This code is related to my CustomRendering , which in Android 7, my app crashes:"
            TextColor="Green"
            VerticalOptions="FillAndExpand" />
Screenshot:


                        这篇关于在没有自定义渲染的情况下对齐文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！


                    
                        查看全文

在没有自定义渲染的情况下对齐文本 [英] justify text without custom render

问题描述

相关文章

C#/.NET最新文章

热门教程

热门工具

登录关闭

在没有自定义渲染的情况下对齐文本 [英] justify text without custom render

问题描述

相关文章

C#/.NET最新文章

热门教程

热门工具

登录 关闭

登录关闭