Xamarin窗体WinPhone-如何使标签文本下划线WinPhone



如何使用Xamarin FormsWinPhone中制作标签文本下划线

您必须在继承自Label的PCL/共享项目中创建一个新控件。

public class Exlabel : Label
{
}

在您的windowsphone项目中,如下所示为其创建一个自定义渲染器,并使用TextBlock.TextDecorations属性设置下划线。标签在窗口中呈现为TextBlock。

样本(未经测试):

[assembly: ExportRenderer(typeof(Exlabel), typeof(ExlabelRenderer))]
namespace CustomRenderer.WinPhone81
{
    public class ExlabelRenderer : LabelRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Label> e)
        {
            base.OnElementChanged(e);
            if (Control != null)
            {
                Control.TextDecorations = TextDecorations.UnderLine;
            }
        }
    }
}

如果您使用的是windows phone,请查看此示例-如何在windows phone中使用xaml格式化TextBlock的文本。

对于WinRT,您可以在WinRT中使用此-TextBlock下划线。

在SilverLight WinPhone(旧的不太受支持的模板)中,您也可以使用Margin来实现您的要求,类似于如何在Windows Phone中制作带下划线的输入文本字段?。

尝试使用以下xaml;

<StackLayout Orientation="Vertical">
    <Label Text="SomeText"/>
    <BoxView HeightRequest="1" HorizontalOptions="FillAndExpand" BackgroundColor="Black"/>
</StackLayout>

这应该适用于所有3个平台。:)

我认为您需要为此创建一个自定义视图,作为一个Layout/Grid,它有一个Label和一个BoxView,在标签下面有一个小高度Request作为一行。

在WinPhone项目中创建一个标签渲染器:

using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Documents;
[assembly: ExportRenderer(typeof(ExtendedLabel), typeof(ExtendedLabelRenderer))]
namespace SampleProject.WinPhone
{
public class ExtendedLabelRenderer: LabelRenderer
{
    ExtendedLabel element;
    TextBlock control;
    protected override void OnElementChanged(ElementChangedEventArgs<Label> e)
    {
        base.OnElementChanged(e);
        if((ExtendedLabel)Element == null || Control == null)
            return;
        element = (ExtendedLabel)Element;
        control = Control;
        UnderlineText();
    }
    void UnderlineText()
    {
        control.Text = string.Empty;
        Underline ul = new Underline();
        Run run = new Run();
        run.Text = element.Text;
        ul.Inlines.Add(run);
        control.Inlines.Add(ul);
    }
  }
 }

相关内容

  • 没有找到相关文章

最新更新