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

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

1、设计显示属性

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

bash 复制代码
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

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

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

bash 复制代码
  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

  mc:Ignorable="d"

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

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

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

1、ItemsControl
bash 复制代码
 <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
bash 复制代码
<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>
相关推荐
白露与泡影1 天前
Spring Cloud进阶--分布式权限校验OAuth2
分布式·spring cloud·wpf
枫叶丹41 天前
【HarmonyOS 6.0】ArkData 分布式数据对象新特性:资产传输进度监听与接续传输能力深度解析
开发语言·分布式·华为·wpf·harmonyos
一念春风2 天前
智能文字识别工具(AI)
开发语言·c#·wpf
故事不长丨2 天前
WPF MvvmLight 超详细使用教程
c#·wpf·mvvm·mvvmlight
IT小哥哥呀3 天前
基于windows的个人/团队的时间管理工具
windows·c#·wpf·时间管理
sczmzx3 天前
Cefsharp.WPF高分辨率下崩溃问题解决方案
wpf
cjp5604 天前
023.WPF combox控件数据绑定
wpf
Scout-leaf4 天前
WPF新手村教程(七)—— 终章(MVVM架构初见杀)
c#·wpf
极客智造4 天前
WPF DataGrid 多选绑定 + 强类型命令回调 通用解决方案
wpf
ZoeJoy84 天前
机器视觉C# 调用相机:从 USB 摄像头到海康工业相机(WinForms & WPF)
数码相机·c#·wpf