weixin_34301307

WPF如何实现一个漂亮的页签导航UI

最近看到一个比较漂亮的UI主界面，该UI是用左边的页签进行导航，比较有特色，就想着尝试用WPF来实现一下。经过一番尝试，基本上将UI设计图的效果用WPF程序进行了实现。下面介绍一下主要的思路：

1 UI设计

　该UI的PSD设计图效果如下：

　　UI结构分析：先可以把UI分成上下两个区域，上面是一个区域放置一些appName，用户信息和配置按钮等，下面的再分成竖向的页签导航区域和内容区。但从WPF程序实现上来说，可以有多种区域划分方法，每个人的划分方法不同。

2 UI切图

　　内容区域的图片不做切图，它会动态根据左边的导航菜单的配置动态进行加载内容。本文只实现主界面UI框架。在Photoshop中可以在图片所在图层进行重命名，例如A的图层有一个按钮图标，可以将其命名为A.png（注意之前需要勾选Photoshop的生成【图片资源】项目），那么就可以在PSD文件同级目录中生成一个同名的文件夹，里面就有A.png的图标了！

3 WPF UI布局实现

　　PSD设计的UI需要转换成WPF程序，必须要将其UI结构用WPF的布局进行重新梳理，我的布局划分（主要是Grid)代码如下所示：

  1 <Window
  2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4           xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"
  5           x:Class="WpfTabNavigation.MainWindow"
  6         Title="MainWindow" Height="610" Width="880"
  7          AllowsTransparency="True" WindowStyle="None" 
  8         Background="{x:Null}" MouseLeftButtonDown="Window_MouseLeftButtonDown"
  9         
 10         >
 11     <Grid Background="Black" d:IsHidden="True">
 12         <Grid x:Name="gridForm" d:IsHidden="True">
 13             <Grid.RowDefinitions>
 14                 <RowDefinition Height="60" />
 15                 <RowDefinition Height="Auto" />
 16             Grid.RowDefinitions>
 17             <Grid.ColumnDefinitions>
 18                 <ColumnDefinition Width="200" x:Name="gridFormLeft"/>
 19                 <ColumnDefinition Width="*" />
 20             Grid.ColumnDefinitions>
 21             
 22             <StackPanel  Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="2" Margin="1,1,1,0"  Orientation="Horizontal" d:IsHidden="True" >
 23                 <StackPanel.Background>
 24                     <ImageBrush ImageSource="images/toolbarbg.png" Stretch="UniformToFill"/>
 25                 StackPanel.Background>
 26 
 27                 <Grid Width="878" d:IsHidden="True">
 28                     <Grid.RowDefinitions>
 29                         <RowDefinition Height="36" />
 30                         <RowDefinition Height="Auto" />
 31                     Grid.RowDefinitions>
 32                     <Grid.ColumnDefinitions>
 33                         <ColumnDefinition Width="200" />
 34                         <ColumnDefinition Width="0.8*" />
 35                         <ColumnDefinition Width="*" />
 36                     Grid.ColumnDefinitions>
 37                     <TextBlock x:Name="appName" FontWeight="Bold" FontSize="22"  Margin="8,2,2,2" Text="WPF DashBoard"   Grid.Column="0" Grid.Row="0"    VerticalAlignment="Center" d:IsHidden="True" />
 38                     <TextBlock x:Name="authorName" FontWeight="Bold" FontSize="10"  Margin="8,0,2,8" Text="[email protected]"  Foreground="#FF463E3E" Grid.Column="0" Grid.Row="1" VerticalAlignment="Center" d:IsHidden="True" />
 39 
 40                     <TextBlock x:Name="userInfo" FontWeight="Bold" FontSize="16"  Margin="60,18,18,18" Text="Welcome to Admin"  Foreground="#FF333333" Grid.Column="1" Grid.Row="0" Grid.RowSpan="2" VerticalAlignment="Center" d:IsHidden="True" />
 41 
 42                     <DatePicker x:Name="datePick"   Margin="22.4,18,194.4,18"   Foreground="#FF333333" Grid.Column="2" Grid.Row="0" Grid.RowSpan="2" VerticalAlignment="Center" Width="160" d:IsHidden="True"/>
 43                     <Image Source="images/email.png"  Stretch="Uniform" Margin="0,15,112,19" Grid.Column="2" Grid.Row="0" Grid.RowSpan="2"  Width="26" HorizontalAlignment="Right" d:IsHidden="True"/>
 44                     <Image Source="images/notify.png"  Stretch="Uniform" Margin="254.4,9,102.4,10.2" Grid.Column="2" Grid.Row="0" Height="20" Width="20" d:IsHidden="True"/>
 45                     <TextBlock x:Name="notifyCount"  FontSize="9"  Margin="259.4,12,99.4,15.2" Grid.Column="2" Grid.Row="0"  Text="18"  Foreground="#FFFFFFFF" VerticalAlignment="Center" Width="18" d:IsHidden="True"/>
 46 
 47                     <Image Source="images/settings.png"  Stretch="Uniform" Margin="0,15,72,19" Grid.Column="2" Grid.Row="0" Height="26" Width="30" HorizontalAlignment="Right" Grid.RowSpan="2" d:IsHidden="True"  />
 48                     <Image x:Name="Logout"  MouseLeftButtonDown="Logout_MouseLeftButtonDown_1"  Source="images/logout.png"  Stretch="Uniform" Margin="0,15,36,19" Grid.Column="2" Grid.Row="0" Height="26" Width="30" HorizontalAlignment="Right" Grid.RowSpan="2" Cursor="Hand" d:IsHidden="True"/>
 49 
 50                 Grid>
 51             StackPanel>
 52             
 53             <StackPanel  x:Name="LeftBar" Background="#FF333333" Margin="0,0.2,0,0" Grid.Column="0" Grid.Row="1" d:IsHidden="True" >
 54                 <TabControl  x:Name="LeftTabControl" TabStripPlacement="Left" Background="#FF00D1E5" Height="548" d:IsHidden="True">
 55                     <TabItem Header="Home" Height="80" Margin="0,0,-3,0" Width="80" FontWeight="Bold" Style="{DynamicResource TabItemStyle}" TextOptions.TextFormattingMode="Display" MouseMove="TabItem_MouseMove_1" d:IsHidden="True">
 56                         <TabItem.Background>
 57                             <ImageBrush ImageSource="images/homeicon.png" />
 58                         TabItem.Background>
 59 
 60                         <StackPanel Margin="2,6,2,2" d:IsHidden="True" >
 61                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" MouseLeftButtonDown="Label_MouseLeftButtonDown_1" d:IsHidden="True"/>
 62                             <Border d:IsHidden="True" >
 63                                 <Image Source="images/line.png" d:IsHidden="True"/>
 64                             Border>
 65                             <Label Content="Web Design" Foreground="White" Margin="0,6,0,6" MouseLeftButtonDown="Label_MouseLeftButtonDown_2" d:IsHidden="True"/>
 66                             <Border d:IsHidden="True" >
 67                                 <Image Source="images/line.png" d:IsHidden="True"/>
 68                             Border>
 69                             <Label Content="Icon Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
 70                             <Border d:IsHidden="True" >
 71                                 <Image Source="images/line.png" d:IsHidden="True"/>
 72                             Border>
 73                             <Label Content="PSD Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
 74                             <Border d:IsHidden="True" >
 75                                 <Image Source="images/line.png" d:IsHidden="True"/>
 76                             Border>
 77                             <Label Content="Line Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
 78                             <Border d:IsHidden="True" >
 79                                 <Image Source="images/line.png" d:IsHidden="True"/>
 80                             Border>
 81                             <Label Content="Paper Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
 82                             <Border d:IsHidden="True" >
 83                                 <Image Source="images/line.png" d:IsHidden="True"/>
 84                             Border>
 85                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
 86                             <Border d:IsHidden="True" >
 87                                 <Image Source="images/line.png" d:IsHidden="True"/>
 88                             Border>
 89                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
 90                             <Border d:IsHidden="True" >
 91                                 <Image Source="images/line.png" d:IsHidden="True"/>
 92                             Border>
 93                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
 94                             <Border d:IsHidden="True" >
 95                                 <Image Source="images/line.png" d:IsHidden="True"/>
 96                             Border>
 97                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
 98                             <Border d:IsHidden="True" >
 99                                 <Image Source="images/line.png" d:IsHidden="True"/>
100                             Border>
101                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
102                             <Border d:IsHidden="True" >
103                                 <Image Source="images/line.png" d:IsHidden="True"/>
104                             Border>
105                         StackPanel>
106 
107                     TabItem>
108                     
109                     <TabItem Header="Projects" Height="80" Margin="0,0,-3,0" Width="80" FontWeight="Bold" Style="{DynamicResource TabItemStyle}" TextOptions.TextFormattingMode="Display" d:IsHidden="True">
110                         <TabItem.Background>
111                             <ImageBrush ImageSource="images/projects.png" />
112                         TabItem.Background>
113                         
114                         <StackPanel Margin="2,6,2,2" d:IsHidden="True" >
115                             <Label Content="CSS Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
116                             <Border d:IsHidden="True" >
117                                 <Image Source="images/line.png" d:IsHidden="True"/>
118                             Border>
119                             <Label Content="JS Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
120                             <Border d:IsHidden="True" >
121                                 <Image Source="images/line.png" d:IsHidden="True"/>
122                             Border>
123                             <Label Content="HTML Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
124                             <Border d:IsHidden="True" >
125                                 <Image Source="images/line.png" d:IsHidden="True"/>
126                             Border>
127                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
128                             <Border d:IsHidden="True" >
129                                 <Image Source="images/line.png" d:IsHidden="True"/>
130                             Border>
131                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
132                             <Border d:IsHidden="True" >
133                                 <Image Source="images/line.png" d:IsHidden="True"/>
134                             Border>
135                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
136                             <Border d:IsHidden="True" >
137                                 <Image Source="images/line.png" d:IsHidden="True"/>
138                             Border>
139                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
140                             <Border d:IsHidden="True" >
141                                 <Image Source="images/line.png" d:IsHidden="True"/>
142                             Border>
143                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
144                             <Border d:IsHidden="True" >
145                                 <Image Source="images/line.png" d:IsHidden="True"/>
146                             Border>
147                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
148                             <Border d:IsHidden="True" >
149                                 <Image Source="images/line.png" d:IsHidden="True"/>
150                             Border>
151                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
152                             <Border d:IsHidden="True" >
153                                 <Image Source="images/line.png" d:IsHidden="True"/>
154                             Border>
155                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
156                             <Border d:IsHidden="True" >
157                                 <Image Source="images/line.png" d:IsHidden="True"/>
158                             Border>
159                         StackPanel>
160 
161                         
162 
163                     TabItem>
164 
165                     <TabItem Header="Tasks" Height="80" Margin="0,0,-3,0" Width="80" FontWeight="Bold" Style="{DynamicResource TabItemStyle}" TextOptions.TextFormattingMode="Display" d:IsHidden="True">
166                         <TabItem.Background>
167                             <ImageBrush ImageSource="images/taskicon.png" />
168                         TabItem.Background>
169                         
170                         <StackPanel Margin="2,6,2,2" d:IsHidden="True" >
171                             <Label Content="AI Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
172                             <Border d:IsHidden="True" >
173                                 <Image Source="images/line.png" d:IsHidden="True"/>
174                             Border>
175                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
176                             <Border d:IsHidden="True" >
177                                 <Image Source="images/line.png" d:IsHidden="True"/>
178                             Border>
179                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
180                             <Border d:IsHidden="True" >
181                                 <Image Source="images/line.png" d:IsHidden="True"/>
182                             Border>
183                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
184                             <Border d:IsHidden="True" >
185                                 <Image Source="images/line.png" d:IsHidden="True"/>
186                             Border>
187                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
188                             <Border d:IsHidden="True" >
189                                 <Image Source="images/line.png" d:IsHidden="True"/>
190                             Border>
191                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
192                             <Border d:IsHidden="True" >
193                                 <Image Source="images/line.png" d:IsHidden="True"/>
194                             Border>
195                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
196                             <Border d:IsHidden="True" >
197                                 <Image Source="images/line.png" d:IsHidden="True"/>
198                             Border>
199                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
200                             <Border d:IsHidden="True" >
201                                 <Image Source="images/line.png" d:IsHidden="True"/>
202                             Border>
203                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
204                             <Border d:IsHidden="True" >
205                                 <Image Source="images/line.png" d:IsHidden="True"/>
206                             Border>
207                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
208                             <Border d:IsHidden="True" >
209                                 <Image Source="images/line.png" d:IsHidden="True"/>
210                             Border>
211                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
212                             <Border d:IsHidden="True" >
213                                 <Image Source="images/line.png" d:IsHidden="True"/>
214                             Border>
215                         StackPanel>
216 
217                         
218                     TabItem>
219 
220                     <TabItem Header="Calendar" Height="80" Margin="0,0,-3,0" Width="80" FontWeight="Bold" Style="{DynamicResource TabItemStyle}" TextOptions.TextFormattingMode="Display" d:IsHidden="True">
221                         <TabItem.Background>
222                             <ImageBrush ImageSource="images/calendaricon.png" />
223                         TabItem.Background>
224                         
225                         <StackPanel Margin="2,6,2,2" d:IsHidden="True" >
226                             <Label Content="DOC Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
227                             <Border d:IsHidden="True" >
228                                 <Image Source="images/line.png" d:IsHidden="True"/>
229                             Border>
230                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
231                             <Border d:IsHidden="True" >
232                                 <Image Source="images/line.png" d:IsHidden="True"/>
233                             Border>
234                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
235                             <Border d:IsHidden="True" >
236                                 <Image Source="images/line.png" d:IsHidden="True"/>
237                             Border>
238                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
239                             <Border d:IsHidden="True" >
240                                 <Image Source="images/line.png" d:IsHidden="True"/>
241                             Border>
242                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
243                             <Border d:IsHidden="True" >
244                                 <Image Source="images/line.png" d:IsHidden="True"/>
245                             Border>
246                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
247                             <Border d:IsHidden="True" >
248                                 <Image Source="images/line.png" d:IsHidden="True"/>
249                             Border>
250                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
251                             <Border d:IsHidden="True" >
252                                 <Image Source="images/line.png" d:IsHidden="True"/>
253                             Border>
254                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
255                             <Border d:IsHidden="True" >
256                                 <Image Source="images/line.png" d:IsHidden="True"/>
257                             Border>
258                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
259                             <Border d:IsHidden="True" >
260                                 <Image Source="images/line.png" d:IsHidden="True"/>
261                             Border>
262                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
263                             <Border d:IsHidden="True" >
264                                 <Image Source="images/line.png" d:IsHidden="True"/>
265                             Border>
266                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
267                             <Border d:IsHidden="True" >
268                                 <Image Source="images/line.png" d:IsHidden="True"/>
269                             Border>
270                         StackPanel>
271 
272                         
273                     TabItem>
274 
275                     <TabItem Header="Statistics" Height="80" Margin="0,0,-3,0" Width="80" FontWeight="Bold" Style="{DynamicResource TabItemStyle}" TextOptions.TextFormattingMode="Display" d:IsHidden="True">
276                         <TabItem.Background>
277                             <ImageBrush ImageSource="images/graphicon.png" />
278                         TabItem.Background>
279                         
280                         <StackPanel Margin="2,6,2,2" d:IsHidden="True" >
281                             <Label Content="JD Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
282                             <Border d:IsHidden="True" >
283                                 <Image Source="images/line.png" d:IsHidden="True"/>
284                             Border>
285                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
286                             <Border d:IsHidden="True" >
287                                 <Image Source="images/line.png" d:IsHidden="True"/>
288                             Border>
289                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
290                             <Border d:IsHidden="True" >
291                                 <Image Source="images/line.png" d:IsHidden="True"/>
292                             Border>
293                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
294                             <Border d:IsHidden="True" >
295                                 <Image Source="images/line.png" d:IsHidden="True"/>
296                             Border>
297                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
298                             <Border d:IsHidden="True" >
299                                 <Image Source="images/line.png" d:IsHidden="True"/>
300                             Border>
301                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
302                             <Border d:IsHidden="True" >
303                                 <Image Source="images/line.png" d:IsHidden="True"/>
304                             Border>
305                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
306                             <Border d:IsHidden="True" >
307                                 <Image Source="images/line.png" d:IsHidden="True"/>
308                             Border>
309                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
310                             <Border d:IsHidden="True" >
311                                 <Image Source="images/line.png" d:IsHidden="True"/>
312                             Border>
313                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
314                             <Border d:IsHidden="True" >
315                                 <Image Source="images/line.png" d:IsHidden="True"/>
316                             Border>
317                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
318                             <Border d:IsHidden="True" >
319                                 <Image Source="images/line.png" d:IsHidden="True"/>
320                             Border>
321                             <Label Content="Graphic Design" Foreground="White" Margin="0,6,0,6" d:IsHidden="True"/>
322                             <Border d:IsHidden="True" >
323                                 <Image Source="images/line.png" d:IsHidden="True"/>
324                             Border>
325                         StackPanel>
326 
327                         
328                     TabItem>
329 
330 
331                 TabControl>
332             StackPanel>
333             
334             <StackPanel  Grid.Column="1" Grid.Row="1" Background="White" Margin="0,0,1,0" Orientation="Horizontal" d:IsHidden="True">
335                 
336                 <Border x:Name="spliter" Width="32" Height="64" Margin="-10" Cursor="Hand" MouseLeftButtonDown="spliter_MouseLeftButtonDown" d:IsHidden="True">
337                     <Border.Background>
338                         <ImageBrush ImageSource="images/panelexpand.png" Stretch="UniformToFill"/>
339                     Border.Background>
340                 Border>
341 
342                 
343                 
344                 <Frame x:Name="pageContainer" Margin="33,18,33,18" ScrollViewer.CanContentScroll="True" NavigationUIVisibility="Hidden" d:IsHidden="True"  />
345                 
348             StackPanel>
349             
350 
351         Grid>
352     Grid>
353 Window>

View Code

　　主界面中用 AllowsTransparency="True" WindowStyle="None" Background="{x:Null}" 对窗体的边框进行隐藏。坐标的页签是tabControl控件，但是必须要重新定义其Style样式：Style="{DynamicResource TabItemStyle}，其中TabItemStyle的代码如下：

  1 <ResourceDictionary
  2     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
  3     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" mc:Ignorable="d">
  4     <SolidColorBrush x:Key="TabControlNormalBorderBrush" Color="#8C8E94"/>
  5     
  6     <Style x:Key="TabControlStyle" TargetType="{x:Type TabControl}">
  7         <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
  8         <Setter Property="Padding" Value="4,4,4,4"/>
  9         <Setter Property="BorderThickness" Value="1"/>
 10         <Setter Property="BorderBrush" Value="{StaticResource TabControlNormalBorderBrush}"/>
 11         <Setter Property="Background" Value="#F9F9F9"/>
 12         <Setter Property="HorizontalContentAlignment" Value="Center"/>
 13         <Setter Property="VerticalContentAlignment" Value="Center"/>
 14         <Setter Property="Template">
 15             <Setter.Value>
 16                 <ControlTemplate TargetType="{x:Type TabControl}">
 17                     <Grid ClipToBounds="true" SnapsToDevicePixels="true" KeyboardNavigation.TabNavigation="Local">
 18                         <Grid.ColumnDefinitions>
 19                             <ColumnDefinition x:Name="ColumnDefinition0"/>
 20                             <ColumnDefinition x:Name="ColumnDefinition1" Width="0"/>
 21                         Grid.ColumnDefinitions>
 22                         <Grid.RowDefinitions>
 23                             <RowDefinition x:Name="RowDefinition0" Height="Auto" MinHeight="84.5"/>
 24                             <RowDefinition x:Name="RowDefinition1"/>
 25                         Grid.RowDefinitions>
 26                         <Border x:Name="ContentPanel" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" Grid.Column="0" KeyboardNavigation.DirectionalNavigation="Contained" Grid.Row="1" KeyboardNavigation.TabIndex="2" KeyboardNavigation.TabNavigation="Local" Margin="0">
 27                             <ContentPresenter x:Name="PART_SelectedContentHost" ContentSource="SelectedContent" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Opacity="1"/>
 28                         Border>
 29                         <Canvas x:Name="HeaderPanel" HorizontalAlignment="Stretch" Height="Auto" Width="Auto" IsItemsHost="True"/>
 30                     Grid>
 31                     <ControlTemplate.Triggers>
 32                         <Trigger Property="IsEnabled" Value="false">
 33                             <Setter Property="Foreground" Value="#FF00D1E5"/>
 34                         Trigger>
 35                     ControlTemplate.Triggers>
 36                 ControlTemplate>
 37             Setter.Value>
 38         Setter>
 39     Style>
 40     <Style x:Key="TabItemFocusVisual">
 41         <Setter Property="Control.Template">
 42             <Setter.Value>
 43                 <ControlTemplate>
 44                     <Rectangle Margin="3,3,3,1" SnapsToDevicePixels="true" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2"/>
 45                 ControlTemplate>
 46             Setter.Value>
 47         Setter>
 48     Style>
 49     <LinearGradientBrush x:Key="ButtonNormalBackground" EndPoint="0,1" StartPoint="0,0">
 50         <GradientStop Color="#F3F3F3" Offset="0"/>
 51         <GradientStop Color="#EBEBEB" Offset="0.5"/>
 52         <GradientStop Color="#DDDDDD" Offset="0.5"/>
 53         <GradientStop Color="#CDCDCD" Offset="1"/>
 54     LinearGradientBrush>
 55     <LinearGradientBrush x:Key="TabItemHotBackground" EndPoint="0,1" StartPoint="0,0">
 56         <GradientStop Color="#EAF6FD" Offset="0.15"/>
 57         <GradientStop Color="#D9F0FC" Offset=".5"/>
 58         <GradientStop Color="#BEE6FD" Offset=".5"/>
 59         <GradientStop Color="#A7D9F5" Offset="1"/>
 60     LinearGradientBrush>
 61     <SolidColorBrush x:Key="TabItemSelectedBackground" Color="#F9F9F9"/>
 62     <SolidColorBrush x:Key="TabItemHotBorderBrush" Color="#3C7FB1"/>
 63     <SolidColorBrush x:Key="TabItemDisabledBackground" Color="#F4F4F4"/>
 64     <SolidColorBrush x:Key="TabItemDisabledBorderBrush" Color="#FFC9C7BA"/>
 65     <Style x:Key="TabItemStyle" TargetType="{x:Type TabItem}">
 66         <Setter Property="FocusVisualStyle" Value="{StaticResource TabItemFocusVisual}"/>
 67         <Setter Property="Foreground" Value="#FF00D1E5"/>
 68         <Setter Property="Padding" Value="6,1,6,1"/>
 69         <Setter Property="BorderBrush" Value="{StaticResource TabControlNormalBorderBrush}"/>
 70         <Setter Property="Background" Value="{StaticResource ButtonNormalBackground}"/>
 71         <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
 72         <Setter Property="VerticalContentAlignment" Value="Stretch"/>
 73         <Setter Property="Template">
 74             <Setter.Value>
 75                 <ControlTemplate TargetType="{x:Type TabItem}">
 76                     <Grid SnapsToDevicePixels="true">
 77                         <Grid.RowDefinitions>
 78                             <RowDefinition Height="0.66*"/>
 79                             <RowDefinition Height="0.34*"/>
 80                         Grid.RowDefinitions>
 81                         <Border x:Name="Bd" BorderThickness="0" CornerRadius="3" BorderBrush="Black" Margin="0" Grid.RowSpan="2" Visibility="Hidden">
 82                             <Border.Background>
 83                                 <ImageBrush ImageSource="/WpfTabNavigation;component/images/hoverbutton.png" />
 84                             Border.Background>
 85                         Border>
 86                         <Border x:Name="fg" BorderThickness="0" CornerRadius="3" BorderBrush="#FF00D1D1" Margin="0" Grid.RowSpan="2" Visibility="Hidden" RenderTransformOrigin="0.5,0.5">
 87                             <Border.RenderTransform>
 88                                 <TransformGroup>
 89                                     <ScaleTransform/>
 90                                     <SkewTransform/>
 91                                     <RotateTransform/>
 92                                     <TranslateTransform/>
 93                                 TransformGroup>
 94                             Border.RenderTransform>
 95                             <Border.Background>
 96                                 <ImageBrush ImageSource="/WpfTabNavigation;component/images/hoverbutton.png"/>
 97                             Border.Background>
 98                         Border>
 99                         
100                         <TextBlock Name="PART_Text" Margin="0,0.333,0,3.833" TextWrapping="Wrap" VerticalAlignment="Stretch" d:LayoutOverrides="Height" Grid.Row="1" HorizontalAlignment="Center" Text="{TemplateBinding Header}" Foreground="Black" >
101 
102                             <TextBlock.Style>
103                                 <Style TargetType="TextBlock">
104                                     <Setter Property= "Foreground" Value="#FF00D1E5"/>
105                                     <Style.Triggers>
106                                         <Trigger Property ="IsMouseOver" Value="True">
107                                             <Setter Property= "Foreground" Value="Black"/>
108                                         Trigger>
109                                     Style.Triggers>
110                                 Style>
111                             TextBlock.Style>
112                            
113                         TextBlock>
114                         
115                         <Border x:Name="ico" BorderThickness="0" CornerRadius="3" BorderBrush="Black" Margin="4,4,4.25,0" Grid.RowSpan="1" HorizontalAlignment="Center" VerticalAlignment="Center" Width="32" Height="32" Background="{TemplateBinding Background}" RenderTransformOrigin="0.5,0.5">
116                             <Border.RenderTransform>
117                                 <TransformGroup>
118                                     <ScaleTransform/>
119                                     <SkewTransform/>
120                                     <RotateTransform/>
121                                     <TranslateTransform/>
122                                 TransformGroup>
123                             Border.RenderTransform>
124                         Border>
125                     Grid>
126                     <ControlTemplate.Triggers>
127                         <Trigger Property="IsMouseOver" Value="true"/>
128                         <Trigger Property="IsSelected" Value="true">
129                             <Setter Property="Visibility" TargetName="Bd" Value="Visible"/>
130                             <Setter Property="Panel.ZIndex" TargetName="ico" Value="1"/>
131                         Trigger>
132                         <MultiTrigger>
133                             <MultiTrigger.Conditions>
134                                 <Condition Property="IsSelected" Value="false"/>
135                                 <Condition Property="IsMouseOver" Value="true"/>
136                             MultiTrigger.Conditions>
137                             <Setter Property="Visibility" TargetName="fg" Value="Visible"/>
138                             <Setter Property="RenderTransform" TargetName="ico">
139                                 <Setter.Value>
140                                     <TransformGroup>
141                                         <ScaleTransform ScaleX="1.05" ScaleY="1.05"/>
142                                         <SkewTransform/>
143                                         <RotateTransform/>
144                                         <TranslateTransform/>
145                                     TransformGroup>
146                                 Setter.Value>
147                             Setter>
148                         MultiTrigger>
149                         <Trigger Property="IsEnabled" Value="false"/>
150                     ControlTemplate.Triggers>
151                 ControlTemplate>
152             Setter.Value>
153         Setter>
154     Style>
155 ResourceDictionary>

View Code

4 WPF逻辑实现

　UI界面有了，还必须附加一些业务逻辑：

　1）窗体拖动；

1         private void Window_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
2         {
3             this.DragMove();
4         }

2）单击页签菜单项目，进行导航到相应的页面；

1         private void Label_MouseLeftButtonDown_2(object sender, MouseButtonEventArgs e)
2         {
3             this.pageContainer.Source = new Uri("pages/Page_Chart2.xaml", UriKind.RelativeOrAbsolute);
4         }

　　在主界面中有一个名为pageContainer的Frame控件，它能加载Page类型的界面(注意不是window).详细页面的正太分布图形用的Oxyplot控件。

　3）坐标的页签菜单栏可以隐藏和显示

 1         private bool __isLeftHide = false;
 2         private void spliter_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
 3         {
 4             //显示和隐藏
 5             __isLeftHide =! __isLeftHide;
 6             if (__isLeftHide)
 7             {
 8                 this.gridForm.ColumnDefinitions[0].Width = new GridLength(1d);
 9             }
10             else
11             {
12                 this.gridForm.ColumnDefinitions[0].Width = new GridLength(200d);
13             }
14           
15         }

　　由于Grid没有visiable属性，我这里获取页签所在的Grid列，然后设置其width属性为1，将其隐藏。

5 最终效果

　　最终的效果截图如下（感谢园友斧正：下图的正太分布是正态分布哈！）：

6 未实现的功能

　　左边菜单的颜色，想着不选中显示RGB(0,209,229)，选中显示RGB(51,51,51)或者黑色。但尝试了一些方法还未实现。若有园友知道思路的话，欢迎指教！

7 代码开源

　　此代码进行开源，代码托管到GitHub上，https://github.com/JackWangCUMT/WPFTabNavigation

-----------------------------------------------------------------------------------------------------------------

8 完善

　　上面提到字体无法变更的问题，经过查阅资料已经解决，这里主要用到触发器设置中的TargetName属性，将设置的值应用到名为TargetName设置的控件对应属性上：

 1     <Style x:Key="TabItemStyle" TargetType="{x:Type TabItem}">
 2         ......
 3         <Setter Property="Template">
 4             <Setter.Value>
 5                 <ControlTemplate TargetType="{x:Type TabItem}">
 6                     <Grid SnapsToDevicePixels="true">
 7                         ......
 8                         
 9                         <TextBlock Name="PART_Text" Margin="0,0.333,0,3.833" TextWrapping="Wrap" VerticalAlignment="Stretch" d:LayoutOverrides="Height" Grid.Row="1" HorizontalAlignment="Center" Text="{TemplateBinding Header}" Foreground="#FF00D1E5" >
10                            
11                         TextBlock>
12                         
13                            ......
14                     Grid>
15                     <ControlTemplate.Triggers>
16                         <Trigger Property="IsMouseOver" Value="true"/>
17                         
18                         <Trigger Property="IsSelected" Value="true">
19                             <Setter Property="Visibility" TargetName="Bd" Value="Visible"/>
20                             <Setter Property="Panel.ZIndex" TargetName="ico" Value="1"/>
21                             
22                             <Setter Property="Foreground" TargetName="PART_Text" Value="Black" />
23                          Trigger>
24                         <MultiTrigger>
25                             <MultiTrigger.Conditions>
26                                 <Condition Property="IsSelected" Value="false"/>
27                                 <Condition Property="IsMouseOver" Value="true"/>
28                             MultiTrigger.Conditions>
29                             <Setter Property="Visibility" TargetName="fg" Value="Visible"/>
30                             <Setter Property="RenderTransform" TargetName="ico">
31                                 <Setter.Value>
32                                     <TransformGroup>
33                                         <ScaleTransform ScaleX="1.05" ScaleY="1.05"/>
34                                         <SkewTransform/>
35                                         <RotateTransform/>
36                                         <TranslateTransform/>
37                                     TransformGroup>
38                                 Setter.Value>
39                             Setter>
40                         MultiTrigger>
41                         <Trigger Property="IsEnabled" Value="false"/>
42                     ControlTemplate.Triggers>
43                 ControlTemplate>
44             Setter.Value>
45         Setter>
46     Style>

View Code

另外将日期控件进行了样式完善，这里对TextBox控件利用自定义样式将其设置为具有可以下拉选择日期的功能。

你可能感兴趣的:(WPF如何实现一个漂亮的页签导航UI)

斤斤计较的婚姻到底有多难？白心之岂必有为
很多人私聊我会问到在哪个人群当中斤斤计较的人最多？我都会回答他，一般婚姻出现问题的斤斤计较的人士会非常多，以我多年经验，在婚姻落的一塌糊涂的人当中，斤斤计较的人数占比在20～30%以上，也就是说10个婚姻出现问题的斤斤计较的人有2-3个有多不减。在婚姻出问题当中，有大量的心理不平衡的、尖酸刻薄的怨妇。在婚姻中仅斤斤计较有两种类型：第一种是物质上的，另一种是精神上的。在物质与精神上抠门已经严重的影响
情绪觉察日记第37天露露_e800
今天是家庭关系规划师的第二阶最后一天，慧萍老师帮我做了个案，帮我处理了埋在心底好多年的一份恐惧，并给了我深深的力量！这几天出来学习，爸妈过来婆家帮我带小孩，妈妈出于爱帮我收拾东西，并跟我先生和婆婆产生矛盾，妈妈觉得他们没有照顾好我…。今晚回家见到妈妈，我很欣赏她并赞扬她，妈妈说今晚要跟我睡我说好，当我们俩躺在床上准备睡觉的时候，我握着妈妈的手对她说:妈妈这几天辛苦你了，你看你多利害把我们的家收拾得
芦花鞋一四许叶晗
又是在一个寒冷的夏日里，青铜和葵花决定今天一起去卖芦花鞋，奶奶亲手给他们做了一碗热乎乎的粥对他们说:“就靠你们两挣生活费了这碗粥赶紧趁热喝了吧！”于是青铜和葵花喝完了奶奶给她们做的粥，就准备去镇上卖卢花鞋，这回青铜和葵花穿着新的芦花鞋来到了镇上。青铜这回看到了很多人都在卖，用手势表达对葵花说:“这回有好多人在抢我们生意呢！我们必须得吆喝起来。”葵花点了点头。可是谁知他们也大声的叫，卖芦花喽！卖芦花
QQ群采集助手，精准引流必备神器 2401_87347160 其他经验分享
功能概述微信群查找与筛选工具是一款专为微信用户设计的辅助工具，它通过关键词搜索功能，帮助用户快速找到相关的微信群，并提供筛选是否需要验证的群组的功能。主要功能关键词搜索：用户可以输入关键词，工具将自动查找包含该关键词的微信群。筛选功能：工具提供筛选机制，用户可以选择是否只显示需要验证或不需要验证的群组。精准引流：通过上述功能，用户可以更精准地找到目标群组，进行有效的引流操作。3.设备需求该工具可以
关于沟通这件事，项目经理不需要每次都面对面进行流程大师兄
很多项目经理都会遇到这样的问题，项目中由于事情太多，根本没有足够的时间去召开会议，那在这种情况下如何去有效地管理项目中的利益相关者？当然，不建议电子邮件也不需要开会的话，建议可以采取下面几种方式来形成有效的沟通，这几种方式可以帮助你努力的通过各种办法来保持和各方面的联系。项目经理首先要问自己几个问题，项目中哪些利益相关者是必须要进行沟通的？可以列出项目中所有的利益相关者清单，同时也整理出项目中哪些
机器学习与深度学习间关系与区别 ℒℴѵℯ心·动ꦿ໊ོ꫞ 人工智能学习深度学习 python
一、机器学习概述定义机器学习（MachineLearning,ML）是一种通过数据驱动的方法，利用统计学和计算算法来训练模型，使计算机能够从数据中学习并自动进行预测或决策。机器学习通过分析大量数据样本，识别其中的模式和规律，从而对新的数据进行判断。其核心在于通过训练过程，让模型不断优化和提升其预测准确性。主要类型1.监督学习（SupervisedLearning）监督学习是指在训练数据集中包含输入
铭刻于星（四十二）随风至
69夜晚，绍敏同学做完功课后，看了眼房外，没听到动静才敢从书包的夹层里拿出那个心形纸团。折痕压得很深，都有些旧了，想来是已经写好很久了。绍敏同学慢慢地、轻轻地捏开折叠处，待到全部拆开后，又反复抚平纸张，然后仔细地一字字默看。只是开头的三个字是第一次看到，让她心漏跳了几拍。“亲爱的绍敏：从四年级的时候，我就喜欢你了，但是我一直不敢说，怕影响你学习。六年级的时候听说有人跟你表白，你接受了，我很难过，但
底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说造命者说
底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说我叫吴起，生于公元前440年的战国初期，正是群雄并起、天下纷争不断的时候。后人说我是军事家、政治家、改革家，是兵家代表人物。评价我一生历仕鲁、魏、楚三国，通晓兵家、法家、儒家三家思想，在内政军事上都有极高的成就。周安王二十一年（公元前381年），因变法得罪守旧贵族，被人乱箭射死。我出生在卫国一个“家累万金”的富有家庭，从年轻时候起就不甘平凡
2020-01-25 晴岚85
郑海燕坚持分享590天2020.1.24在生活中只存在两个问题。一个问题是：你知道想要达成的目标是什么，但却不知道如何才能达成；另一个问题是：你不知道你的目标是什么。前一个是行动的问题，后一个是结果的问题。通过制定具体的下一步行动，可以解决不知道如何开始行动的问题。而通过去想象结果，对结果做预估，可以解决找不着目标的问题。对于所有吸引我们注意力，想要完成的任务，你可以先想象一下，预期的结果究竟是什
随笔 | 仙一般的灵气海思沧海
仙岛今天，我看了你全部，似乎已经进入你的世界我不知道，这是否是梦幻，还是你仙一般的灵气吸引了我也许每一个人都要有一份属于自己的追求，这样才能够符合人生的梦想，生活才能够充满着阳光与快乐我不知道，我为什么会这样的感叹，是在感叹自己的人生，还是感叹自己一直没有孜孜不倦的追求只感觉虚度了光阴，每天活在自己的梦中，活在一个不真实的世界是在逃避自己，还是在逃避周围的一切有时候我嘲笑自己，嘲笑自己如此的虚无，
想家爆米花机
也许不同于大家对家乡的思念，我对家乡甚至是疯狂的不舍。还未踏出车站就感觉到幸福，我享受这里的夕阳、这里的浓烈柴火味、这里每一口家常菜。我是宅女，我贪恋家的安逸。刚刚踏出大学校门，初出茅庐，无法适应每年只能国庆和春节回家。我焦虑、失眠、无端发脾气，是无法适应工作的节奏，是无法接受我将一步步离开家乡的事实。我不想承认自己胸无大志，选择再次踏上征程。图片发自App
【iOS】MVC设计模式 Magnetic_h ios mvc 设计模式 objective-c 学习 ui
MVC前言如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architecturalpattern），属于编程的方法论。MVC模式就是架构模式的一种。它是Apple官方推荐的App开发架构，也是一般开发者最先遇到、最经典的架构。MVC各层controller层Controller/ViewController/VC（控制器）负责协调Model和View，处理大部分逻辑它将数据从Mod
OC语言多界面传值五大方式 Magnetic_h ios ui 学习 objective-c 开发语言
前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt
一百九十四章. 自相矛盾巨木擎天
唉！就这么一夜，林子感觉就像过了很多天似的，先是回了阳间家里，遇到了那么多不可思议的事情儿。特别是小伙伴们，第二次与自己见面时，僵硬的表情和恐怖的气氛，让自己如坐针毡，打从心眼里难受！还有东子，他现在还好吗？有没有被人欺负？护城河里的小鱼小虾们，还都在吗？水不会真的干枯了吧？那对相亲相爱漂亮的太平鸟儿，还好吧！春天了，到了做窝、下蛋、喂养小鸟宝宝的时候了，希望它们都能够平安啊！虽然没有看见家人，也
UI学习——cell的复用和自定义cell Magnetic_h ui 学习
目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
element实现动态路由+面包屑软件技术NINI vue案例 vue.js 前端
el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
10月|愿你的青春不负梦想-读书笔记-01 Tracy的小书斋
本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便
C语言宏函数南林yan C语言 c语言
一、什么是宏函数？通过宏定义的函数是宏函数。如下，编译器在预处理阶段会将Add(x,y)替换为((x)*(y))#defineAdd(x,y)((x)*(y))#defineAdd(x,y)((x)*(y))intmain(){inta=10;intb=20;intd=10;intc=Add(a+d,b)*2;cout<
地推话术，如何应对地推过程中家长的拒绝校师学
相信校长们在做地推的时候经常遇到这种情况：市场专员反馈家长不接单，咨询师反馈难以邀约这些家长上门，校区地推疲软，招生难。为什么？仅从地推层面分析，一方面因为家长受到的信息轰炸越来越多，对信息越来越“免疫”；而另一方面地推人员的专业能力和营销话术没有提高，无法应对家长的拒绝，对有意向的家长也不知如何跟进，眼睁睁看着家长走远；对于家长的疑问，更不知道如何有技巧地回答，机会白白流失。由于回答没技巧和专业
谢谢你们，爱你们！鹿游儿
昨天家人去泡温泉，二个孩子也带着去，出发前一晚，匆匆下班，赶回家和孩子一起收拾。饭后，我拿出笔和本子（上次去澳门时做手帐的本子）写下了1\2\3\4\5\6\7\8\9,让后让小壹去思考，带什么出发去旅游呢？她在对应的数字旁边画上了，泳衣、泳圈、肖恩、内衣内裤、tapuy、拖鞋……画完后，就让她自己对着这个本子，将要带的，一一带上，没想到这次带的书还是这本《便便工厂》(晚上姑婆发照片过来，妹妹累得
C语言如何定义宏函数？小九格物 c语言
在C语言中，宏函数是通过预处理器定义的，它在编译之前替换代码中的宏调用。宏函数可以模拟函数的行为，但它们不是真正的函数，因为它们在编译时不会进行类型检查，也不会分配存储空间。宏函数的定义通常使用#define指令，后面跟着宏的名称和参数列表，以及宏展开后的代码。宏函数的定义方式：1.基本宏函数：这是最简单的宏函数形式，它直接定义一个表达式。#defineSQUARE(x)((x)*(x))2.带参
微服务下功能权限与数据权限的设计与实现 nbsaas-boot 微服务 java 架构
在微服务架构下，系统的功能权限和数据权限控制显得尤为重要。随着系统规模的扩大和微服务数量的增加，如何保证不同用户和服务之间的访问权限准确、细粒度地控制，成为设计安全策略的关键。本文将讨论如何在微服务体系中设计和实现功能权限与数据权限控制。1.功能权限与数据权限的定义功能权限：指用户或系统角色对特定功能的访问权限。通常是某个用户角色能否执行某个操作，比如查看订单、创建订单、修改用户资料等。数据权限：
理解Gunicorn：Python WSGI服务器的基石范范0825 ipython linux 运维
理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
小丽成长记（四十三）玲玲54321
小丽发现，即使她好不容易调整好自己的心态下一秒总会有不确定的伤脑筋的事出现，一个接一个的问题，人生就没有停下的时候，小问题不断出现。不过她今天看的书，她接受了人生就是不确定的，厉害的人就是不断创造确定性，在Ta的领域比别人多的确定性就能让自己脱颖而出，显示价值从而获得的比别人多的利益。正是这样的原因，因为从前修炼自己太少，使得她现在在人生道路上打怪起来困难重重，她似乎永远摆脱不了那种无力感，有种习
学点心理知识，呵护孩子健康静候花开_7090
昨天听了华中师范大学教育管理学系副教授张玲老师的《哪里才是学生心理健康的最后庇护所，超越教育与技术的思考》的讲座。今天又重新学习了一遍，收获匪浅。张玲博士也注意到了当今社会上的孩子由于心理问题导致的自残、自杀及伤害他人等恶性事件。她向我们普及了一个重要的命题，她说心理健康的一些基本命题，我们与我们通常的一些教育命题是不同的，她还举了几个例子，让我们明白我们原来以为的健康并非心理学上的健康。比如如果
2021年12月19日，春蕾教育集团团建活动感受——黄晓丹黄错错加油
感受:1.从陌生到熟悉的过程。游戏环节让我们在轻松的氛围中得到了锻炼，也增长了不少知识。2.游戏过程中，我们贡献的是个人力量，展现的是团队的力量。它磨合的往往不止是工作的熟悉，更是观念上契合度的贴近。3.这和工作是一样的道理。在各自的岗位上，每个人摆正自己的位置、各司其职充分发挥才能，并团结一致劲往一处使，才能实现最大的成功。新知:1.团队精神需要不断地创新。过去，人们把创新看作是冒风险，现在人们
Cell Insight | 单细胞测序技术又一新发现，可用于HIV-1和Mtb共感染个体诊断尐尐呅
结核病是艾滋病合并其他疾病中导致患者死亡的主要原因。其中结核病由结核分枝杆菌（Mycobacteriumtuberculosis,Mtb）感染引起，获得性免疫缺陷综合症（艾滋病）由人免疫缺陷病毒（Humanimmunodeficiencyvirustype1,HIV-1）感染引起。国家感染性疾病临床医学研究中心/深圳市第三人民医院张国良团队携手深圳华大生命科学研究院吴靓团队，共同研究得出单细胞测序
c++ 的iostream 和 c++的stdio的区别和联系黄卷青灯77 c++算法开发语言 iostream stdio
在C++中，iostream和C语言的stdio.h都是用于处理输入输出的库，但它们在设计、用法和功能上有许多不同。以下是两者的区别和联系：区别1.编程风格iostream（C++风格）：C++标准库中的输入输出流类库，支持面向对象的输入输出操作。典型用法是cin（输入）和cout（输出），使用>操作符来处理数据。更加类型安全，支持用户自定义类型的输入输出。#includeintmain(){in
瑶池防线谜影梦蝶
冥华虽然逃过了影梦的军队，但他是一个忠臣，他选择上报战况。败给影梦后成逃兵，高层亡尔还活着，七重天失守......随便一条，即可处死冥华。冥华自然是知道以仙界高层的习性此信一发自己必死无疑，但他还选择上报实情，因为责任。同样此信送到仙宫后，知道此事的人，大多数人都认定冥华要完了，所以上到仙界高层，下到扫大街的，包括冥华自己，全都准备好迎接冥华之死。如果仙界现在还属于两方之争的话，冥华必死无疑。然而
爬山后遗症璃绛
爬山，攀登，一步一步走向制高点，是一种挑战。成功抵达是一种无法言语的快乐，在山顶吹吹风，看看风景，这是从未有过的体验。然而，爬山一时爽，下山腿打颤，颠簸的路，一路向下走，腿部力量不够，走起来抖到不行，停不下来了！第二天必定腿疼，浑身酸痛，坐立难安！
矩阵求逆（JAVA）利用伴随矩阵 qiuwanchi 利用伴随矩阵求逆矩阵
package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(利用伴随矩阵) * @author 邱万迟
单例（Singleton）模式 aoyouzi 单例模式 Singleton
3.1 概述如果要保证系统里一个类最多只能存在一个实例时，我们就需要单例模式。这种情况在我们应用中经常碰到，例如缓存池，数据库连接池，线程池，一些应用服务实例等。在多线程环境中，为了保证实例的唯一性其实并不简单，这章将和读者一起探讨如何实现单例模式。 3.2
[开源与自主研发]就算可以轻易获得外部技术支持,自己也必须研发 comsci 开源
现在国内有大量的信息技术产品，都是通过盗版，免费下载，开源，附送等方式从国外的开发者那里获得的。。。。。。虽然这种情况带来了国内信息产业的短暂繁荣，也促进了电子商务和互联网产业的快速发展，但是实际上，我们应该清醒的看到，这些产业的核心力量是被国外的
页面有两个frame,怎样点击一个的链接改变另一个的内容 Array_06 UI XHTML
<a src="地址" targets="这里写你要操作的Frame的名字" />搜索然后你点击连接以后你的新页面就会显示在你设置的Frame名字的框那里 targerts="",就是你要填写目标的显示页面位置 ===================== 例如： <frame src=&
Struts2实现单个/多个文件上传和下载 oloz 文件上传 struts
struts2单文件上传：步骤01:jsp页面  　　<form action="fileUplo
推荐10个在线logo设计网站 362217990 logo
在线设计Logo网站。 1、http://flickr.nosv.org（这个太简单） 2、http://www.logomaker.com/?source=1.5770.1 3、http://www.simwebsol.com/ImageTool 4、http://www.logogenerator.com/logo.php?nal=1&tpl_catlist[]=2 5、ht
jsp上传文件香水浓 jsp fileupload
1. jsp上传 Notice： 1. form表单 method 属性必须设置为 POST 方法，不能使用 GET 方法 2. form表单 enctype 属性需要设置为 multipart/form-data 3. form表单 action 属性需要设置为提交到后台处理文件上传的jsp文件地址或者servlet地址。例如 uploadFile.jsp 程序文件用来处理上传的文
我的架构经验系列文章 - 前端架构 agevs JavaScript Web 框架 UI jQuer
框架层面：近几年前端发展很快，前端之所以叫前端因为前端是已经可以独立成为一种职业了，js也不再是十年前的玩具了，以前富客户端RIA的应用可能会用flash/flex或是silverlight，现在可以使用js来完成大部分的功能，因此js作为一门前端的支撑语言也不仅仅是进行的简单的编码，越来越多框架性的东西出现了。越来越多的开发模式转变为后端只是吐json的数据源，而前端做所有UI的事情。MVCMV
android ksoap2 中把XML(DataSet) 当做参数传递 aijuans android
我的android app中需要发送webservice ，于是我使用了 ksop2 进行发送，在测试过程中不是很顺利,不能正常工作.我的web service 请求格式如下 [html] view plain copy <Envelope xmlns="http://schemas.
使用Spring进行统一日志管理 + 统一异常管理 baalwolf spring
统一日志和异常管理配置好后，SSH项目中，代码以往散落的log.info() 和 try..catch..finally 再也不见踪影！统一日志异常实现类： [java] view plain copy package com.pilelot.web.util; impor
Android SDK 国内镜像 BigBird2012 android sdk
一、镜像地址： 1、东软信息学院的 Android SDK 镜像，比配置代理下载快多了。配置地址， http://mirrors.neusoft.edu.cn/configurations.we#android 2、北京化工大学的： IPV4:ubuntu.buct.edu.cn IPV4:ubuntu.buct.cn IPV6:ubuntu.buct6.edu.cn
HTML无害化和Sanitize模块 bijian1013 JavaScript AngularJS Linky Sanitize
一.ng-bind-html、ng-bind-html-unsafe AngularJS非常注重安全方面的问题，它会尽一切可能把大多数攻击手段最小化。其中一个攻击手段是向你的web页面里注入不安全的HTML，然后利用它触发跨站攻击或者注入攻击。考虑这样一个例子，假设我们有一个变量存
[Maven学习笔记二]Maven命令 bit1129 maven
mvn compile compile编译命令将src/main/java和src/main/resources中的代码和配置文件编译到target/classes中，不会对src/test/java中的测试类进行编译 MVN编译使用 maven-resources-plugin:2.6:resources maven-compiler-plugin:2.5.1:compile &nbs
【Java命令二】jhat bit1129 Java命令
jhat用于分析使用jmap dump的文件，，可以将堆中的对象以html的形式显示出来，包括对象的数量，大小等等，并支持对象查询语言。 jhat默认开启监听端口7000的HTTP服务，jhat是Java Heap Analysis Tool的缩写 1. 用法： [hadoop@hadoop bin]$ jhat -help Usage: jhat [-stack <bool&g
JBoss 5.1.0 GA:Error installing to Instantiated: name=AttachmentStore state=Desc ronin47
进到类似目录 server/default/conf/bootstrap，打开文件 profile.xml找到： Xml代码<bean name="AttachmentStore" class="org.jboss.system.server.profileservice.repository.AbstractAtta
写给初学者的6条网页设计安全配色指南 brotherlamp UI ui自学 ui视频 ui教程 ui资料
网页设计中最基本的原则之一是，不管你花多长时间创造一个华丽的设计，其最终的角色都是这场秀中真正的明星——内容的衬托我仍然清楚地记得我最早的一次美术课，那时我还是一个小小的、对凡事都充满渴望的孩子，我摆放出一大堆漂亮的彩色颜料。我仍然记得当我第一次看到原色与另一种颜色混合变成第二种颜色时的那种兴奋，并且我想，既然两种颜色能创造出一种全新的美丽色彩，那所有颜色
有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。写一个函数实现。复杂度是什么。 bylijinnan java 算法面试
import java.util.Random; import java.util.Set; import java.util.TreeSet; /** * http://weibo.com/1915548291/z7HtOF4sx * #面试题#有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。 * 写一个函数实现。复杂度是什么
struts2获得request、session、application方式 chiangfai application
1、与Servlet API解耦的访问方式。 a.Struts2对HttpServletRequest、HttpSession、ServletContext进行了封装，构造了三个Map对象来替代这三种对象要获取这三个Map对象，使用ActionContext类。 -----> package pro.action; import java.util.Map; imp
改变python的默认语言设置 chenchao051 python
import sys sys.getdefaultencoding() 可以测试出默认语言，要改变的话，需要在python lib的site-packages文件夹下新建： sitecustomize.py，这个文件比较特殊，会在python启动时来加载，所以就可以在里面写上： import sys sys.setdefaultencoding('utf-8') &n
mysql导入数据load data infile用法 daizj mysql 导入数据
我们常常导入数据！mysql有一个高效导入方法，那就是load data infile 下面来看案例说明基本语法： load data [low_priority] [local] infile 'file_name txt' [replace | ignore] into table tbl_name [fields [terminated by't'] [OPTI
phpexcel导入excel表到数据库简单入门示例 dcj3sjt126com PHP Excel
跟导出相对应的，同一个数据表，也是将phpexcel类放在class目录下，将Excel表格中的内容读取出来放到数据库中 <?php error_reporting(E_ALL); set_time_limit(0); ?> <html> <head> <meta http-equiv="Content-Type"
22岁到72岁的男人对女人的要求 dcj3sjt126com
22岁男人对女人的要求是：一，美丽，二，性感，三，有份具品味的职业，四，极有耐性，善解人意，五，该聪明的时候聪明，六，作小鸟依人状时尽量自然，七，怎样穿都好看，八，懂得适当地撒娇，九，虽作惊喜反应，但看起来自然，十，上了床就是个无条件荡妇。 32岁的男人对女人的要求，略作修定，是：一，入得厨房，进得睡房，二，不必服侍皇太后，三，不介意浪漫蜡烛配盒饭，四，听多过说，五，不再傻笑，六，懂得独
Spring和HIbernate对DDM设计的支持 e200702084 DAO 设计模式 spring Hibernate 领域模型
A：数据访问对象 DAO和资源库在领域驱动设计中都很重要。DAO是关系型数据库和应用之间的契约。它封装了Web应用中的数据库CRUD操作细节。另一方面，资源库是一个独立的抽象，它与DAO进行交互，并提供到领域模型的“业务接口”。资源库使用领域的通用语言，处理所有必要的DAO，并使用领域理解的语言提供对领域模型的数据访问服务。
NoSql 数据库的特性比较 geeksun NoSQL
Redis 是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。目前由VMware主持开发工作。 1. 数据模型作为Key-value型数据库，Redis也提供了键（Key）和值（Value）的映射关系。除了常规的数值或字符串，Redis的键值还可以是以下形式之一： Lists （列表） Sets
使用 Nginx Upload Module 实现上传文件功能 hongtoushizi nginx
转载自： http://www.tuicool.com/wx/aUrAzm 普通网站在实现文件上传功能的时候，一般是使用Python，Java等后端程序实现，比较麻烦。Nginx有一个Upload模块，可以非常简单的实现文件上传功能。此模块的原理是先把用户上传的文件保存到临时文件，然后在交由后台页面处理，并且把文件的原名，上传后的名称，文件类型，文件大小set到页面。下
spring-boot-web-ui及thymeleaf基本使用 jishiweili spring thymeleaf
视图控制层代码demo如下： @Controller @RequestMapping("/") public class MessageController { private final MessageRepository messageRepository; @Autowired public MessageController(Mes
数据源架构模式之活动记录 home198979 PHP 架构活动记录数据映射
hello!架构一、概念活动记录（Active Record）：一个对象，它包装数据库表或视图中某一行，封装数据库访问，并在这些数据上增加了领域逻辑。对象既有数据又有行为。活动记录使用直截了当的方法，把数据访问逻辑置于领域对象中。二、实现简单活动记录活动记录在php许多框架中都有应用，如cakephp。 <?php /** * 行数据入口类 *
Linux Shell脚本之自动修改IP pda158 linux centos Debian 脚本
作为一名 Linux SA，日常运维中很多地方都会用到脚本，而服务器的ip一般采用静态ip或者MAC绑定，当然后者比较操作起来相对繁琐，而前者我们可以设置主机名、ip信息、网关等配置。修改成特定的主机名在维护和管理方面也比较方便。如下脚本用途为：修改ip和主机名等相关信息，可以根据实际需求修改，举一反三！ #!/bin/sh #auto Change ip netmask ga
开发环境搭建独浮云 eclipse jdk tomcat
最近在开发过程中，经常出现MyEclipse内存溢出等错误，需要重启的情况，好麻烦。对于一般的JAVA+TOMCAT项目开发，其实没有必要使用重量级的MyEclipse，使用eclipse就足够了。尤其是开发机器硬件配置一般的人。 &n