text UWP中的自定义视图:ControlTemplate

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了text UWP中的自定义视图:ControlTemplate相关的知识,希望对你有一定的参考价值。

1. In Solution Explorer, go to "Add New Item" and select "Templated Control"
2. There will be a file Themes/Generic.xaml, which contains the style of your new control templated
3. To set the custom view property, use the `TemplateBinding` in xaml, and define the `DependencyProperty` in your C#


XAML:

```
    <Style TargetType="local:TagView">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="local:TagView">
                    <Border
                        Background="LightGray"
                        CornerRadius="3"
                        Padding="4"
                        Margin="4,0">
                        <TextBlock FontSize="12" Text="{TemplateBinding TagName}" />
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
```

C#:

```
    public sealed class TagView : Control
    {
        #region Dependency Property Registrations

        public static readonly DependencyProperty TagNameProperty =
            DependencyProperty.Register("TagName", typeof(string), typeof(TagView), new PropertyMetadata(string.Empty));

        #endregion

        public TagView()
        {
            this.DefaultStyleKey = typeof(TagView);
        }

        #region Properties

        public string TagName
        {
            get => (string)GetValue(TagNameProperty);
            set => SetValue(TagNameProperty, value);
        }

        #endregion
    }

```

以上是关于text UWP中的自定义视图:ControlTemplate的主要内容,如果未能解决你的问题,请参考以下文章

从代码绑定到 WinRT/UWP 中的自定义附加属性

从 UWP 中的自定义 ToolTip 和自定义 Flyout 类取消订阅事件

Xamarin 表单:UWP 和 Windows 8.1 中的自定义字体

如何更改 viewDidLoad 中的自定义单元格标签参数?

android中listvliew中的自定义字体Text-View

包含 UWP 中项目列表的自定义工具提示