还是我之前写的项目,详见:大饼.png
尽管逻辑部分仍没有完成,但是我还是毅然地决定抛弃写了半个月的HandyControl转投iNKORE.ui,这当然也是为了以后给2.0版本的CI写插件做准备(自己先练个手())
但是我混用hc和ui的样式的时候ui几乎总是(?)被覆盖,考虑到逐个替换控件并安排布局可能耗时较长,我希望能实时预览修改后的结果,咋办?
示例代码如下
<hc:Window x:Class="DocumentHelper.AddRowWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:DocumentHelper"
xmlns:hc="https://handyorg.github.io/handycontrol"
xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
xmlns:properties="clr-namespace:DocumentHelper.Properties"
xmlns:sys="clr-namespace:System;assembly=mscorlib"
mc:Ignorable="d"
Title="新建条目" Height="380" Width="650" Closing="Window_Closing" Icon="/Icon.png">
<hc:Window.CommandBindings>
<CommandBinding Command="local:AddRowWindow.CommitCommand" CanExecute="CommitCommand_CanExecute" Executed="CommitCommand_Executed"/>
</hc:Window.CommandBindings>
<Grid>
<!-- 背景图片 -->
<Image Source="/background.png" Stretch="UniformToFill" Opacity="1" Margin="0"/>
<!-- 磨砂玻璃层 -->
<Border Background="#B3FFFFFF" CornerRadius="8" Margin="0">
<Border.Effect>
<BlurEffect Radius="15" KernelType="Gaussian"/>
</Border.Effect>
</Border>
<Border Background="#00FFFFFF" CornerRadius="5" Margin="20" HorizontalAlignment="Stretch">
<hc:SimpleStackPanel>
<hc:SimpleStackPanel Orientation="Horizontal" Height="40" HorizontalAlignment="Center" VerticalAlignment="Top">
<hc:SimpleStackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,5,10,5">
<hc:SimpleText Text="姓名:" VerticalAlignment="Center" Width="110" TextAlignment="Right"/>
<TextBox x:Name="StudentNameBox" HorizontalAlignment="Stretch" Width="150" ui:ControlHelper.PlaceholderText="键入姓名"/>
<TextBox ui:ControlHelper.Header="Enter your name:" ui:ControlHelper.PlaceholderText="Name" Width="100"/>
<!--这里两个TextBox都只能显示hc的样式-->
</hc:SimpleStackPanel>
<hc:SimpleStackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,5,10,5">
<hc:SimpleText Text="民族:" VerticalAlignment="Center" Width="110" TextAlignment="Right"/>
<ComboBox x:Name="NationBox" HorizontalAlignment="Stretch" Width="150"/>
</hc:SimpleStackPanel>
</hc:SimpleStackPanel>
<hc:SimpleStackPanel Orientation="Horizontal" Height="40" HorizontalAlignment="Center" VerticalAlignment="Top">
<hc:SimpleStackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,5,10,5">
<hc:SimpleText Text="身份证号:" VerticalAlignment="Center" Width="110" TextAlignment="Right"/>
<hc:TextBox x:Name="PinBox" HorizontalAlignment="Stretch" Width="150"/>
</hc:SimpleStackPanel>
<hc:SimpleStackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,5,10,5">
<hc:SimpleText Text="再次输入身份证号:" VerticalAlignment="Center" Width="110" TextAlignment="Right"/>
<hc:TextBox x:Name="ReconfirmedPinBox" HorizontalAlignment="Stretch" Width="150"/>
</hc:SimpleStackPanel>
</hc:SimpleStackPanel>
<hc:SimpleStackPanel Orientation="Horizontal" Height="40" HorizontalAlignment="Center" VerticalAlignment="Top">
<hc:SimpleStackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,5,10,5">
<hc:SimpleText Text="入团时间:" VerticalAlignment="Center" Width="110" TextAlignment="Right"/>
<hc:ComboBox x:Name="RegYearBox" Margin="0,0,5,0" Width="70"/>
<hc:ComboBox x:Name="RegMonthBox" Margin="5,0,0,0" Width="70"/>
</hc:SimpleStackPanel>
<hc:SimpleStackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,5,10,5">
<hc:SimpleText Text="发展编号:" VerticalAlignment="Center" Width="110" TextAlignment="Right"/>
<hc:TextBox x:Name="MemberIdBox" HorizontalAlignment="Stretch" Width="150"/>
</hc:SimpleStackPanel>
</hc:SimpleStackPanel>
<hc:SimpleStackPanel Orientation="Horizontal" Height="40" HorizontalAlignment="Center" VerticalAlignment="Top">
<hc:SimpleStackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,5,10,5">
<hc:SimpleText Text="手机号码:" VerticalAlignment="Center" Width="110" TextAlignment="Right"/>
<hc:TextBox x:Name="TelBox" HorizontalAlignment="Stretch" Width="150"/>
</hc:SimpleStackPanel>
<hc:SimpleStackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,5,10,5">
<hc:SimpleText Text="户籍地址:" VerticalAlignment="Center" Width="110" TextAlignment="Right"/>
<hc:TextBox x:Name="AddressBox" HorizontalAlignment="Stretch" Width="150"/>
</hc:SimpleStackPanel>
</hc:SimpleStackPanel>
<hc:SimpleStackPanel Orientation="Horizontal" Height="40" HorizontalAlignment="Center" VerticalAlignment="Top">
<hc:SimpleStackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,5,10,5" Width="260">
<hc:SimpleStackPanel Width="50"/>
<CheckBox x:Name="MailStatu" Content="邮箱:" VerticalAlignment="Center" HorizontalAlignment="Right" Width="60"/>
<hc:TextBox x:Name="MailBox" HorizontalAlignment="Stretch" Width="150" IsEnabled="{Binding IsChecked, ElementName=MailStatu}"/>
</hc:SimpleStackPanel>
<hc:SimpleStackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,5,10,5" Width="260"/>
</hc:SimpleStackPanel>
<hc:SimpleStackPanel Orientation="Horizontal" HorizontalAlignment="Right" Margin="0,5,10,5">
<CheckBox x:Name="VolunteerBox" Content="是否注册志愿者" VerticalAlignment="Center" Width="175" Margin="0,5,10,5"/>
</hc:SimpleStackPanel>
<hc:SimpleStackPanel Orientation="Horizontal" Height="40" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,35,0,0">
<Button Content="取消" IsCancel="True" Margin="10,0,10,0" x:Name="CancelButton" HorizontalAlignment="Center" Width="100" Height="30" Click="CancelButton_Click"/>
<Button Content="确认" IsDefault="True" Margin="10,0,10,0" x:Name="CommitButton" HorizontalAlignment="Center" Width="100" Height="30" Background="#326CF3" Foreground="White" Command="local:AddRowWindow.CommitCommand"/>
</hc:SimpleStackPanel>
</hc:SimpleStackPanel>
</Border>
</Grid>
</hc:Window>