篇一：WPF常用知識以及本項目設計總結：http://www.cnblogs.com/baiboy/p/wpf.html
篇二：基於OneNote難點突破和批量識別：http://www.cnblogs.com/baiboy/p/wpf1.html
篇三：批量處理後的txt文件入庫處理：http://www.cnblogs.com/baiboy/p/wpf2.html
篇四：關於OneNote入庫處理以及審覈：http://www.cnblogs.com/baiboy/p/wpf3.html
【小記】：大膽嘗試才能突破，某個中醫藥大學有一批圖片需要處理（ORC），然後進行數據挖掘。之前沒有接觸過ORC這個東西，但是還是應允了。在網上搜索一番，關於中文圖片識別，最終敲定爲基於微軟的OneNote，其識別率相對較高。網上這個技術點的資料真心不多，後來於博客園找到一篇博文，但是那個程序還是bug百出，而且只是單處理。後來經過一番摸索逐個突破，批處理完成。然後進行界面設計，這些零碎工作完成後，便是入庫處理。由於OneNote生成的xml文件封裝好的，即不可視的。便將其代碼處理生成txt文件，再進行Oracle入庫處理。入庫前需要文件內容審覈，並且在WPF開發中數據綁定和分頁中做了獨特處理。現在經過半個月的工作，本項目做個階段總結。一則知識總結便於二次開發，儘量保持程序流暢性，核心知識做以梳理；另外，相關WPF和OneNote常用技術共享，便於部分園友所需。本人技術有限，歡迎交流。項目還未結束，暫作階段文章發佈，隨後相繼發佈。
篇一：WPF常用知識以及本項目設計總結
【1】開篇之始粘貼下WPF設計界面與前臺代碼如下：（後臺實現以及內部分析放在第二篇）
![]()
本頁面xaml完整代碼：
![]()
![複製代碼]()
<Window x:Class="OnenoteOCRDemo.Main"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="ORC系統版本1.0" Width="1024"
Icon="/OnenoteOCRDemo;component/onenote-2010-icon.png"
Background="#FF255174"
BorderBrush="#FF255174"
Opacity="1" AllowsTransparency="False"
WindowStartupLocation="CenterScreen"
WindowState="Maximized"
WindowStyle="SingleBorderWindow"
VerticalAlignment="Stretch"
VerticalContentAlignment="Top"
Closing="Window_Closing">
<Grid>
<Border BorderBrush="#FF02CBFF" Background="#FF01354C"
BorderThickness="1">
<DockPanel x:Name="LayoutRoot" LastChildFill="true">
<!--窗體頭部-->
<StackPanel x:Name="pnlTitle" DockPanel.Dock="Top" Height="21">
<StackPanel.Background>
<ImageBrush ImageSource="style\b3.png" Stretch="Fill"/>
</StackPanel.Background>
<DockPanel >
<Image Source="style\onenote.png" Height="16" Width="16"/>
<Label x:Name="lblTitle" Content="基於OneNote的ORC系統" DockPanel.Dock="Left" Foreground="White"/>
<WrapPanel HorizontalAlignment="Right">
<Image x:Name="btnMin" VerticalAlignment="Top" Margin="0,0,3,0"/>
<Image x:Name="btnMax" VerticalAlignment="Top" Margin="0,0,3,0"/>
<Image x:Name="btnClose" VerticalAlignment="Top" Margin="0,0,3,0"/>
</WrapPanel>
</DockPanel>
</StackPanel>
<!--窗體logo-->
<StackPanel DockPanel.Dock="Top" >
<StackPanel.Background>
<ImageBrush ImageSource="style\bg.png" Stretch="Fill"/>
</StackPanel.Background>
<WrapPanel Height="105">
<Label x:Name="lblKnectList" Height="50" FontSize="35" Content="基於OneNote的ORC圖片處理系統" Margin="100,35,0,0" Width="560">
<Label.Foreground>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF01354B" Offset="0" />
<GradientStop Color="#FF00080E" Offset="1" />
<GradientStop Color="#FF235071" Offset="0.073" />
<GradientStop Color="#FFEECCCC" Offset="0.11" />
<GradientStop Color="#FF7F2426" Offset="0.727" />
<GradientStop Color="#FF722123" Offset="0.927" />
</LinearGradientBrush>
</Label.Foreground>
</Label>
</WrapPanel>
<!--<DockPanel Background="#FF1D77AD">
<Image Height="105" Source="style\bg.png" Stretch="Fill" />
<WrapPanel HorizontalAlignment="Right">
<TextBlock x:Name="txtSrc" Foreground="Yellow"></TextBlock>
<TextBlock x:Name="txtMsg" Foreground="Yellow"></TextBlock>
</WrapPanel>
<WrapPanel HorizontalAlignment="Left">
<Label x:Name="lblK" Height="35" Content="基於OneNote的ORC系統" FontSize="30" Margin="0,5,0,0" />
</WrapPanel>
</DockPanel>-->
</StackPanel>
<!--進度條-->
<StackPanel DockPanel.Dock="Top" Height="33">
<StackPanel.Background>
<ImageBrush ImageSource="style\b2.png" Stretch="Fill"/>
</StackPanel.Background>
<WrapPanel>
<Label x:Name="lb" FontWeight="ExtraBlack" Height="33" Content=">>" Foreground="Red" Margin="0,5,0,0" />
<Label x:Name="labMsg" Height="33" Content="" Margin="0,5,0,0" Foreground="White"/>
<ProgressBar Height="20" HorizontalAlignment="Left" Name="pb_import" VerticalAlignment="Top" Width="300" Margin="21,7,0,0" Grid.Row="5" />
</WrapPanel>
</StackPanel>
<!--底部-->
<StackPanel DockPanel.Dock="Bottom" Height="33">
<StackPanel.Background>
<ImageBrush ImageSource="style\b2.png" Stretch="Fill"/>
</StackPanel.Background>
<DockPanel>
<Label x:Name="lblVersion" Content="基於OneNote的ORC圖片處理系統1.0" Foreground="White" DockPanel.Dock="Left" Margin="440,3,0,0"/>
<WrapPanel HorizontalAlignment="Right">
<Label x:Name="lblCopyright" DockPanel.Dock="Left" Margin="0,3,0,0"/>
<ResizeGrip Height="33"/>
</WrapPanel>
</DockPanel>
</StackPanel>
<!--內容-->
<StackPanel x:Name="pnlContent">
<!--文件批處理的輸出窗口-->
<StackPanel DockPanel.Dock="Top">
<DockPanel>
<!--Margin:left,top,right,bottom-->
<StackPanel Width="250" Height="33" DockPanel.Dock="Right" Margin="3,3,3,0">
<StackPanel.Background>
<ImageBrush ImageSource="style\b1.png" Stretch="Fill"/>
</StackPanel.Background>
<WrapPanel>
<Image Width="18" Height="18" Stretch="Fill" Source="style\logo1.gif"/>
<Label x:Name="lblKinectSet" Height="28" Content="ORC操作" Margin="0,5,0,0" Foreground="#FF074576"/>
</WrapPanel>
</StackPanel>
<StackPanel Height="33" Margin="3,3,3,0">
<StackPanel.Background>
<ImageBrush ImageSource="style\b1.png" Stretch="Fill"/>
</StackPanel.Background>
<WrapPanel>
<Image Width="18" Height="18" Stretch="Fill" Source="style\logo1.gif"/>
<Label x:Name="lblKinectList" Height="33" Content="輸出窗口" Margin="0,5,0,0" Foreground="#FF074576"/>
</WrapPanel>
</StackPanel>
</DockPanel>
</StackPanel>
<!--orc操作欄-->
<StackPanel DockPanel.Dock="Top">
<DockPanel>
<StackPanel DockPanel.Dock="Right" Width="250" Background="#e7f6fe" Margin="3,5,3,0">
<WrapPanel Grid.Row="0" Grid.Column="0">
<RadioButton Name="rbtn本地圖片" Margin="3" Content="待處理目錄" IsChecked="True" VerticalAlignment="Center" GroupName="img" Checked="rbtn本地圖片_Checked" />
<TextBox Name="txtfile" Margin="3" MinWidth="244" Height="25" VerticalContentAlignment="Center" Width="244" />
<Button Name="btn瀏覽" Content="瀏覽(_W)" Margin="3" Padding="3" MinWidth="60" Width="75" Click="btn瀏覽_Click_1" />
</WrapPanel>
<WrapPanel Background="#FF01354C">
<Image Height="5" Stretch="Fill" />
</WrapPanel>
<WrapPanel Grid.Row="0" Grid.Column="0" Width="250">
<Label Name="lab輸出目錄" Content="輸出目錄：" Margin="3" VerticalContentAlignment="Center" />
<TextBox Name="txt輸出目錄" Margin="3" MinWidth="244" Height="25" VerticalContentAlignment="Center" Width="244" />
<Button Name="btn輸出瀏覽" Content="瀏覽(_Q)" Margin="3" Padding="3" MinWidth="50" Click="btn輸出瀏覽_Click" />
</WrapPanel>
<WrapPanel Background="#FF01354C">
<Image Height="5" Stretch="Fill" />
</WrapPanel>
<StackPanel Grid.Row="0" Grid.Column="1" VerticalAlignment="Center">
<Button Name="btnOCR" Content="OCR(_O)" Margin="3" Padding="3" MinWidth="50" Click="btnOCR_Click" />
<Button Name="btn清空" Content="清空文本框" Margin="3" Padding="3" MinWidth="50" Click="btn清空_Click" />
</StackPanel>
</StackPanel>
<StackPanel Background="#e7f6fe" Margin="3,0,3,0">
<Viewbox Stretch="Fill">
<WrapPanel Orientation="Horizontal" Background="#FFE7F6FE">
<Grid Margin="5" ClipToBounds="True">
<Image x:Name="imageColor" Width="320" Height="240"/>
<Canvas x:Name="canvasColor" Background="#FFE7F6FE" HorizontalAlignment="Left" Width="320">
<ScrollViewer Width="320" Height="240">
<ScrollViewer.Content>
<TextBlock Name="txtmulu" TextWrapping="Wrap" Background="White"
FontSize="10" Foreground="Red" Opacity="0.5" />
</ScrollViewer.Content>
</ScrollViewer>
</Canvas>
</Grid>
<Grid Margin="5" ClipToBounds="True">
<Image x:Name="imageDepth" Width="320" Height="240"/>
<Canvas x:Name="canvasDepth" Background="#FFE7F6FE">
<ScrollViewer Width="320" Height="240">
<ScrollViewer.Content>
<TextBlock Name="OCRtxt" TextWrapping="WrapWithOverflow" FontSize="10" Foreground="Green" Opacity="0.5" Background="White" />
</ScrollViewer.Content>
</ScrollViewer>
<TextBlock Name="txtOCRed" Background="Gray" Visibility="Hidden" />
</Canvas>
</Grid>
</WrapPanel>
</Viewbox>
</StackPanel>
</DockPanel>
</StackPanel>
</StackPanel>
</DockPanel>
</Border>
</Grid>
</Window>
![複製代碼]()
本頁面採用xaml語言中面板DockPanel控件進行佈局。子功能實現分拆總結：
1、Window窗體常用屬性有哪些？<Window></Window>
- 是否支持透明：AllowsTransparency，布爾類型。用法：AllowsTransparency="False"
- 加載時圖片顯示：Icon="/OnenoteOCRDemo;component/onenote-2010-icon.png"
- 設置背景： Background="#FF255174"
- 邊框畫刷： BorderBrush="#FF255174"
- 透明度：Opacity="1"
- 頁面加載屏顯： WindowStartupLocation="CenterScreen"
- 設置窗體狀態：枚舉類型， WindowState="Maximized"
2、容器中（StackPanel、Grid、Canvas等）如何加圖片背景？
1
2
3
4
5
6
7
8
9
<StackPanel>
<StackPanel.Background>
<ImageBrush
ImageSource="style\b3.png"Stretch="Fill"/>
</StackPanel.Background>
</StackPanel>
3、控件中如何設置漸進式背景和文字？（Label爲例）
![]()
- 如上圖背景設置：
-
1
2
3
<StackPanel.Background>
<ImageBrush
ImageSource="style\bg.png" Stretch="Fill"/>
</StackPanel.Background>
- 如上圖文字設置：
<Label x:Name="lblKnectList" Height="50" FontSize="35" Content="基於OneNote的ORC圖片處理系統" Margin="100,35,0,0" Width="560"> <Label.Foreground> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF01354B" Offset="0" /> <GradientStop Color="#FF00080E" Offset="1" /> <GradientStop Color="#FF235071" Offset="0.073" /> <GradientStop Color="#FFEECCCC" Offset="0.11" /> </LinearGradientBrush> </Label.Foreground> </Label>
4、StackPanel等容器如何放在多個控件，以及進度條控件使用？
1
2
3
4
5
6
7
<StackPanel
DockPanel.Dock="Top" Height="33">
<WrapPanel>
<Label
x:Name="lb" FontWeight="ExtraBlack" Height="33" Content=">>" Foreground="Red" Margin="0,5,0,0" />
<Label
x:Name="labMsg" Height="33" Content="" Margin="0,5,0,0" Foreground="White"/>
<ProgressBar
Height="20" HorizontalAlignment="Left" Name="pb_import" VerticalAlignment="Top" Width="300" Margin="21,7,0,0" Grid.Row="5" />
</WrapPanel>
</StackPanel>
5、如何在文本框中加入滾動條？（在TextBlock外加入ScrollViewer）
1
2
3
4
5
<ScrollViewer>
<ScrollViewer.Content>
<TextBlock
Name="txtmulu" TextWrapping="Wrap" Background="White" FontSize="10" Foreground="Red" Opacity="0.5" />
</ScrollViewer.Content>
</ScrollViewer>
【2】在文本入庫窗體Grid佈局完整效果及代碼如下：（通過控件格式化，鼠標移動文字變色，數據控件隔行變色，分頁效果等）
![]()
完整代碼：
![]()
![複製代碼]()
<Window x:Class="OnenoteOCRDemo.TextData"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:my="clr-namespace:OnenoteOCRDemo"
Title="ORC系統版本1.0" Width="1300" Height="750"
Icon="/OnenoteOCRDemo;component/onenote-2010-icon.png"
Background="#FF255174"
BorderBrush="#FF255174"
Opacity="1"
AllowsTransparency="False"
WindowStartupLocation="CenterScreen"
WindowState="Maximized"
VerticalAlignment="Stretch"
VerticalContentAlignment="Top" Loaded="Window_Loaded">
<Grid>
<!--自定義樣式-->
<Grid.Resources>
<!--TextBlock-->
<Style x:Key="PageTextBlock1" TargetType="{x:Type TextBlock}">
<Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="HorizontalAlignment" Value="Left" />
<Setter Property="FontSize" Value="13" />
<Setter Property="FontWeight" Value="Bold" />
<Setter Property="Foreground" Value="White" />
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Foreground" Value="#FFE51515" />
<Setter Property="FontWeight" Value="Bold" />
</Trigger>
<Trigger Property="IsEnabled" Value="False">
<Setter Property="Foreground" Value="#FFE51515" />
<Setter Property="FontWeight" Value="Bold" />
</Trigger>
</Style.Triggers>
</Style>
<!--中間頁數-->
<Style x:Key="RichTextBox" TargetType="{x:Type RichTextBox}">
<Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="HorizontalAlignment" Value="Left" />
<Setter Property="Margin" Value="10,10,0,0" />
<Setter Property="Height" Value="50" />
<Setter Property="Width" Value="400" />
<Setter Property="FontSize" Value="15" />
<Setter Property="Cursor" Value="Hand" />
<Setter Property="Foreground" Value="White" />
<Setter Property="Background">
<Setter.Value>
<ImageBrush ImageSource="/OnenoteOCRDemo;component/Images/Page_TextBack.png" ></ImageBrush>
</Setter.Value>
</Setter>
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Foreground" Value="#FFE51515" />
<Setter Property="FontWeight" Value="Bold" />
</Trigger>
<Trigger Property="IsEnabled" Value="False">
<Setter Property="Foreground" Value="#FFE51515" />
<Setter Property="FontWeight" Value="Bold" />
</Trigger>
</Style.Triggers>
</Style>
<Style x:Key="PageTextBox" TargetType="{x:Type TextBox}">
<Setter Property="Height" Value="25" />
<Setter Property="Width" Value="60" />
<Setter Property="Margin" Value="10,0,0,0" />
<Setter Property="BorderBrush" Value="{x:Null}" />
<Setter Property="HorizontalAlignment" Value="Left" />
<Setter Property="VerticalAlignment" Value="Bottom" />
<Setter Property="Background">
<Setter.Value>
<ImageBrush ImageSource="/OnenoteOCRDemo;component/Images/Page_TextBack.png" ></ImageBrush>
</Setter.Value>
</Setter>
<Style.Triggers>
<Trigger Property="IsReadOnly" Value="True">
<Setter Property="Background" Value="White" />
</Trigger>
</Style.Triggers>
</Style>
<Style x:Key="PageButton" TargetType="{x:Type Button}">
<Setter Property="Height" Value="25" />
<Setter Property="Width" Value="30" />
<Setter Property="Foreground" Value="White" />
<Setter Property="HorizontalAlignment" Value="Left" />
<Setter Property="VerticalAlignment" Value="Bottom" />
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Foreground" Value="#FFE51515" />
<Setter Property="FontWeight" Value="Bold" />
</Trigger>
<Trigger Property="IsEnabled" Value="False">
<Setter Property="Foreground" Value="#FFE51515" />
<Setter Property="FontWeight" Value="Bold" />
</Trigger>
</Style.Triggers>
</Style>
</Grid.Resources>
<Grid.Background>
<ImageBrush ImageSource="style\bg.png" Stretch="Fill"/>
</Grid.Background>
<Grid.RowDefinitions>
<RowDefinition Height="30"/>
<RowDefinition Height="300"/>
<RowDefinition Height="30"/>
<RowDefinition Height="320"/>
<RowDefinition Height="30" />
</Grid.RowDefinitions>
<!--頭部-->
<Canvas Grid.Row="0">
<Canvas.Background>
<ImageBrush ImageSource="style\b3.png" Stretch="Fill"/>
</Canvas.Background>
<Image Source="style\onenote.png" Height="16" Width="16"/>
<Label x:Name="lblTitle" Content="中醫文獻信息：" Margin="20,0,3,0" Foreground="White"/>
<WrapPanel HorizontalAlignment="Right">
<Image x:Name="btnMin" VerticalAlignment="Top" Margin="0,0,3,0"/>
<Image x:Name="btnMax" VerticalAlignment="Top" Margin="0,0,3,0"/>
<Image x:Name="btnClose" VerticalAlignment="Top" Margin="0,0,3,0"/>
</WrapPanel>
</Canvas>
<!--內容-->
<Canvas Grid.Row="1" >
<TextBlock Height="23" Style="{StaticResource PageTextBlock1}" Margin="12,27,0,0" Name="textBlock1" Text="文獻名：" Canvas.Left="8" Canvas.Top="-1" />
<TextBox Height="23" Style="{StaticResource PageTextBox}" Margin="54,24,0,0" Name="txtdocname" VerticalAlignment="Top" Width="120" Foreground="#FFE51515" Canvas.Left="24" Canvas.Top="0" />
<TextBlock Canvas.Left="248" Canvas.Top="27" Height="23" Name="textBlock2" Style="{StaticResource PageTextBlock1}" Text="年代：" />
<TextBox Canvas.Left="284" Canvas.Top="21" Foreground="#FFE51515" Height="23" Name="txtyears" Style="{StaticResource PageTextBox}" Width="120" />
<TextBlock Canvas.Left="428" Canvas.Top="24" Height="23" Name="textBlock3" Style="{StaticResource PageTextBlock1}" Text="文獻類型：" />
<TextBox Canvas.Left="489" Canvas.Top="22" Foreground="#FFE51515" Height="23" Name="txtdoctype" Style="{StaticResource PageTextBox}" Width="120" />
<TextBlock Canvas.Left="628" Canvas.Top="92" Height="23" Name="textBlock4" Style="{StaticResource PageTextBlock1}" Text="內容提要：" />
<TextBox Canvas.Left="689" Canvas.Top="87" Foreground="#FFE51515" Height="23" Name="txtsummary" Style="{StaticResource PageTextBox}" Width="120" />
<TextBlock Canvas.Left="654" Canvas.Top="24" Height="23" Name="textBlock5" Style="{StaticResource PageTextBlock1}" Text="作者：" />
<TextBox Canvas.Left="689" Canvas.Top="27" Foreground="#FFE51515" Height="23" Name="txtauthor" Style="{StaticResource PageTextBox}" Width="120" />
<TextBlock Canvas.Left="848" Canvas.Top="29" Height="23" Name="textBlock6" Style="{StaticResource PageTextBlock1}" Text="文獻出處：" />
<TextBox Canvas.Left="909" Canvas.Top="29" Foreground="#FFE51515" Height="23" Name="txtsource" Style="{StaticResource PageTextBox}" Width="120" />
<TextBlock Canvas.Left="1045" Canvas.Top="29" Height="23" Name="textBlock7" Style="{StaticResource PageTextBlock1}" Text="出處類型：" />
<TextBox Canvas.Left="1118" Canvas.Top="29" Foreground="#FFE51515" Height="23" Name="txtsourcetype" Style="{StaticResource PageTextBox}" Width="120" />
<TextBlock Canvas.Left="454" Canvas.Top="79" Height="23" Name="textBlock8" Style="{StaticResource PageTextBlock1}" Text="備註：" />
<TextBox Canvas.Left="489" Canvas.Top="77" Foreground="#FFE51515" Height="23" Name="txtmemo" Style="{StaticResource PageTextBox}" Width="120" />
<TextBlock Canvas.Left="32" Canvas.Top="81" Height="23" Name="textBlock9" Style="{StaticResource PageTextBlock1}" Text="標題：" />
<TextBox Canvas.Left="68" Canvas.Top="79" Foreground="#FFE51515" Name="txttitle" Style="{StaticResource PageTextBox}" Height="23" Width="120" />
<TextBlock Canvas.Left="222" Canvas.Top="79" Height="23" Name="textBlock10" Style="{StaticResource PageTextBlock1}" Text="英文標題：" />
<TextBox Canvas.Left="284" Canvas.Top="79" Foreground="#FFE51515" Height="23" Name="txtenglishtitle" Style="{StaticResource PageTextBox}" Width="120" />
<TextBlock Canvas.Left="6" Canvas.Top="131" Height="23" Name="textBlock11" Style="{StaticResource PageTextBlock1}" Text="著者單位：" />
<TextBox Canvas.Left="68" Canvas.Top="129" Foreground="#FFE51515" Height="23" Name="txtcompany" Style="{StaticResource PageTextBox}" Width="120" />
<TextBlock Canvas.Left="235" Canvas.Top="130" Height="23" Name="textBlock12" Style="{StaticResource PageTextBlock1}" Text="關鍵詞：" />
<TextBox Canvas.Left="284" Canvas.Top="128" Foreground="#FFE51515" Height="23" Name="txtkeyword" Style="{StaticResource PageTextBox}" Width="120" />
<TextBlock Canvas.Left="428" Canvas.Top="133" Height="23" Name="textBlock13" Style="{StaticResource PageTextBlock1}" Text="文獻內容：" />
<TextBox Canvas.Left="489" Canvas.Top="133" Foreground="#FFE51515" Height="23" Name="txtcontent" Style="{StaticResource PageTextBox}" Width="120" />
<TextBlock Canvas.Left="654" Canvas.Top="135" Height="23" Name="textBlock14" Style="{StaticResource PageTextBlock1}" Text="摘要：" />
<TextBox Canvas.Left="689" Canvas.Top="135" Foreground="#FFE51515" Height="23" Name="txtdigest" Style="{StaticResource PageTextBox}" Width="120" />
<TextBlock Canvas.Left="1045" Canvas.Top="92" Height="23" Name="textBlock15" Style="{StaticResource PageTextBlock1}" Text="文本文件：" />
<TextBox Canvas.Left="1118" Canvas.Top="87" Foreground="#FFE51515" Height="23" Name="txtpath" Style="{StaticResource PageTextBox}" Width="120" />
<TextBlock Canvas.Left="848" Canvas.Top="92" Height="23" Name="textBlock16" Style="{StaticResource PageTextBlock1}" Text="相關病例：" />
<!--<RichTextBox Height="200" Width="200" />-->
<TextBox Canvas.Left="909" Canvas.Top="90" Foreground="#FFE51515" Height="23" Name="txtdisease" Style="{StaticResource PageTextBox}" Width="120" />
<Button Content="刷新" Style="{StaticResource PageButton}" Margin="12,101,0,0" Name="btnShua" Width="75" Canvas.Left="-7" Canvas.Top="174" />
<Button Content="添加" Style="{StaticResource PageButton}" Margin="12,101,0,0" Name="btnAdd" Width="75" Canvas.Left="269" Canvas.Top="174" Click="btnAdd_Click" />
<Button Content="修改" Style="{StaticResource PageButton}" Margin="132,101,0,0" Name="btnUpdate" Width="75" Canvas.Left="-35" Canvas.Top="174" />
<Button Content="刪除" Style="{StaticResource PageButton}" Margin="0,101,639,0" Name="btnDelete" Width="75" Canvas.Left="194" Canvas.Top="174" Click="btnDelete_Click" />
</Canvas>
<Canvas Grid.Row="2">
<Canvas.Background>
<ImageBrush ImageSource="style\b2.png" Stretch="Fill"/>
</Canvas.Background>
<Label Content="中醫文獻信息查詢" FontSize="14" Foreground="White" />
</Canvas>
<DataGrid Name="dataGrid1" Grid.Row="3" CanUserAddRows="False" IsReadOnly="True"
AlternationCount="2" FrozenColumnCount="2"
AutoGenerateColumns="False" >
<DataGrid.Columns>
<DataGridTemplateColumn Header="選擇" Width="1*">
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<CheckBox Tag="{Binding ID}" Click="CheckBox_Click"></CheckBox>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
<DataGridTextColumn Header="文獻名" Width="1*" Binding="{Binding DOCNAME}"/>
<DataGridTextColumn Header="年代" Width="1*" Binding="{Binding YEARS}"/>
<DataGridTextColumn Header="文獻類型" Width="1*" Binding="{Binding DOCTYPE}"/>
<DataGridTextColumn Header="內容提要" Width="1*" Binding="{Binding SUMMARY}"/>
<DataGridTextColumn Header="作者" Width="1*" Binding="{Binding AUTHOR}"/>
<DataGridTextColumn Header="文獻出處" Width="1*" Binding="{Binding SOURCE}"/>
<DataGridTextColumn Header="出處類型" Width="1*" Binding="{Binding SOURCETYPE}"/>
<DataGridTextColumn Header="備註" Width="1*" Binding="{Binding MEMO}"/>
<DataGridTextColumn Header="標題" Width="1*" Binding="{Binding TITLE}"/>
<DataGridTextColumn Header="英文標題" Width="1*" Binding="{Binding ENGLISHTITLE}"/>
<DataGridTextColumn Header="著者單位" Width="1*" Binding="{Binding AUTHORCOMPANY}"/>
<DataGridTextColumn Header="關鍵詞" Width="1*" Binding="{Binding KEYWORD}"/>
<DataGridTextColumn Header="文獻內容" Width="1*" Binding="{Binding CONTENT}"/>
<DataGridTextColumn Header="摘要" Width="1*" Binding="{Binding DIGEST}"/>
<DataGridTextColumn Header="文獻內容文本文件" Width="1*" Binding="{Binding PATH}"/>
<DataGridTextColumn Header="相關病例" Width="1*" Binding="{Binding DISEASE}"/>
<DataGridTextColumn Header="是否審覈" Binding="{Binding AUDITFLAG}" Width="1*"/>
<DataGridTemplateColumn Header="操作" Width="1*">
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<CalendarButton ></CalendarButton>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
</DataGrid.Columns>
</DataGrid>
<!--分頁-->
<Canvas Grid.Row="4">
<Canvas.Background>
<ImageBrush ImageSource="style\b2.png" Stretch="Fill"/>
</Canvas.Background>
<my:page x:Name="page1" Height="30" VerticalAlignment="Top"></my:page>
</Canvas>
</Grid>
</Window>
![複製代碼]()
6，如何設置格式？全局格式以及局部格式設置？
- 全局格式設置：首先打開App.xaml，裏面進行配置，代碼如下：
-
![]()
![複製代碼]()
<Application x:Class="OnenoteOCRDemo.App"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
StartupUri="TextData.xaml">
<Application.Resources>
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Style TargetType="DataGrid">
<!--網格線顏色-->
<Setter Property="CanUserResizeColumns" Value="false" />
<Setter Property="Background" Value="#E6DBBB" />
<Setter Property="BorderBrush" Value="#d6c79b" />
<Setter Property="HorizontalGridLinesBrush">
<Setter.Value>
<SolidColorBrush Color="#d6c79b" />
</Setter.Value>
</Setter>
<Setter Property="VerticalGridLinesBrush">
<Setter.Value>
<SolidColorBrush Color="#d6c79b" />
</Setter.Value>
</Setter>
</Style>
<!--標題欄樣式-->
<!--<Style TargetType="DataGridColumnHeader" >
<Setter Property="Width" Value="50"/>
<Setter Property="Height" Value="30"/>
<Setter Property="FontSize" Value="14" />
<Setter Property="Background" Value="White" />
<Setter Property="FontWeight" Value="Bold"/>
</Style>-->
<Style TargetType="DataGridColumnHeader">
<Setter Property="SnapsToDevicePixels" Value="True" />
<Setter Property="MinWidth" Value="0" />
<Setter Property="MinHeight" Value="28" />
<Setter Property="Foreground" Value="#323433" />
<Setter Property="FontSize" Value="14" />
<Setter Property="Cursor" Value="Hand" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="DataGridColumnHeader">
<Border x:Name="BackgroundBorder" BorderThickness="0,1,0,1" BorderBrush="#e6dbba" Width="Auto">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<ContentPresenter Margin="0,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Center" />
<Path x:Name="SortArrow" Visibility="Collapsed" Data="M0,0 L1,0 0.5,1 z" Stretch="Fill" Grid.Column="2"
Width="8"
Height="6"
Fill="White"
Margin="0,0,50,0"
VerticalAlignment="Center"
RenderTransformOrigin="1,1" />
<Rectangle Width="1"
Fill="#d6c79b"
HorizontalAlignment="Right"
Grid.ColumnSpan="1" />
<!--<TextBlock Background="Red">
<ContentPresenter></ContentPresenter></TextBlock>-->
</Grid>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
<Setter Property="Height"
Value="25" />
</Style>
<!--行樣式觸發-->
<!--背景色改變必須先設置cellStyle 因爲cellStyle會覆蓋rowStyle樣式-->
<Style TargetType="DataGridRow">
<Setter Property="Background"
Value="#F2F2F2" />
<Setter Property="Height"
Value="25" />
<Setter Property="Foreground"
Value="Black" />
<Style.Triggers>
<!--隔行換色-->
<Trigger Property="AlternationIndex"
Value="0">
<Setter Property="Background"
Value="#e7e7e7" />
</Trigger>
<Trigger Property="AlternationIndex"
Value="1">
<Setter Property="Background"
Value="#f2f2f2" />
</Trigger>
<Trigger Property="IsMouseOver"
Value="True">
<Setter Property="Background"
Value="#fbe178" />
<!--<Setter Property="Foreground" Value="White"/>-->
</Trigger>
<Trigger Property="IsSelected"
Value="True">
<Setter Property="Foreground"
Value="Black" />
</Trigger>
</Style.Triggers>
</Style>
<!--單元格樣式觸發-->
<Style TargetType="DataGridCell">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="DataGridCell">
<TextBlock TextAlignment="Center"
VerticalAlignment="Center">
<ContentPresenter />
</TextBlock>
</ControlTemplate>
</Setter.Value>
</Setter>
<Style.Triggers>
<Trigger Property="IsSelected"
Value="True">
<!--<Setter Property="Background" Value="White"/>
<Setter Property="BorderThickness" Value="0"/>-->
<Setter Property="Foreground"
Value="Black" />
</Trigger>
</Style.Triggers>
</Style>
</ResourceDictionary>
</Application.Resources>
</Application>
![複製代碼]()
- 本窗體下格式設置Grid.Resources：TextBlock文本爲例描述如下代碼，然後在TextBlock中使用Style="{StaticResource PageTextBlock1}"
-
![]()
![複製代碼]()
<Style x:Key="PageTextBlock1" TargetType="{x:Type TextBlock}">
<Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="HorizontalAlignment" Value="Left" />
<Setter Property="FontSize" Value="13" />
<Setter Property="FontWeight" Value="Bold" />
<Setter Property="Foreground" Value="White" />
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Foreground" Value="#FFE51515" />
<Setter Property="FontWeight" Value="Bold" />
</Trigger>
<Trigger Property="IsEnabled" Value="False">
<Setter Property="Foreground" Value="#FFE51515" />
<Setter Property="FontWeight" Value="Bold" />
</Trigger>
</Style.Triggers>
</Style>
![複製代碼]()
其中改變鼠標懸浮色彩變幻代碼
1
2
3
4
5
6
7
8
9
10
<Style.Triggers>
<Trigger
Property="IsMouseOver" Value="True">
<Setter
Property="Foreground" Value="#FFE51515" />
<Setter
Property="FontWeight" Value="Bold" />
</Trigger>
<Trigger
Property="IsEnabled" Value="False">
<Setter
Property="Foreground" Value="#FFE51515" />
<Setter
Property="FontWeight" Value="Bold" />
</Trigger>
</Style.Triggers>
7、Grid如何部分，分爲n個部分，分別設置不同高度？
1
2
3
4
5
6
7
<Grid.RowDefinitions>
<RowDefinition
Height="30"/>
<RowDefinition
Height="300"/>
<RowDefinition
Height="30"/>
<RowDefinition
Height="320"/>
<RowDefinition
Height="30" />
</Grid.RowDefinitions>
8、DataGrid控件如何使用？綁定數據和複選？
![]()
![複製代碼]()
<DataGrid Name="dataGrid1" Grid.Row="3" CanUserAddRows="False" IsReadOnly="True"
AlternationCount="2" FrozenColumnCount="2"
AutoGenerateColumns="False" >
<DataGrid.Columns>
<DataGridTemplateColumn Header="選擇" Width="1*">
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<CheckBox Tag="{Binding ID}" Click="CheckBox_Click"></CheckBox>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
<DataGridTextColumn Header="文獻名" Width="1*" Binding="{Binding DOCNAME}"/>
<DataGridTextColumn Header="年代" Width="1*" Binding="{Binding YEARS}"/>
<DataGridTextColumn Header="文獻類型" Width="1*" Binding="{Binding DOCTYPE}"/>
<DataGridTextColumn Header="內容提要" Width="1*" Binding="{Binding SUMMARY}"/>
<DataGridTextColumn Header="作者" Width="1*" Binding="{Binding AUTHOR}"/>
<DataGridTextColumn Header="文獻出處" Width="1*" Binding="{Binding SOURCE}"/>
<DataGridTextColumn Header="出處類型" Width="1*" Binding="{Binding SOURCETYPE}"/>
<DataGridTextColumn Header="備註" Width="1*" Binding="{Binding MEMO}"/>
<DataGridTextColumn Header="標題" Width="1*" Binding="{Binding TITLE}"/>
<DataGridTextColumn Header="英文標題" Width="1*" Binding="{Binding ENGLISHTITLE}"/>
<DataGridTextColumn Header="著者單位" Width="1*" Binding="{Binding AUTHORCOMPANY}"/>
<DataGridTextColumn Header="關鍵詞" Width="1*" Binding="{Binding KEYWORD}"/>
<DataGridTextColumn Header="文獻內容" Width="1*" Binding="{Binding CONTENT}"/>
<DataGridTextColumn Header="摘要" Width="1*" Binding="{Binding DIGEST}"/>
<DataGridTextColumn Header="文獻內容文本文件" Width="1*" Binding="{Binding PATH}"/>
<DataGridTextColumn Header="相關病例" Width="1*" Binding="{Binding DISEASE}"/>
<DataGridTextColumn Header="是否審覈" Binding="{Binding AUDITFLAG}" Width="1*"/>
<DataGridTemplateColumn Header="操作" Width="1*">
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<CalendarButton ></CalendarButton>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
</DataGrid.Columns>
</DataGrid>
![複製代碼]()
9、如何使用用戶控件：
- 建立一個新的用戶頁面page.xaml。
- 用戶控件進行設計
![]()
![複製代碼]()
<UserControl x:Class="OnenoteOCRDemo.page"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
mc:Ignorable="d" >
<UserControl.Resources>
<!--每頁{0}/共{0}條-->
<Style x:Key="PageTextBlock1" TargetType="{x:Type TextBlock}">
<Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="HorizontalAlignment" Value="Left" />
<Setter Property="FontSize" Value="13" />
<Setter Property="FontWeight" Value="Bold" />
<Setter Property="Foreground" Value="White" />
</Style>
<!--首頁上一頁等-->
<Style x:Key="PageTextBlock2" TargetType="{x:Type TextBlock}">
<Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="HorizontalAlignment" Value="Left" />
<Setter Property="Margin" Value="0,10,0,0" />
<Setter Property="Width" Value="40" />
<Setter Property="Height" Value="23" />
<Setter Property="FontSize" Value="13" />
<Setter Property="Cursor" Value="Hand" />
<Setter Property="Foreground" Value="White" />
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Foreground" Value="#FF000000" />
<Setter Property="FontWeight" Value="Bold" />
</Trigger>
</Style.Triggers>
</Style>
<!--中間頁數-->
<Style x:Key="PageTextBlock3" TargetType="{x:Type TextBlock}">
<Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="HorizontalAlignment" Value="Left" />
<Setter Property="Margin" Value="0,10,0,0" />
<Setter Property="Height" Value="23" />
<Setter Property="Width" Value="30" />
<Setter Property="FontSize" Value="10" />
<Setter Property="Cursor" Value="Hand" />
<Setter Property="Foreground" Value="White" />
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Foreground" Value="#FF000000" />
<Setter Property="FontWeight" Value="Bold" />
</Trigger>
<Trigger Property="IsEnabled" Value="False">
<Setter Property="Foreground" Value="#FF000000" />
<Setter Property="FontWeight" Value="Bold" />
</Trigger>
</Style.Triggers>
</Style>
<Style x:Key="PageTextBox" TargetType="{x:Type TextBox}">
<Setter Property="Height" Value="25" />
<Setter Property="Width" Value="40" />
<Setter Property="BorderBrush" Value="{x:Null}" />
<Setter Property="HorizontalAlignment" Value="Left" />
<Setter Property="VerticalAlignment" Value="Bottom" />
<Setter Property="Background">
<Setter.Value>
<ImageBrush ImageSource="/OnenoteOCRDemo;component/Images/Page_TextBack.png" ></ImageBrush>
</Setter.Value>
</Setter>
<Style.Triggers>
<Trigger Property="IsReadOnly" Value="True">
<Setter Property="Background" Value="White" />
</Trigger>
</Style.Triggers>
</Style>
<Style x:Key="PageButton" TargetType="{x:Type Button}">
<Setter Property="Height" Value="25" />
<Setter Property="Width" Value="30" />
<Setter Property="Foreground" Value="White" />
<Setter Property="HorizontalAlignment" Value="Left" />
<Setter Property="VerticalAlignment" Value="Bottom" />
</Style>
</UserControl.Resources>
<Grid HorizontalAlignment="Left" Height="30" Width="1024">
<Grid.Background>
<ImageBrush ImageSource="style\b2.png" Stretch="Fill"/>
</Grid.Background>
<Border CornerRadius="3" BorderBrush="{x:Null}">
<Grid HorizontalAlignment="Stretch" Margin="5 0 5 0" VerticalAlignment="Top" Width="Auto" Height="30">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="150"/>
<ColumnDefinition Width="600*" MinWidth="600"/>
</Grid.ColumnDefinitions>
<TextBlock Name="tbkRecords" Grid.Column="0" Style="{StaticResource PageTextBlock1}" />
<StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Grid.Column="1">
<Grid>
<Grid.RowDefinitions >
<RowDefinition Height="30"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="50"/>
<ColumnDefinition Width="50"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="50"/>
<ColumnDefinition Width="50"/>
<ColumnDefinition Width="50"/>
<ColumnDefinition Width="30"/>
</Grid.ColumnDefinitions>
<TextBlock Grid.Column="0" Name="btnFirst" Text="首頁" IsEnabled="False" Style="{StaticResource PageTextBlock2}" />
<TextBlock Grid.Column="1" Name="btnPrev" Text="上一頁" IsEnabled="False" Style="{StaticResource PageTextBlock2}" />
<Grid Grid.Column="2" Name="grid" >
<Grid.RowDefinitions>
<RowDefinition Height="30" ></RowDefinition>
</Grid.RowDefinitions>
</Grid>
<TextBlock Foreground="White" Grid.Column="3" Name="btnNext" Text="下一頁" IsEnabled="False" Style="{StaticResource PageTextBlock2}" />
<TextBlock Grid.Column="4" Name="btnLast" Text="未頁" IsEnabled="False" Style="{StaticResource PageTextBlock2}"/>
<TextBox Grid.Column="5" Name="pageGo" MaxLength="6" IsReadOnly="True" Style="{StaticResource PageTextBox}" />
<Button Grid.Column="6" Name="btnGo" Content="GO" IsEnabled="False" Style="{StaticResource PageButton}" />
</Grid>
</StackPanel>
</Grid>
</Border>
</Grid>
</UserControl>
![複製代碼]()
- 在引用窗體中加入<Window>：xmlns:my="clr-namespace:OnenoteOCRDemo"
- 在合適頁面引用即可：
1
<my:page
x:Name="page1" Height="30" VerticalAlignment="Top"></my:page>
【篇末】：程序中使用佈局，格式，數據綁定控件，分頁、鼠標事件、滾動條。富文本等基本控件和常用控件的使用，本篇做以開題介紹，熟悉這些基本xaml語法，甚至清楚使用，可以顯示出非常漂亮的效果。當然自己不會寫也沒關係，去網站找些，自己改成預期的效果。這樣還可以節省不少時間。下篇進入主題：主要涉及文件基本操作，ORC過程，OneNote處理原來分析，批量圖片處理和批量txt文件輸出，圖片orc成文字等具體功能。
http://www.cnblogs.com/baiboy
【小記】：大膽嘗試才能突破，某個中醫藥大學有一批圖片需要處理（ORC），然後進行數據挖掘。之前沒有接觸過ORC這個東西，但是還是應允了。在網上搜索一番，關於中文圖片識別，最終敲定爲基於微軟的OneNote，其識別率相對較高。網上這個技術點的資料真心不多，後來於博客園找到一篇博文，但是那個程序還是bug百出，而且只是單處理。後來經過一番摸索逐個突破，批處理完成。然後進行界面設計，這些零碎工作完成後，便是入庫處理。由於OneNote生成的xml文件封裝好的，即不可視的。便將其代碼處理生成txt文件，再進行Oracle入庫處理。入庫前需要文件內容審覈，並且在WPF開發中數據綁定和分頁中做了獨特處理。現在經過半個月的工作，本項目做個階段總結。一則知識總結便於二次開發，儘量保持程序流暢性，核心知識做以梳理；另外，相關WPF和OneNote常用技術共享，便於部分園友所需。本人技術有限，歡迎交流。項目還未結束，暫作階段文章發佈，隨後相繼發佈。
篇一：WPF常用知識以及本項目設計總結
【1】開篇之始粘貼下WPF設計界面與前臺代碼如下：（後臺實現以及內部分析放在第二篇）
本頁面xaml完整代碼：
<Window x:Class="OnenoteOCRDemo.Main" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="ORC系統版本1.0" Width="1024" Icon="/OnenoteOCRDemo;component/onenote-2010-icon.png" Background="#FF255174" BorderBrush="#FF255174" Opacity="1" AllowsTransparency="False" WindowStartupLocation="CenterScreen" WindowState="Maximized" WindowStyle="SingleBorderWindow" VerticalAlignment="Stretch" VerticalContentAlignment="Top" Closing="Window_Closing"> <Grid> <Border BorderBrush="#FF02CBFF" Background="#FF01354C" BorderThickness="1"> <DockPanel x:Name="LayoutRoot" LastChildFill="true"> <!--窗體頭部--> <StackPanel x:Name="pnlTitle" DockPanel.Dock="Top" Height="21"> <StackPanel.Background> <ImageBrush ImageSource="style\b3.png" Stretch="Fill"/> </StackPanel.Background> <DockPanel > <Image Source="style\onenote.png" Height="16" Width="16"/> <Label x:Name="lblTitle" Content="基於OneNote的ORC系統" DockPanel.Dock="Left" Foreground="White"/> <WrapPanel HorizontalAlignment="Right"> <Image x:Name="btnMin" VerticalAlignment="Top" Margin="0,0,3,0"/> <Image x:Name="btnMax" VerticalAlignment="Top" Margin="0,0,3,0"/> <Image x:Name="btnClose" VerticalAlignment="Top" Margin="0,0,3,0"/> </WrapPanel> </DockPanel> </StackPanel> <!--窗體logo--> <StackPanel DockPanel.Dock="Top" > <StackPanel.Background> <ImageBrush ImageSource="style\bg.png" Stretch="Fill"/> </StackPanel.Background> <WrapPanel Height="105"> <Label x:Name="lblKnectList" Height="50" FontSize="35" Content="基於OneNote的ORC圖片處理系統" Margin="100,35,0,0" Width="560"> <Label.Foreground> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FF01354B" Offset="0" /> <GradientStop Color="#FF00080E" Offset="1" /> <GradientStop Color="#FF235071" Offset="0.073" /> <GradientStop Color="#FFEECCCC" Offset="0.11" /> <GradientStop Color="#FF7F2426" Offset="0.727" /> <GradientStop Color="#FF722123" Offset="0.927" /> </LinearGradientBrush> </Label.Foreground> </Label> </WrapPanel> <!--<DockPanel Background="#FF1D77AD"> <Image Height="105" Source="style\bg.png" Stretch="Fill" /> <WrapPanel HorizontalAlignment="Right"> <TextBlock x:Name="txtSrc" Foreground="Yellow"></TextBlock> <TextBlock x:Name="txtMsg" Foreground="Yellow"></TextBlock> </WrapPanel> <WrapPanel HorizontalAlignment="Left"> <Label x:Name="lblK" Height="35" Content="基於OneNote的ORC系統" FontSize="30" Margin="0,5,0,0" /> </WrapPanel> </DockPanel>--> </StackPanel> <!--進度條--> <StackPanel DockPanel.Dock="Top" Height="33"> <StackPanel.Background> <ImageBrush ImageSource="style\b2.png" Stretch="Fill"/> </StackPanel.Background> <WrapPanel> <Label x:Name="lb" FontWeight="ExtraBlack" Height="33" Content=">>" Foreground="Red" Margin="0,5,0,0" /> <Label x:Name="labMsg" Height="33" Content="" Margin="0,5,0,0" Foreground="White"/> <ProgressBar Height="20" HorizontalAlignment="Left" Name="pb_import" VerticalAlignment="Top" Width="300" Margin="21,7,0,0" Grid.Row="5" /> </WrapPanel> </StackPanel> <!--底部--> <StackPanel DockPanel.Dock="Bottom" Height="33"> <StackPanel.Background> <ImageBrush ImageSource="style\b2.png" Stretch="Fill"/> </StackPanel.Background> <DockPanel> <Label x:Name="lblVersion" Content="基於OneNote的ORC圖片處理系統1.0" Foreground="White" DockPanel.Dock="Left" Margin="440,3,0,0"/> <WrapPanel HorizontalAlignment="Right"> <Label x:Name="lblCopyright" DockPanel.Dock="Left" Margin="0,3,0,0"/> <ResizeGrip Height="33"/> </WrapPanel> </DockPanel> </StackPanel> <!--內容--> <StackPanel x:Name="pnlContent"> <!--文件批處理的輸出窗口--> <StackPanel DockPanel.Dock="Top"> <DockPanel> <!--Margin:left,top,right,bottom--> <StackPanel Width="250" Height="33" DockPanel.Dock="Right" Margin="3,3,3,0"> <StackPanel.Background> <ImageBrush ImageSource="style\b1.png" Stretch="Fill"/> </StackPanel.Background> <WrapPanel> <Image Width="18" Height="18" Stretch="Fill" Source="style\logo1.gif"/> <Label x:Name="lblKinectSet" Height="28" Content="ORC操作" Margin="0,5,0,0" Foreground="#FF074576"/> </WrapPanel> </StackPanel> <StackPanel Height="33" Margin="3,3,3,0"> <StackPanel.Background> <ImageBrush ImageSource="style\b1.png" Stretch="Fill"/> </StackPanel.Background> <WrapPanel> <Image Width="18" Height="18" Stretch="Fill" Source="style\logo1.gif"/> <Label x:Name="lblKinectList" Height="33" Content="輸出窗口" Margin="0,5,0,0" Foreground="#FF074576"/> </WrapPanel> </StackPanel> </DockPanel> </StackPanel> <!--orc操作欄--> <StackPanel DockPanel.Dock="Top"> <DockPanel> <StackPanel DockPanel.Dock="Right" Width="250" Background="#e7f6fe" Margin="3,5,3,0"> <WrapPanel Grid.Row="0" Grid.Column="0"> <RadioButton Name="rbtn本地圖片" Margin="3" Content="待處理目錄" IsChecked="True" VerticalAlignment="Center" GroupName="img" Checked="rbtn本地圖片_Checked" /> <TextBox Name="txtfile" Margin="3" MinWidth="244" Height="25" VerticalContentAlignment="Center" Width="244" /> <Button Name="btn瀏覽" Content="瀏覽(_W)" Margin="3" Padding="3" MinWidth="60" Width="75" Click="btn瀏覽_Click_1" /> </WrapPanel> <WrapPanel Background="#FF01354C"> <Image Height="5" Stretch="Fill" /> </WrapPanel> <WrapPanel Grid.Row="0" Grid.Column="0" Width="250"> <Label Name="lab輸出目錄" Content="輸出目錄：" Margin="3" VerticalContentAlignment="Center" /> <TextBox Name="txt輸出目錄" Margin="3" MinWidth="244" Height="25" VerticalContentAlignment="Center" Width="244" /> <Button Name="btn輸出瀏覽" Content="瀏覽(_Q)" Margin="3" Padding="3" MinWidth="50" Click="btn輸出瀏覽_Click" /> </WrapPanel> <WrapPanel Background="#FF01354C"> <Image Height="5" Stretch="Fill" /> </WrapPanel> <StackPanel Grid.Row="0" Grid.Column="1" VerticalAlignment="Center"> <Button Name="btnOCR" Content="OCR(_O)" Margin="3" Padding="3" MinWidth="50" Click="btnOCR_Click" /> <Button Name="btn清空" Content="清空文本框" Margin="3" Padding="3" MinWidth="50" Click="btn清空_Click" /> </StackPanel> </StackPanel> <StackPanel Background="#e7f6fe" Margin="3,0,3,0"> <Viewbox Stretch="Fill"> <WrapPanel Orientation="Horizontal" Background="#FFE7F6FE"> <Grid Margin="5" ClipToBounds="True"> <Image x:Name="imageColor" Width="320" Height="240"/> <Canvas x:Name="canvasColor" Background="#FFE7F6FE" HorizontalAlignment="Left" Width="320"> <ScrollViewer Width="320" Height="240"> <ScrollViewer.Content> <TextBlock Name="txtmulu" TextWrapping="Wrap" Background="White" FontSize="10" Foreground="Red" Opacity="0.5" /> </ScrollViewer.Content> </ScrollViewer> </Canvas> </Grid> <Grid Margin="5" ClipToBounds="True"> <Image x:Name="imageDepth" Width="320" Height="240"/> <Canvas x:Name="canvasDepth" Background="#FFE7F6FE"> <ScrollViewer Width="320" Height="240"> <ScrollViewer.Content> <TextBlock Name="OCRtxt" TextWrapping="WrapWithOverflow" FontSize="10" Foreground="Green" Opacity="0.5" Background="White" /> </ScrollViewer.Content> </ScrollViewer> <TextBlock Name="txtOCRed" Background="Gray" Visibility="Hidden" /> </Canvas> </Grid> </WrapPanel> </Viewbox> </StackPanel> </DockPanel> </StackPanel> </StackPanel> </DockPanel> </Border> </Grid> </Window>
本頁面採用xaml語言中面板DockPanel控件進行佈局。子功能實現分拆總結：
1、Window窗體常用屬性有哪些？<Window></Window>
- 是否支持透明：AllowsTransparency，布爾類型。用法：AllowsTransparency="False"
- 加載時圖片顯示：Icon="/OnenoteOCRDemo;component/onenote-2010-icon.png"
- 設置背景： Background="#FF255174"
- 邊框畫刷： BorderBrush="#FF255174"
- 透明度：Opacity="1"
- 頁面加載屏顯： WindowStartupLocation="CenterScreen"
- 設置窗體狀態：枚舉類型， WindowState="Maximized"
2、容器中（StackPanel、Grid、Canvas等）如何加圖片背景？
|
1
2
3
4
5
6
7
8
9
|
<StackPanel> <StackPanel.Background> <ImageBrush
ImageSource="style\b3.png"Stretch="Fill"/> </StackPanel.Background></StackPanel> |
3、控件中如何設置漸進式背景和文字？（Label爲例）
- 如上圖背景設置：
-
123
<StackPanel.Background><ImageBrush ImageSource="style\bg.png"Stretch="Fill"/></StackPanel.Background> - 如上圖文字設置：
<Label x:Name="lblKnectList" Height="50" FontSize="35" Content="基於OneNote的ORC圖片處理系統" Margin="100,35,0,0" Width="560"> <Label.Foreground> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FF01354B" Offset="0" /> <GradientStop Color="#FF00080E" Offset="1" /> <GradientStop Color="#FF235071" Offset="0.073" /> <GradientStop Color="#FFEECCCC" Offset="0.11" /> </LinearGradientBrush> </Label.Foreground> </Label>
4、StackPanel等容器如何放在多個控件，以及進度條控件使用？
|
1
2
3
4
5
6
7
|
<StackPanel
DockPanel.Dock="Top" Height="33"> <WrapPanel> <Label
x:Name="lb" FontWeight="ExtraBlack" Height="33" Content=">>" Foreground="Red" Margin="0,5,0,0" /> <Label
x:Name="labMsg" Height="33" Content="" Margin="0,5,0,0" Foreground="White"/> <ProgressBar
Height="20" HorizontalAlignment="Left" Name="pb_import" VerticalAlignment="Top" Width="300" Margin="21,7,0,0" Grid.Row="5" /> </WrapPanel> </StackPanel> |
5、如何在文本框中加入滾動條？（在TextBlock外加入ScrollViewer）
|
1
2
3
4
5
|
<ScrollViewer> <ScrollViewer.Content> <TextBlock
Name="txtmulu" TextWrapping="Wrap" Background="White" FontSize="10" Foreground="Red" Opacity="0.5" /> </ScrollViewer.Content></ScrollViewer> |
【2】在文本入庫窗體Grid佈局完整效果及代碼如下：（通過控件格式化，鼠標移動文字變色，數據控件隔行變色，分頁效果等）
完整代碼：
<Window x:Class="OnenoteOCRDemo.TextData" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:my="clr-namespace:OnenoteOCRDemo" Title="ORC系統版本1.0" Width="1300" Height="750" Icon="/OnenoteOCRDemo;component/onenote-2010-icon.png" Background="#FF255174" BorderBrush="#FF255174" Opacity="1" AllowsTransparency="False" WindowStartupLocation="CenterScreen" WindowState="Maximized" VerticalAlignment="Stretch" VerticalContentAlignment="Top" Loaded="Window_Loaded"> <Grid> <!--自定義樣式--> <Grid.Resources> <!--TextBlock--> <Style x:Key="PageTextBlock1" TargetType="{x:Type TextBlock}"> <Setter Property="VerticalAlignment" Value="Center" /> <Setter Property="HorizontalAlignment" Value="Left" /> <Setter Property="FontSize" Value="13" /> <Setter Property="FontWeight" Value="Bold" /> <Setter Property="Foreground" Value="White" /> <Style.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="Foreground" Value="#FFE51515" /> <Setter Property="FontWeight" Value="Bold" /> </Trigger> <Trigger Property="IsEnabled" Value="False"> <Setter Property="Foreground" Value="#FFE51515" /> <Setter Property="FontWeight" Value="Bold" /> </Trigger> </Style.Triggers> </Style> <!--中間頁數--> <Style x:Key="RichTextBox" TargetType="{x:Type RichTextBox}"> <Setter Property="VerticalAlignment" Value="Center" /> <Setter Property="HorizontalAlignment" Value="Left" /> <Setter Property="Margin" Value="10,10,0,0" /> <Setter Property="Height" Value="50" /> <Setter Property="Width" Value="400" /> <Setter Property="FontSize" Value="15" /> <Setter Property="Cursor" Value="Hand" /> <Setter Property="Foreground" Value="White" /> <Setter Property="Background"> <Setter.Value> <ImageBrush ImageSource="/OnenoteOCRDemo;component/Images/Page_TextBack.png" ></ImageBrush> </Setter.Value> </Setter> <Style.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="Foreground" Value="#FFE51515" /> <Setter Property="FontWeight" Value="Bold" /> </Trigger> <Trigger Property="IsEnabled" Value="False"> <Setter Property="Foreground" Value="#FFE51515" /> <Setter Property="FontWeight" Value="Bold" /> </Trigger> </Style.Triggers> </Style> <Style x:Key="PageTextBox" TargetType="{x:Type TextBox}"> <Setter Property="Height" Value="25" /> <Setter Property="Width" Value="60" /> <Setter Property="Margin" Value="10,0,0,0" /> <Setter Property="BorderBrush" Value="{x:Null}" /> <Setter Property="HorizontalAlignment" Value="Left" /> <Setter Property="VerticalAlignment" Value="Bottom" /> <Setter Property="Background"> <Setter.Value> <ImageBrush ImageSource="/OnenoteOCRDemo;component/Images/Page_TextBack.png" ></ImageBrush> </Setter.Value> </Setter> <Style.Triggers> <Trigger Property="IsReadOnly" Value="True"> <Setter Property="Background" Value="White" /> </Trigger> </Style.Triggers> </Style> <Style x:Key="PageButton" TargetType="{x:Type Button}"> <Setter Property="Height" Value="25" /> <Setter Property="Width" Value="30" /> <Setter Property="Foreground" Value="White" /> <Setter Property="HorizontalAlignment" Value="Left" /> <Setter Property="VerticalAlignment" Value="Bottom" /> <Style.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="Foreground" Value="#FFE51515" /> <Setter Property="FontWeight" Value="Bold" /> </Trigger> <Trigger Property="IsEnabled" Value="False"> <Setter Property="Foreground" Value="#FFE51515" /> <Setter Property="FontWeight" Value="Bold" /> </Trigger> </Style.Triggers> </Style> </Grid.Resources> <Grid.Background> <ImageBrush ImageSource="style\bg.png" Stretch="Fill"/> </Grid.Background> <Grid.RowDefinitions> <RowDefinition Height="30"/> <RowDefinition Height="300"/> <RowDefinition Height="30"/> <RowDefinition Height="320"/> <RowDefinition Height="30" /> </Grid.RowDefinitions> <!--頭部--> <Canvas Grid.Row="0"> <Canvas.Background> <ImageBrush ImageSource="style\b3.png" Stretch="Fill"/> </Canvas.Background> <Image Source="style\onenote.png" Height="16" Width="16"/> <Label x:Name="lblTitle" Content="中醫文獻信息：" Margin="20,0,3,0" Foreground="White"/> <WrapPanel HorizontalAlignment="Right"> <Image x:Name="btnMin" VerticalAlignment="Top" Margin="0,0,3,0"/> <Image x:Name="btnMax" VerticalAlignment="Top" Margin="0,0,3,0"/> <Image x:Name="btnClose" VerticalAlignment="Top" Margin="0,0,3,0"/> </WrapPanel> </Canvas> <!--內容--> <Canvas Grid.Row="1" > <TextBlock Height="23" Style="{StaticResource PageTextBlock1}" Margin="12,27,0,0" Name="textBlock1" Text="文獻名：" Canvas.Left="8" Canvas.Top="-1" /> <TextBox Height="23" Style="{StaticResource PageTextBox}" Margin="54,24,0,0" Name="txtdocname" VerticalAlignment="Top" Width="120" Foreground="#FFE51515" Canvas.Left="24" Canvas.Top="0" /> <TextBlock Canvas.Left="248" Canvas.Top="27" Height="23" Name="textBlock2" Style="{StaticResource PageTextBlock1}" Text="年代：" /> <TextBox Canvas.Left="284" Canvas.Top="21" Foreground="#FFE51515" Height="23" Name="txtyears" Style="{StaticResource PageTextBox}" Width="120" /> <TextBlock Canvas.Left="428" Canvas.Top="24" Height="23" Name="textBlock3" Style="{StaticResource PageTextBlock1}" Text="文獻類型：" /> <TextBox Canvas.Left="489" Canvas.Top="22" Foreground="#FFE51515" Height="23" Name="txtdoctype" Style="{StaticResource PageTextBox}" Width="120" /> <TextBlock Canvas.Left="628" Canvas.Top="92" Height="23" Name="textBlock4" Style="{StaticResource PageTextBlock1}" Text="內容提要：" /> <TextBox Canvas.Left="689" Canvas.Top="87" Foreground="#FFE51515" Height="23" Name="txtsummary" Style="{StaticResource PageTextBox}" Width="120" /> <TextBlock Canvas.Left="654" Canvas.Top="24" Height="23" Name="textBlock5" Style="{StaticResource PageTextBlock1}" Text="作者：" /> <TextBox Canvas.Left="689" Canvas.Top="27" Foreground="#FFE51515" Height="23" Name="txtauthor" Style="{StaticResource PageTextBox}" Width="120" /> <TextBlock Canvas.Left="848" Canvas.Top="29" Height="23" Name="textBlock6" Style="{StaticResource PageTextBlock1}" Text="文獻出處：" /> <TextBox Canvas.Left="909" Canvas.Top="29" Foreground="#FFE51515" Height="23" Name="txtsource" Style="{StaticResource PageTextBox}" Width="120" /> <TextBlock Canvas.Left="1045" Canvas.Top="29" Height="23" Name="textBlock7" Style="{StaticResource PageTextBlock1}" Text="出處類型：" /> <TextBox Canvas.Left="1118" Canvas.Top="29" Foreground="#FFE51515" Height="23" Name="txtsourcetype" Style="{StaticResource PageTextBox}" Width="120" /> <TextBlock Canvas.Left="454" Canvas.Top="79" Height="23" Name="textBlock8" Style="{StaticResource PageTextBlock1}" Text="備註：" /> <TextBox Canvas.Left="489" Canvas.Top="77" Foreground="#FFE51515" Height="23" Name="txtmemo" Style="{StaticResource PageTextBox}" Width="120" /> <TextBlock Canvas.Left="32" Canvas.Top="81" Height="23" Name="textBlock9" Style="{StaticResource PageTextBlock1}" Text="標題：" /> <TextBox Canvas.Left="68" Canvas.Top="79" Foreground="#FFE51515" Name="txttitle" Style="{StaticResource PageTextBox}" Height="23" Width="120" /> <TextBlock Canvas.Left="222" Canvas.Top="79" Height="23" Name="textBlock10" Style="{StaticResource PageTextBlock1}" Text="英文標題：" /> <TextBox Canvas.Left="284" Canvas.Top="79" Foreground="#FFE51515" Height="23" Name="txtenglishtitle" Style="{StaticResource PageTextBox}" Width="120" /> <TextBlock Canvas.Left="6" Canvas.Top="131" Height="23" Name="textBlock11" Style="{StaticResource PageTextBlock1}" Text="著者單位：" /> <TextBox Canvas.Left="68" Canvas.Top="129" Foreground="#FFE51515" Height="23" Name="txtcompany" Style="{StaticResource PageTextBox}" Width="120" /> <TextBlock Canvas.Left="235" Canvas.Top="130" Height="23" Name="textBlock12" Style="{StaticResource PageTextBlock1}" Text="關鍵詞：" /> <TextBox Canvas.Left="284" Canvas.Top="128" Foreground="#FFE51515" Height="23" Name="txtkeyword" Style="{StaticResource PageTextBox}" Width="120" /> <TextBlock Canvas.Left="428" Canvas.Top="133" Height="23" Name="textBlock13" Style="{StaticResource PageTextBlock1}" Text="文獻內容：" /> <TextBox Canvas.Left="489" Canvas.Top="133" Foreground="#FFE51515" Height="23" Name="txtcontent" Style="{StaticResource PageTextBox}" Width="120" /> <TextBlock Canvas.Left="654" Canvas.Top="135" Height="23" Name="textBlock14" Style="{StaticResource PageTextBlock1}" Text="摘要：" /> <TextBox Canvas.Left="689" Canvas.Top="135" Foreground="#FFE51515" Height="23" Name="txtdigest" Style="{StaticResource PageTextBox}" Width="120" /> <TextBlock Canvas.Left="1045" Canvas.Top="92" Height="23" Name="textBlock15" Style="{StaticResource PageTextBlock1}" Text="文本文件：" /> <TextBox Canvas.Left="1118" Canvas.Top="87" Foreground="#FFE51515" Height="23" Name="txtpath" Style="{StaticResource PageTextBox}" Width="120" /> <TextBlock Canvas.Left="848" Canvas.Top="92" Height="23" Name="textBlock16" Style="{StaticResource PageTextBlock1}" Text="相關病例：" /> <!--<RichTextBox Height="200" Width="200" />--> <TextBox Canvas.Left="909" Canvas.Top="90" Foreground="#FFE51515" Height="23" Name="txtdisease" Style="{StaticResource PageTextBox}" Width="120" /> <Button Content="刷新" Style="{StaticResource PageButton}" Margin="12,101,0,0" Name="btnShua" Width="75" Canvas.Left="-7" Canvas.Top="174" /> <Button Content="添加" Style="{StaticResource PageButton}" Margin="12,101,0,0" Name="btnAdd" Width="75" Canvas.Left="269" Canvas.Top="174" Click="btnAdd_Click" /> <Button Content="修改" Style="{StaticResource PageButton}" Margin="132,101,0,0" Name="btnUpdate" Width="75" Canvas.Left="-35" Canvas.Top="174" /> <Button Content="刪除" Style="{StaticResource PageButton}" Margin="0,101,639,0" Name="btnDelete" Width="75" Canvas.Left="194" Canvas.Top="174" Click="btnDelete_Click" /> </Canvas> <Canvas Grid.Row="2"> <Canvas.Background> <ImageBrush ImageSource="style\b2.png" Stretch="Fill"/> </Canvas.Background> <Label Content="中醫文獻信息查詢" FontSize="14" Foreground="White" /> </Canvas> <DataGrid Name="dataGrid1" Grid.Row="3" CanUserAddRows="False" IsReadOnly="True" AlternationCount="2" FrozenColumnCount="2" AutoGenerateColumns="False" > <DataGrid.Columns> <DataGridTemplateColumn Header="選擇" Width="1*"> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <CheckBox Tag="{Binding ID}" Click="CheckBox_Click"></CheckBox> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> <DataGridTextColumn Header="文獻名" Width="1*" Binding="{Binding DOCNAME}"/> <DataGridTextColumn Header="年代" Width="1*" Binding="{Binding YEARS}"/> <DataGridTextColumn Header="文獻類型" Width="1*" Binding="{Binding DOCTYPE}"/> <DataGridTextColumn Header="內容提要" Width="1*" Binding="{Binding SUMMARY}"/> <DataGridTextColumn Header="作者" Width="1*" Binding="{Binding AUTHOR}"/> <DataGridTextColumn Header="文獻出處" Width="1*" Binding="{Binding SOURCE}"/> <DataGridTextColumn Header="出處類型" Width="1*" Binding="{Binding SOURCETYPE}"/> <DataGridTextColumn Header="備註" Width="1*" Binding="{Binding MEMO}"/> <DataGridTextColumn Header="標題" Width="1*" Binding="{Binding TITLE}"/> <DataGridTextColumn Header="英文標題" Width="1*" Binding="{Binding ENGLISHTITLE}"/> <DataGridTextColumn Header="著者單位" Width="1*" Binding="{Binding AUTHORCOMPANY}"/> <DataGridTextColumn Header="關鍵詞" Width="1*" Binding="{Binding KEYWORD}"/> <DataGridTextColumn Header="文獻內容" Width="1*" Binding="{Binding CONTENT}"/> <DataGridTextColumn Header="摘要" Width="1*" Binding="{Binding DIGEST}"/> <DataGridTextColumn Header="文獻內容文本文件" Width="1*" Binding="{Binding PATH}"/> <DataGridTextColumn Header="相關病例" Width="1*" Binding="{Binding DISEASE}"/> <DataGridTextColumn Header="是否審覈" Binding="{Binding AUDITFLAG}" Width="1*"/> <DataGridTemplateColumn Header="操作" Width="1*"> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <CalendarButton ></CalendarButton> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> </DataGrid.Columns> </DataGrid> <!--分頁--> <Canvas Grid.Row="4"> <Canvas.Background> <ImageBrush ImageSource="style\b2.png" Stretch="Fill"/> </Canvas.Background> <my:page x:Name="page1" Height="30" VerticalAlignment="Top"></my:page> </Canvas> </Grid> </Window>
6，如何設置格式？全局格式以及局部格式設置？
- 全局格式設置：首先打開App.xaml，裏面進行配置，代碼如下：
-
![]()
![複製代碼]()
<Application x:Class="OnenoteOCRDemo.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" StartupUri="TextData.xaml"> <Application.Resources> <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Style TargetType="DataGrid"> <!--網格線顏色--> <Setter Property="CanUserResizeColumns" Value="false" /> <Setter Property="Background" Value="#E6DBBB" /> <Setter Property="BorderBrush" Value="#d6c79b" /> <Setter Property="HorizontalGridLinesBrush"> <Setter.Value> <SolidColorBrush Color="#d6c79b" /> </Setter.Value> </Setter> <Setter Property="VerticalGridLinesBrush"> <Setter.Value> <SolidColorBrush Color="#d6c79b" /> </Setter.Value> </Setter> </Style> <!--標題欄樣式--> <!--<Style TargetType="DataGridColumnHeader" > <Setter Property="Width" Value="50"/> <Setter Property="Height" Value="30"/> <Setter Property="FontSize" Value="14" /> <Setter Property="Background" Value="White" /> <Setter Property="FontWeight" Value="Bold"/> </Style>--> <Style TargetType="DataGridColumnHeader"> <Setter Property="SnapsToDevicePixels" Value="True" /> <Setter Property="MinWidth" Value="0" /> <Setter Property="MinHeight" Value="28" /> <Setter Property="Foreground" Value="#323433" /> <Setter Property="FontSize" Value="14" /> <Setter Property="Cursor" Value="Hand" /> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="DataGridColumnHeader"> <Border x:Name="BackgroundBorder" BorderThickness="0,1,0,1" BorderBrush="#e6dbba" Width="Auto"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <ContentPresenter Margin="0,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Center" /> <Path x:Name="SortArrow" Visibility="Collapsed" Data="M0,0 L1,0 0.5,1 z" Stretch="Fill" Grid.Column="2" Width="8" Height="6" Fill="White" Margin="0,0,50,0" VerticalAlignment="Center" RenderTransformOrigin="1,1" /> <Rectangle Width="1" Fill="#d6c79b" HorizontalAlignment="Right" Grid.ColumnSpan="1" /> <!--<TextBlock Background="Red"> <ContentPresenter></ContentPresenter></TextBlock>--> </Grid> </Border> </ControlTemplate> </Setter.Value> </Setter> <Setter Property="Height" Value="25" /> </Style> <!--行樣式觸發--> <!--背景色改變必須先設置cellStyle 因爲cellStyle會覆蓋rowStyle樣式--> <Style TargetType="DataGridRow"> <Setter Property="Background" Value="#F2F2F2" /> <Setter Property="Height" Value="25" /> <Setter Property="Foreground" Value="Black" /> <Style.Triggers> <!--隔行換色--> <Trigger Property="AlternationIndex" Value="0"> <Setter Property="Background" Value="#e7e7e7" /> </Trigger> <Trigger Property="AlternationIndex" Value="1"> <Setter Property="Background" Value="#f2f2f2" /> </Trigger> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="Background" Value="#fbe178" /> <!--<Setter Property="Foreground" Value="White"/>--> </Trigger> <Trigger Property="IsSelected" Value="True"> <Setter Property="Foreground" Value="Black" /> </Trigger> </Style.Triggers> </Style> <!--單元格樣式觸發--> <Style TargetType="DataGridCell"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="DataGridCell"> <TextBlock TextAlignment="Center" VerticalAlignment="Center"> <ContentPresenter /> </TextBlock> </ControlTemplate> </Setter.Value> </Setter> <Style.Triggers> <Trigger Property="IsSelected" Value="True"> <!--<Setter Property="Background" Value="White"/> <Setter Property="BorderThickness" Value="0"/>--> <Setter Property="Foreground" Value="Black" /> </Trigger> </Style.Triggers> </Style> </ResourceDictionary> </Application.Resources> </Application>
![複製代碼]()
- 本窗體下格式設置Grid.Resources：TextBlock文本爲例描述如下代碼，然後在TextBlock中使用Style="{StaticResource PageTextBlock1}"
-
![]()
![複製代碼]()
<Style x:Key="PageTextBlock1" TargetType="{x:Type TextBlock}"> <Setter Property="VerticalAlignment" Value="Center" /> <Setter Property="HorizontalAlignment" Value="Left" /> <Setter Property="FontSize" Value="13" /> <Setter Property="FontWeight" Value="Bold" /> <Setter Property="Foreground" Value="White" /> <Style.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="Foreground" Value="#FFE51515" /> <Setter Property="FontWeight" Value="Bold" /> </Trigger> <Trigger Property="IsEnabled" Value="False"> <Setter Property="Foreground" Value="#FFE51515" /> <Setter Property="FontWeight" Value="Bold" /> </Trigger> </Style.Triggers> </Style>
![複製代碼]()
其中改變鼠標懸浮色彩變幻代碼
12345678910<Style.Triggers><Trigger Property="IsMouseOver"Value="True"><Setter Property="Foreground"Value="#FFE51515"/><Setter Property="FontWeight"Value="Bold"/></Trigger><Trigger Property="IsEnabled"Value="False"><Setter Property="Foreground"Value="#FFE51515"/><Setter Property="FontWeight"Value="Bold"/></Trigger></Style.Triggers>7、Grid如何部分，分爲n個部分，分別設置不同高度？
|
1
2
3
4
5
6
7
|
<Grid.RowDefinitions> <RowDefinition
Height="30"/> <RowDefinition
Height="300"/> <RowDefinition
Height="30"/> <RowDefinition
Height="320"/> <RowDefinition
Height="30" /></Grid.RowDefinitions> |
8、DataGrid控件如何使用？綁定數據和複選？
<DataGrid Name="dataGrid1" Grid.Row="3" CanUserAddRows="False" IsReadOnly="True" AlternationCount="2" FrozenColumnCount="2" AutoGenerateColumns="False" > <DataGrid.Columns> <DataGridTemplateColumn Header="選擇" Width="1*"> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <CheckBox Tag="{Binding ID}" Click="CheckBox_Click"></CheckBox> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> <DataGridTextColumn Header="文獻名" Width="1*" Binding="{Binding DOCNAME}"/> <DataGridTextColumn Header="年代" Width="1*" Binding="{Binding YEARS}"/> <DataGridTextColumn Header="文獻類型" Width="1*" Binding="{Binding DOCTYPE}"/> <DataGridTextColumn Header="內容提要" Width="1*" Binding="{Binding SUMMARY}"/> <DataGridTextColumn Header="作者" Width="1*" Binding="{Binding AUTHOR}"/> <DataGridTextColumn Header="文獻出處" Width="1*" Binding="{Binding SOURCE}"/> <DataGridTextColumn Header="出處類型" Width="1*" Binding="{Binding SOURCETYPE}"/> <DataGridTextColumn Header="備註" Width="1*" Binding="{Binding MEMO}"/> <DataGridTextColumn Header="標題" Width="1*" Binding="{Binding TITLE}"/> <DataGridTextColumn Header="英文標題" Width="1*" Binding="{Binding ENGLISHTITLE}"/> <DataGridTextColumn Header="著者單位" Width="1*" Binding="{Binding AUTHORCOMPANY}"/> <DataGridTextColumn Header="關鍵詞" Width="1*" Binding="{Binding KEYWORD}"/> <DataGridTextColumn Header="文獻內容" Width="1*" Binding="{Binding CONTENT}"/> <DataGridTextColumn Header="摘要" Width="1*" Binding="{Binding DIGEST}"/> <DataGridTextColumn Header="文獻內容文本文件" Width="1*" Binding="{Binding PATH}"/> <DataGridTextColumn Header="相關病例" Width="1*" Binding="{Binding DISEASE}"/> <DataGridTextColumn Header="是否審覈" Binding="{Binding AUDITFLAG}" Width="1*"/> <DataGridTemplateColumn Header="操作" Width="1*"> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <CalendarButton ></CalendarButton> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> </DataGrid.Columns> </DataGrid>
9、如何使用用戶控件：
- 建立一個新的用戶頁面page.xaml。
- 用戶控件進行設計
![]()
![複製代碼]()
<UserControl x:Class="OnenoteOCRDemo.page" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" mc:Ignorable="d" > <UserControl.Resources> <!--每頁{0}/共{0}條--> <Style x:Key="PageTextBlock1" TargetType="{x:Type TextBlock}"> <Setter Property="VerticalAlignment" Value="Center" /> <Setter Property="HorizontalAlignment" Value="Left" /> <Setter Property="FontSize" Value="13" /> <Setter Property="FontWeight" Value="Bold" /> <Setter Property="Foreground" Value="White" /> </Style> <!--首頁上一頁等--> <Style x:Key="PageTextBlock2" TargetType="{x:Type TextBlock}"> <Setter Property="VerticalAlignment" Value="Center" /> <Setter Property="HorizontalAlignment" Value="Left" /> <Setter Property="Margin" Value="0,10,0,0" /> <Setter Property="Width" Value="40" /> <Setter Property="Height" Value="23" /> <Setter Property="FontSize" Value="13" /> <Setter Property="Cursor" Value="Hand" /> <Setter Property="Foreground" Value="White" /> <Style.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="Foreground" Value="#FF000000" /> <Setter Property="FontWeight" Value="Bold" /> </Trigger> </Style.Triggers> </Style> <!--中間頁數--> <Style x:Key="PageTextBlock3" TargetType="{x:Type TextBlock}"> <Setter Property="VerticalAlignment" Value="Center" /> <Setter Property="HorizontalAlignment" Value="Left" /> <Setter Property="Margin" Value="0,10,0,0" /> <Setter Property="Height" Value="23" /> <Setter Property="Width" Value="30" /> <Setter Property="FontSize" Value="10" /> <Setter Property="Cursor" Value="Hand" /> <Setter Property="Foreground" Value="White" /> <Style.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="Foreground" Value="#FF000000" /> <Setter Property="FontWeight" Value="Bold" /> </Trigger> <Trigger Property="IsEnabled" Value="False"> <Setter Property="Foreground" Value="#FF000000" /> <Setter Property="FontWeight" Value="Bold" /> </Trigger> </Style.Triggers> </Style> <Style x:Key="PageTextBox" TargetType="{x:Type TextBox}"> <Setter Property="Height" Value="25" /> <Setter Property="Width" Value="40" /> <Setter Property="BorderBrush" Value="{x:Null}" /> <Setter Property="HorizontalAlignment" Value="Left" /> <Setter Property="VerticalAlignment" Value="Bottom" /> <Setter Property="Background"> <Setter.Value> <ImageBrush ImageSource="/OnenoteOCRDemo;component/Images/Page_TextBack.png" ></ImageBrush> </Setter.Value> </Setter> <Style.Triggers> <Trigger Property="IsReadOnly" Value="True"> <Setter Property="Background" Value="White" /> </Trigger> </Style.Triggers> </Style> <Style x:Key="PageButton" TargetType="{x:Type Button}"> <Setter Property="Height" Value="25" /> <Setter Property="Width" Value="30" /> <Setter Property="Foreground" Value="White" /> <Setter Property="HorizontalAlignment" Value="Left" /> <Setter Property="VerticalAlignment" Value="Bottom" /> </Style> </UserControl.Resources> <Grid HorizontalAlignment="Left" Height="30" Width="1024"> <Grid.Background> <ImageBrush ImageSource="style\b2.png" Stretch="Fill"/> </Grid.Background> <Border CornerRadius="3" BorderBrush="{x:Null}"> <Grid HorizontalAlignment="Stretch" Margin="5 0 5 0" VerticalAlignment="Top" Width="Auto" Height="30"> <Grid.ColumnDefinitions> <ColumnDefinition Width="150"/> <ColumnDefinition Width="600*" MinWidth="600"/> </Grid.ColumnDefinitions> <TextBlock Name="tbkRecords" Grid.Column="0" Style="{StaticResource PageTextBlock1}" /> <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Grid.Column="1"> <Grid> <Grid.RowDefinitions > <RowDefinition Height="30"></RowDefinition> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="50"/> <ColumnDefinition Width="50"/> <ColumnDefinition Width="*"/> <ColumnDefinition Width="50"/> <ColumnDefinition Width="50"/> <ColumnDefinition Width="50"/> <ColumnDefinition Width="30"/> </Grid.ColumnDefinitions> <TextBlock Grid.Column="0" Name="btnFirst" Text="首頁" IsEnabled="False" Style="{StaticResource PageTextBlock2}" /> <TextBlock Grid.Column="1" Name="btnPrev" Text="上一頁" IsEnabled="False" Style="{StaticResource PageTextBlock2}" /> <Grid Grid.Column="2" Name="grid" > <Grid.RowDefinitions> <RowDefinition Height="30" ></RowDefinition> </Grid.RowDefinitions> </Grid> <TextBlock Foreground="White" Grid.Column="3" Name="btnNext" Text="下一頁" IsEnabled="False" Style="{StaticResource PageTextBlock2}" /> <TextBlock Grid.Column="4" Name="btnLast" Text="未頁" IsEnabled="False" Style="{StaticResource PageTextBlock2}"/> <TextBox Grid.Column="5" Name="pageGo" MaxLength="6" IsReadOnly="True" Style="{StaticResource PageTextBox}" /> <Button Grid.Column="6" Name="btnGo" Content="GO" IsEnabled="False" Style="{StaticResource PageButton}" /> </Grid> </StackPanel> </Grid> </Border> </Grid> </UserControl>
![複製代碼]()
- 在引用窗體中加入<Window>：xmlns:my="clr-namespace:OnenoteOCRDemo"
- 在合適頁面引用即可：
1
<my:page x:Name="page1"Height="30"VerticalAlignment="Top"></my:page>
【篇末】：程序中使用佈局，格式，數據綁定控件，分頁、鼠標事件、滾動條。富文本等基本控件和常用控件的使用，本篇做以開題介紹，熟悉這些基本xaml語法，甚至清楚使用，可以顯示出非常漂亮的效果。當然自己不會寫也沒關係，去網站找些，自己改成預期的效果。這樣還可以節省不少時間。下篇進入主題：主要涉及文件基本操作，ORC過程，OneNote處理原來分析，批量圖片處理和批量txt文件輸出，圖片orc成文字等具體功能。