在Windows 10 UWP中，使用自定义附加属性的自适应触发器

Question

在Windows 10 UWP中，使用自定义附加属性的自适应触发器

5

我正在尝试为自定义附加属性设置可视状态，使用完整命名空间、不使用命名空间、使用别名等多种方式都未能成功。有任何想法吗？

xmlns:p="using:Controls.Views.Properties"
<RelativePanel x:Name="RootPanel" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup x:Name="VisualStateGroup">
            <VisualState x:Name="NarrowView">
                <VisualState.StateTriggers>
                    <AdaptiveTrigger MinWindowWidth="0" />
                </VisualState.StateTriggers>
                <VisualState.Setters>
     //This is where the value is not achieved
     <Setter Target="Text.(p:RelativeSize.Width)" Value="0.5"/>

它不仅仅会触发任何错误，我可以将p：替换为j：而不会崩溃，我不知道如何解决这个问题。

这个问题是为了完成这里的解决方案：使用相对面板在XAML中为UI元素设置相对宽度

- Juan Pablo Garcia Coello

你能提供更多的XAML代码（包括‘Text’元素在内），以及你用于自定义附加属性的代码吗？ - Dean Chalk

文本只是RelativePanel中的一个控件，关于其他问题，请参考以下链接：http://stackoverflow.com/questions/31852833/relative-width-for-ui-elements-with-relativepanel-in-xaml-with-uwp-apps/31853821#31853821 - Juan Pablo Garcia Coello

哦，我明白了。好的，我相信这是一个限制，就像您不能动画化自定义附加属性一样。 - Justin XL

这需要修复。UWP真是一个笑话，它甚至不显示任何错误。 - Neme

2个回答

-2

短代码是正确的。RelativePanel 是根元素吗？

VisualStateManager 必须放置在根元素中：

<Page ...>
    <Grid x:Name="LayoutRoot">
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="VisualStateGroup">
                <VisualState x:Name="NarrowView">
                    <VisualState.StateTriggers>
                        <AdaptiveTrigger MinWindowWidth="0" />
                    </VisualState.StateTriggers>
                    <VisualState.Setters>//This is where the value is not achieved
                        <Setter Target="Text.(p:RelativeSize.Width)" Value="0.5" />
                        ...
                    </VisualState.Setters>
                </VisualState>
        </VisualStateManager.VisualStateGroups>
    </Grid>
</Page>

- tao

可以工作，问题在于Setter中的自定义附加属性不被Visual State的Setter捕获。 - Juan Pablo Garcia Coello

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Juan Pablo Garcia Coello · Accepted Answer

有一种方法可以使用事件和反射：

XAML：

<VisualStateGroup x:Name="VisualStateGroup" CurrentStateChanged="VisualStateGroup_CurrentStateChanged">

代码：

private void VisualStateGroup_CurrentStateChanged(object sender, VisualStateChangedEventArgs e)
    {
        foreach (var sbase in e.NewState.Setters)
        {
            var setter = sbase as Setter;
            var spath = setter.Target.Path.Path;
            var element = setter.Target.Target as FrameworkElement;

            if (spath.Contains(nameof(RelativeSize)))
            {
                string property = spath.Split('.').Last().TrimEnd(')');

                var prop = typeof(RelativeSize).GetMethod($"Set{property}");

                prop.Invoke(null, new object[] { element, setter.Value });
            }
        }
    }

它解决了这个问题，并且可以适应多种情况。