WPF 设计属性 设计页面时实时显示 页面涉及集合时不显示处理 设计页面时显示集合样式 显示ItemSource TabControl等集合样式

WPF 设计属性 设计页面时实时显示 页面涉及集合时不显示处理 设计页面时显示集合样式 显示ItemSource TabControl等集合样式

1、设计显示属性

在这里插入图片描述

1、设计时显示属性依赖以下属性

  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

2、在运行时不显示设计属性需要用到一下属性

当然,每个页面新建的时候会自带

  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

  mc:Ignorable="d"

2、普通属性使用设计时属性

  • 1、 设置设计时页面宽高
  d:DesignWidth="1000"
  d:DesignHeight="2000"
  • 设置设计时上下文绑定
d:DataContext="{Binding RelativeSource={RelativeSource AncestorType=local:MainWindow}}"

3、集合控件设计时界面上显示数据

1、ItemsControl
 <ItemsControl 
     d:ItemsSource="{d:DesignInstance Type=local:Student,CreateList=True,IsDesignTimeCreatable=True}"
 >
     <ItemsControl.ItemTemplate>
         <DataTemplate>
             <StackPanel>
                 <WrapPanel>
                     <TextBlock Text="姓名 : " />
                     <TextBlock Text="1111111 " />
                 </WrapPanel>
                 <WrapPanel>
                     <TextBlock Text="年龄 : " />
                     <TextBlock Text="15" />
                 </WrapPanel>
             </StackPanel>
         </DataTemplate>
     </ItemsControl.ItemTemplate>
 </ItemsControl >

在这里插入图片描述

2、TabControl
<TabControl d:ItemsSource="{d:DesignInstance Type=local:Student,CreateList=True,IsDesignTimeCreatable=True}"   
            Margin="0,10,0,0"  
            >
    <TabControl.ItemTemplate>
        <DataTemplate>
            <ContentPresenter Content="{Binding Name}"/>
        </DataTemplate>
    </TabControl.ItemTemplate>
    <TabControl.ContentTemplate>
        <DataTemplate DataType="{x:Type local:Student}">
            <StackPanel>
                <WrapPanel>
                    <TextBlock Text="姓名 : " />
                    <TextBlock Text="{Binding Name}" />
                </WrapPanel>
                <WrapPanel>
                    <TextBlock Text="年龄 : " />
                    <TextBlock Text="{Binding Age}" />
                </WrapPanel>
            </StackPanel>
        </DataTemplate>
    </TabControl.ContentTemplate>
</TabControl>

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

笑非不退

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值