前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >win10 uwp 如何在DataTemplate绑定方法

win10 uwp 如何在DataTemplate绑定方法

作者头像
林德熙
发布2018-09-18 17:48:38
8540
发布2018-09-18 17:48:38
举报
文章被收录于专栏:林德熙的博客

本文告诉大家几个方法在 DataTemplate 绑定。

在 DataTemplate 绑定是使用次数很多的,下面我在使用新的控件 NavigationView 就需要绑定两个按钮。

先给大家看一下界面

不要以为这个界面很复杂,实际上他需要的代码很少。

先在后台创建一个 ViewModel ,请看代码

代码语言:javascript
复制
    public class ViewModel
    {
        public void Foo()
        {
        }
    }

然后绑定 ViewModel ,在 MainPage 绑定就是 DataContext ,如果想知道 DataContext 的写法,请看 win10 uwp DataContext

代码语言:javascript
复制
        public MainPage()
        {
            this.InitializeComponent();

            DataContext = new ViewModel();
        }

实际上界面的代码很少,请看下面

代码语言:javascript
复制
        <NavigationView x:Name="NavView">
            <NavigationView.HeaderTemplate>
                <DataTemplate x:DataType="local:ViewModel">
                    <Grid Margin="24,10,0,0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>
                        <TextBlock
                            Margin="0,0,0,10"
                            VerticalAlignment="Bottom"
                            FontSize="28"
                            Style="{StaticResource TitleTextBlockStyle}"
                            Text="lindexi.github.io/lindexi" />
                        <CommandBar
                            Grid.Column="1"
                            Margin="0,0,10,0"
                            HorizontalAlignment="Right"
                            VerticalAlignment="Bottom"
                            DefaultLabelPosition="Right">
                            <AppBarButton
                                Icon="Edit"
                                Label="Feedback"
                                Click="{x:Bind Foo}" />
                            <AppBarButton
                                Icon="OtherUser"
                                Label="ChangeUser"
                                Click="{x:Bind Foo}" />
                        </CommandBar>
                    </Grid>
                </DataTemplate>
            </NavigationView.HeaderTemplate>
        </NavigationView>

回到本文的问题,如何在 AppBarButton 点击绑定 ViewModel 的 Foo 函数。

实际上就是设置了 x:DataType="local:ViewModel" 就可以,方法很简单。

但是如果在那些特殊的属性绑定,如一个列表,绑定了类型是 IText 的,也就是绑定的类型可能是有多种的。除了使用列表选择还可以使用下面的方法。

代码语言:javascript
复制
 x:Bind xx.DataContext.(具体类型.属性)

通过这个方式可以把 DataContext 强转为具体类型,然后拿到属性。

但是这个方法只能拿到属性,不能拿到方法。


本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档