如何使用Xamarin Forms在WinPhone中制作标签文本下划线?
您必须在继承自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);
}
}
}