Kino.Toolkit.Wpf使用

最新推荐文章于 2024-05-23 09:52:22 发布
最新推荐文章于 2024-05-23 09:52:22 发布
阅读量1.2k 收藏
点赞数
分类专栏： .Net应用技术
可以分享
本文链接：https://blog.csdn.net/cxb2011/article/details/90287488
版权

Kino.Toolkit.Wpf使用

FormItem

用户信息录入界面图

<UserControl x:Class="仓库进销存.Views.ProductStore"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:kino="https://github.com/DinoChan/Kino.Toolkit.Wpf"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800" Background="White" >
    <UserControl.Resources>
        <DataTemplate x:Key="TopHeaderTemplate">
            <TextBlock Text="{Binding}"
                       VerticalAlignment="Top"
                       HorizontalAlignment="Right"
                       Margin="0,1,0,0" />
        </DataTemplate>
    </UserControl.Resources>

    <StackPanel>
        <StackPanel Width="500" HorizontalAlignment="Left" Grid.IsSharedSizeScope="True">
            <kino:FormTitle Content="用户信息" />
            <kino:FormItem Label="用户名" IsRequired="True">
                <TextBox Text="{Binding Name,Mode=TwoWay}" />
            </kino:FormItem>
            <kino:FormItem Label="密码"  IsRequired="True">
                <PasswordBox />
            </kino:FormItem>
            <kino:FormItem Label="国家与地区(请选择居住地)">
                <ComboBox />
            </kino:FormItem>
            <kino:FormSeparator />
            <kino:FormTitle Content="家庭信息"   Description="填写家庭信息可以让我们给您提供更好的服务。"/>
            <kino:FormItem Label="父"   Description="可以不填">
                <TextBox />
            </kino:FormItem>
            <kino:FormItem Label="母" Description="可以不填">
                <TextBox />
            </kino:FormItem>
            <kino:FormItem Label="伴侣" Description="可以没有"
                       IsRequired="True">
                <TextBox />
            </kino:FormItem>
            <kino:FormItem Label="性别">
                <StackPanel Orientation="Horizontal">
                    <RadioButton Content="男"  GroupName="Sex" />
                    <RadioButton Content="女"  GroupName="Sex" Margin="8,0,0,0" />
                </StackPanel>
            </kino:FormItem>
            <kino:FormItem Label="备注"
                       LabelTemplate="{StaticResource TopHeaderTemplate}">
                <TextBox AcceptsReturn="True"
                 VerticalScrollBarVisibility="Auto"
                 Height="100" />
            </kino:FormItem>
        </StackPanel>

    </StackPanel>
</UserControl>

NomalForm

在这里插入图片描述

<kino:Form Width="500"
               HorizontalAlignment="Left"
               Header="NormalForm">
    <kino:FormTitle Content="用户信息" />
    <TextBox kino:Form.Label="用户名"
             kino:Form.IsRequired="True"
             Text="{Binding Name,Mode=TwoWay}" />

    <PasswordBox kino:Form.Label="密码"
                 kino:Form.IsRequired="True" />
    <ComboBox kino:Form.Label="国家与地区(请选择居住地)" />

    <kino:FormSeparator />

    <kino:FormTitle Content="家庭信息"
                        Description="填写家庭信息可以让我们给您提供更好的服务。" />

    <TextBox kino:Form.Label="父"
             kino:Form.Description="可以不填" />
    <TextBox kino:Form.Label="母"
             kino:Form.Description="可以不填" />
    <TextBox kino:Form.Label="伴侣"
             kino:Form.Description="可以没有"
             kino:Form.IsRequired="True" />
    <StackPanel kino:Form.Label="性别"
                Orientation="Horizontal">
        <RadioButton Content="男"
                     GroupName="Sex" />
        <RadioButton Content="女"
                     GroupName="Sex"
                     Margin="8,0,0,0" />
    </StackPanel>
    <TextBox AcceptsReturn="True"
             kino:Form.Label="备注"
             kino:Form.LabelTemplate="{StaticResource TopHeaderTemplate}"
             VerticalScrollBarVisibility="Auto"
             Height="100" />
    <kino:Form.FunctionBar>
        <kino:FormFunctionBar>
            <kino:ExtendedButton Content="OK"
                             Click="OnOK"
                             IsDefault="True" />
            <kino:ExtendedButton Content="Cancel"
                             IsCancel="True"
                             Click="OnCancel" />

        </kino:FormFunctionBar>
    </kino:Form.FunctionBar>
</kino:Form>

显示隐藏Form

在这里插入图片描述

<kino:Form Width="500"
               HorizontalAlignment="Left">
    <CheckBox kino:Form.Label="显示额外信息"
              x:Name="ExtraInformationCheckBox" />
    <Grid kino:Form.IsItemItsOwnContainer="True"
          Visibility="{Binding IsChecked,ElementName=ExtraInformationCheckBox,Converter={StaticResource BooleanToVisibilityConverter}}">
        <kino:Form Grid.IsSharedSizeScope="False"
                       Padding="0">
            <ComboBox kino:Form.Label="国家" />
            <TextBox kino:Form.Label="父"
                     kino:Form.Description="可以不填" />
            <TextBox kino:Form.Label="母"
                     kino:Form.Description="可以不填" />
        </kino:Form>
    </Grid>
    <TextBox kino:Form.Label="地址"
             Visibility="{Binding IsChecked,ElementName=ExtraInformationCheckBox,Converter={StaticResource BooleanToVisibilityConverter}}"/>
</kino:Form>

使用Expander分组

在这里插入图片描述

<kino:Form Width="500"
               HorizontalAlignment="Left">
    <Expander kino:Form.IsItemItsOwnContainer="True"
              Header="用户信息"
              IsExpanded="True">
        <kino:Form Grid.IsSharedSizeScope="False"
                       Padding="0">
            <TextBox kino:Form.Label="用户名"
                     kino:Form.IsRequired="True"
                     Text="{Binding Name,Mode=TwoWay}" />
            <PasswordBox kino:Form.Label="密码"
                         kino:Form.IsRequired="True" />
        </kino:Form>
    </Expander>
    <Expander kino:Form.IsItemItsOwnContainer="True"
              Header="其它信息"
              IsExpanded="True">
        <kino:Form Grid.IsSharedSizeScope="False"
                       Padding="0">
            <ComboBox kino:Form.Label="国家" />
            <TextBox kino:Form.Label="父"
                     kino:Form.Description="可以不填" />
            <TextBox kino:Form.Label="母"
                     kino:Form.Description="可以不填" />
        </kino:Form>
    </Expander>
</kino:Form>

ItemsPanelTemplate

在这里插入图片描述

<kino:Form Width="500"
               HorizontalAlignment="Left">
    <kino:Form.Resources>
        <Style TargetType="kino:FormItem"
               x:Key="FromItemStyle"
               BasedOn="{StaticResource ControlPanelFromItemStyle}">
            <Setter Property="Margin"
                    Value="8" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="kino:FormItem">
                        <StackPanel x:Name="Root">
                            <ContentPresenter Content="{TemplateBinding Label}"
                                              ContentTemplate="{TemplateBinding LabelTemplate}" />
                            <ContentPresenter Margin="{TemplateBinding Padding}"
                                              x:Name="ContentPresenter"
                                              Height="50" />
                            <ContentPresenter Visibility="{Binding Description,RelativeSource={RelativeSource Mode=TemplatedParent},Converter={StaticResource NullToValueConverter},ConverterParameter=Collapsed,FallbackValue=Visible}"
                                              Margin="0,2,0,0"
                                              Content="{TemplateBinding Description}"
                                              TextBlock.Foreground="{Binding Source={x:Static SystemColors.GrayTextBrush}}" />
                        </StackPanel>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <ItemsPanelTemplate x:Key="ItemsPanelTemplate">
            <UniformGrid Rows="1" />
        </ItemsPanelTemplate>
    </kino:Form.Resources>
    <Expander kino:Form.IsItemItsOwnContainer="True"
              Header="用户信息"
              IsExpanded="True">
        <kino:Form Grid.IsSharedSizeScope="False"
                       Padding="0"
                       ItemContainerStyle="{StaticResource FromItemStyle}"
                       ItemsPanel="{StaticResource ItemsPanelTemplate}">
            <TextBox kino:Form.Label="用户名" />
            <TextBox kino:Form.Label="级别" />
            <TextBox kino:Form.Label="备注" />

        </kino:Form>
    </Expander>
    <Expander kino:Form.IsItemItsOwnContainer="True"
              Header="其它信息"
              IsExpanded="True">
        <kino:Form Grid.IsSharedSizeScope="False"
                       Padding="0"
                       ItemContainerStyle="{StaticResource FromItemStyle}"
                       ItemsPanel="{StaticResource ItemsPanelTemplate}">
            <TextBox kino:Form.Label="学校" />
            <TextBox kino:Form.Label="职业" />
            <TextBox kino:Form.Label="证书" />
        </kino:Form>
    </Expander>
    <Expander kino:Form.IsItemItsOwnContainer="True"
              Header="住址信息"
              IsExpanded="True">
        <kino:Form Grid.IsSharedSizeScope="False"
                       Padding="0"
                       ItemContainerStyle="{StaticResource FromItemStyle}">
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition />
                            <ColumnDefinition />
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>
                    </Grid>
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
            <TextBox kino:Form.Label="邮编" />
            <kino:FormItem Label="住址"
                               Grid.Column="1"
                               Grid.ColumnSpan="2">
                <TextBox />
            </kino:FormItem>
        </kino:Form>
    </Expander>
</kino:Form>

DataGrid

存在两种模式
在这里插入图片描述

<TextBlock Text="Selection Mode"
           Margin="8,8,8,0" />
<ComboBox Width="300"
          HorizontalAlignment="Left"
          Margin="8"
          x:Name="SelectionComboBox" />
<kino:ExtendedDataGrid ItemsSource="{Binding}" 
               AutoGenerateColumns="False"
               SelectionMode="{Binding ElementName=SelectionComboBox,Path=SelectedItem}"
               IsReadOnly="True">
    <DataGrid.Columns>
        <DataGridTextColumn Header="Name"
                        Binding="{Binding Name}"
                        Width="200" />
    </DataGrid.Columns>
</kino:ExtendedDataGrid>


var list = new List<TestModel>();
for (int i = 0; i < 10; i++)
{
    list.Add(new TestModel { Name = "this is " + i });
}
DataContext = list;

DataPager分页

在这里插入图片描述

<extend:ColorToSolidColorBrushConverter x:Key="ColorToSolidBrushConverter" />
<Style TargetType="kino:DataPager">
    <Setter Property="NumericButtonCount"
            Value="{Binding Value, ElementName=NumericButtonCount}" />
    <Setter Property="AutoEllipsis"
            Value="{Binding IsChecked, ElementName=AutoEllipsis}" />
    <Setter Property="IsTotalItemCountFixed"
            Value="{Binding IsChecked, ElementName=TotalItemCountFixed}" />
    <Setter Property="Source"
            Value="{Binding}" />
    <Setter Property="HorizontalAlignment"
            Value="Left" />
    <Setter Property="Foreground"
            Value="{Binding SelectedColor,ElementName=ColorPicker,Converter={StaticResource ColorToSolidBrushConverter}}" />
</Style>


<kino:Form>
    <kino:DataPager DisplayMode="FirstLastNumeric"
                        kino:Form.Label="FirstLastNumeric" />
    <kino:DataPager DisplayMode="FirstLastPreviousNext"
                        kino:Form.Label="FirstLastPreviousNext" />
    <kino:DataPager DisplayMode="FirstLastPreviousNextNumeric"
                        kino:Form.Label="FirstLastPreviousNextNumeric" />
    <kino:DataPager DisplayMode="Numeric"
                        kino:Form.Label="Numeric" />
    <kino:DataPager DisplayMode="PreviousNext"
                        kino:Form.Label="PreviousNext" />
    <kino:DataPager DisplayMode="PreviousNextNumeric"
                        kino:Form.Label="PreviousNextNumeric" />
</kino:Form>
<StackPanel Grid.Column="1">
    <ListBox ItemsSource="{Binding}"
             DisplayMemberPath="Name"
             Margin="4"
             Height="120" />
    <DataGrid Height="120"
              AutoGenerateColumns="False"
              IsReadOnly="True"
              ItemsSource="{Binding}"
              Margin="4">
        <DataGrid.Columns>
            <DataGridTextColumn Header="Name"
                                Binding="{Binding Name}"
                                Width="300"
                                SortMemberPath="Name" />
        </DataGrid.Columns>
    </DataGrid>
</StackPanel>


<kino:Form ItemContainerStyle="{StaticResource ControlPanelFromItemStyle}"
               HorizontalAlignment="Left">
    <CheckBox x:Name="AutoEllipsis"
              kino:Form.Label="AutoEllipsis" />
    <CheckBox x:Name="TotalItemCountFixed"
              kino:Form.Label="IsTotalItemCountFixed"
              IsChecked="True" />
    <extend:IntegerUpDown x:Name="NumericButtonCount"
                          kino:Form.Label="NumericButtonCount"
                          Value="5"
                          Minimum="0"
                          Maximum="20" />
    <extend:IntegerUpDown Value="{Binding PageSize, Mode=TwoWay}"
                          kino:Form.Label="PageSize"
                          Minimum="1" />
    <extend:ColorPicker SelectedColor="Black"
                        kino:Form.Label="Foreground"
                        x:Name="ColorPicker" />
</kino:Form>


var list = new List<TestModel>();
for (int i = 0; i < 99; i++)
{
    list.Add(new TestModel { Name = "this is " + i });
}
var pagedCollectionView = new PagedCollectionView(list);
pagedCollectionView.PageSize = 10;
DataContext = pagedCollectionView;
XBMY
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WPF 使用 Microsoft.Toolkit.Wpf.UI.Controls 的 InkCanvas 做高性能笔迹应用
lindexi
08-05 790
本文告诉大家如何在 WPF 中应用上 UWP 的笔迹控件，从而实现性能超级高的笔迹应用的方法
Kino.Toolkit.Wpf（源码）
06-28
Kino.Toolkit.Wpf（源码）
Extended WPF Toolkit
08-04
Extended WPF Toolkit
wpf toolkit
09-19
wpf 扩展资源,各种各样的丰富控件，希望大家喜欢
推荐：DotNetProjects.Extended.Wpf.Toolkit——丰富你的WPF应用开发库
最新发布
gitblog_00059的博客
05-23 439
推荐：DotNetProjects.Extended.Wpf.Toolkit——丰富你的WPF应用开发库 项目地址:https://gitcode.com/dotnetprojects/WpfExtendedToolkit 1、项目介绍 DotNetProjects.Extended.Wpf.Toolkit 是对著名开源项目 Xceed WPF Toolkit 的一个活跃维护的分支。这个项目旨在提...
WPFToolkit.dll
06-10
WPFToolkit.dllWPFToolkit.dllWPFToolkit.dllWPFToolkit.dll
wpftoolkit-114314.zip
10-14
wpf 工具效果代码
Revit二次开发_WPF的使用
imfour的博客
07-21 5882
Revit中如果要获取用户输入，除了Winform，还可以使用WPF。 在这里记录一个使用WPF编写的简单窗口例子。例子中读取了Revit的自带族库路径，然后根据族库的结构生成树状列表，用户可以在树状列表中选择族载入到项目中。 不知为何，即使是一样的界面，但觉得WPF做出来的窗体比Winform的顺眼些… 窗口: WPF标签: &lt;Window x:Class="ClassLibr...
Kino.Toolkit.Wpf 是一组简单实用的 WPF 控件与工具，用于介绍自定义控件的入门
03-26
Kino.Toolkit.Wpf 是一组简单实用的 WPF 控件与工具，用于介绍自定义控件的入门。
javascript模版工具kino.razor.zip
07-18
kino.razor-一个javascript模版工具。简单易用，而且入门成本极低，对于熟悉asp.net mvc的razor模版的程序员更是0学习成本。 如何使用？ web页面使用时，只需要增加script标签引入: ...
kodi.kino.pub:适用于kino.pub的Kodi附加组件
03-19
适用于kino.pub的Kodi附加组件 3.xx版本仅适用于Kodi19。对于Kodi 17和18，请使用2.12.4版本。最显着的功能：播放前选择视频质量的功能可配置的开始屏幕项目添加了自定义上下文菜单项：“Будусмотреть”...
WPF使用IHTMLDocument2实现对网页表单的自动提交
09-12
用WPF写的一个小程序，以网易Yeah邮箱为例，利用IHTMLDocument2类实现用户名和密码自动提交以登陆邮箱。 注：需要引用引入Microsoft.mshtml.dll链接库 地址是C:\Program Files\Microsoft.NET\Primary Interop Assemblies。
wpf 分页控件
05-12
WPF自定义控件,完全原创, 采用命令绑定模式,要用分页的地方,只需要继承RepeaterPageViewModel　模型就行了,重用性,可扩展性很高,方便实用,代码包含了:ModelBase类,RelayCommand类,很实用的.还用到了WPFToolkit.Extended.dll做WPF控件. 同行朋友们下载试用后作个评价吧.
Kino.Murman.Py-开源
04-23
Kino.Murman.Py-摩尔曼斯克（俄罗斯）电影院时间表提取器
wpf --自定义控件的transeform
xiaochongchong1248的专栏
11-19 952
 WPF不可以对非WPF控件进行Transform操作，但是对于我们自定义的控件仍然可以曝露消息进行一些Transform 操作，Transform 一般来说就是Matrix的实现，对于Matrix我们先来做道题：　　已知圆心O(0,0) ，在坐标轴上有一点P( x , y )， 逆时针旋转OP a度，使得P点到P1(x1,y1),用x,y表示p1点的坐标。<img onclick="fu
[WPF自定义控件库] 让Form在加载后自动获得焦点
dino.c
06-02 459
1. 需求 加载后让第一个输入框或者焦点是个很基本的功能，典型的如“登录”对话框。一般来说“登录”对话框加载后“用户名”应该马上获得焦点，用户只需输入用户名，点击Tab，再输入密码，点击回车就完成了登录操作。 在WPF中要让一个控件在加载时获得焦点应该很简单，只需要在Loaded事件后调用Focus()就行了。但有时表单是动态添加的，或者第一个表单元素会根据某些条件显示或隐藏，这时很难简单地让第一...
Extended WPF toolkit
热门推荐
码农, 农民工的程序人生
08-15 1万+
今天反编译一个ＭＳ的ＷＰＦ项目，发现里面有些漂亮实用的控件。但是怎么用好这个dll(WPFToolkit.Extended)。于是到网上查了一下并稍加总结。WPFToolkit.Extended是微软开源的一个dll。有兴趣的朋友可以拿到源码或者反编译它，目前最新版是v1.6.0 包含 30 控件: 1. 可以点击下面的链接去看下功能 2. 由于历史等原因，有些
WPF 控件模板
韬光养晦
03-09 189
WPF 控件模板 下面以Button控件为例： <Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:Themes="clr-na...
#小程序://9kino+/sfpuyjpqvufpcwd
10-05
我遇到困难时，我会先冷静下来，并仔细分析问题的根本原因。我相信“科学才是推动社会进步的引擎”，所以我会采取科学的方法来解决问题。 首先，我会收集相关的信息和数据，以便更好地了解问题的背景和复杂性。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值