DefaultControlPadding}" FontSize="{DynamicResource MainFontSize}" Foreground="{DynamicResource SecondaryTextBrush " FontWeight="Normal" Foreground="{DynamicResource TextIconBrush}" FontSize="{DynamicResource HeadFontSize ="1" BorderBrush="{DynamicResource BorderBrush}" Background="{DynamicResource DarkPrimaryBrush}"></Button <Path Data="{<em>DynamicResource</em> FeatureGeometry}" Margin="0,0,8,0" Height="{<em>DynamicResource</em> TabLogoSize} " Width="{<em>DynamicResource</em> TabLogoSize}" Height="{<em>DynamicResource</em> TabLogoSize}" Fill="{<em>DynamicResource</em>
<NbButton Style="{<em>DynamicResource</em> NormalButtonStyle}" Margin="5" Content="一般按钮"/> <NbButton Style="{<em>DynamicResource</em> DefaultButtonStyle}" Margin="5" Content="默认按钮"/> <NbButton Style="{<em>DynamicResource</em> SuccessButtonStyle }" Margin="5" Content="成功按钮"/> <NbButton Style="{<em>DynamicResource</em> InfoButtonStyle}" Margin="5" Content Style="{<em>DynamicResource</em> DangerButtonStyle}" Margin="5" Content="危险按钮"/> 二、Newbeecoder.UI中选项框使用也非常方便, Style="{DynamicResource DefaultCheckBoxStyle}" Margin="5" Content="C. 1"/> <NbCheckBox Style="{<em>DynamicResource</em>
}" Margin="5" Width="150"> <NbTreeViewItem Style="{<em>DynamicResource</em> DefaultTreeViewItemStyle}" Header ="选项一" IsSelected="True"> <NbTreeViewItem Style="{<em>DynamicResource</em> DefaultTreeViewItemStyle}" Header="子项1"/> <NbTreeViewItem Style="{<em>DynamicResource</em> DefaultTreeViewItemStyle}" Header="子项2 Style="{DynamicResource DefaultTreeViewItemStyle}" Header="子项1"/> <NbTreeViewItem Style="{<em>DynamicResource</em> Style="{DynamicResource FolderTreeViewItemStyle}" Header="子项1"/> <NbTreeViewItem Style="{<em>DynamicResource</em>
<NbButton Style="{<em>DynamicResource</em> NormalButtonStyle}" Margin="5" Content="一般按钮"/> <NbButton Style="{<em>DynamicResource</em> }" Margin="5" Content="成功按钮"/> <NbButton Style="{<em>DynamicResource</em> InfoButtonStyle}" Margin="5" Content ="{<em>DynamicResource</em> SuccessRepeatButtonStyle}" Margin="5" Content="成功按钮"/> <NbRepeatButton Style="{<em>DynamicResource</em> ="{DynamicResource SuccessToggleButtonStyle}" Margin="5" Content="成功按钮"/> <NbToggleButton Style="{<em>DynamicResource</em> {<em>DynamicResource</em> SuccessRadioButtonStyle}" Margin="5" Content="成功按钮"/> <NbRadioButton Style="{<em>DynamicResource</em>
NormalRepeatButtonStyle}" Margin="5" Content="一般按钮"/> <NbRepeatButton Style="{<em>DynamicResource</em> DefaultRepeatButtonStyle}" Margin="5" Content="默认按钮"/> <NbRepeatButton Style="{<em>DynamicResource</em> SuccessRepeatButtonStyle}" Margin="5" Content="成功按钮"/> <NbRepeatButton Style="{<em>DynamicResource</em> InfoRepeatButtonStyle}" Margin="5" Content="信息按钮"/> <NbRepeatButton Style="{<em>DynamicResource</em> WarningRepeatButtonStyle}" Margin="5" Content="警告按钮"/> <NbRepeatButton Style="{<em>DynamicResource</em>
Value="True"> <Setter TargetName="PART_Border" Property="BorderBrush" Value="{<em>DynamicResource</em> WD.PrimaryNormalSolidColorBrush}" /> <Setter Property="Background" Value="{<em>DynamicResource</em> " wd:ElementHelper.IsClear="True" Header="1"> <Rectangle Fill="{<em>DynamicResource</em> " ToolTip="{Binding ElementName=MyTabItem, Path=Header}"> <Rectangle Fill="{<em>DynamicResource</em> RelativeSource={RelativeSource Self}}" /> </TabItem.Header> <Rectangle Fill="{<em>DynamicResource</em>
/63234875 Newbeecoder.UI控件库自定义样式按钮代码如下: <StackPanel Orientation="Horizontal"> <NbButton Style="{<em>DynamicResource</em> EllipseDefaultButtonStyle}" MinWidth="40" Margin="5"> <NbIcon Data="{<em>DynamicResource</em> Icon-App }" Width="16" Height="16"/> </NbButton> <NbButton Style="{<em>DynamicResource</em> SuccessButtonStyle} " Margin="5"> <StackPanel Orientation="Horizontal"> <NbIcon Data="{<em>DynamicResource</em> "Center" HorizontalAlignment="Center"/> </StackPanel> </NbButton> <NbButton Style="{<em>DynamicResource</em>
请计算1加1等于几" Margin="5"/> <NbRadioBox Style="{<em>DynamicResource</em> DefaultRadioBoxStyle}" Margin="5" Content ="A. 0" GroupName="Ans1"/> <NbRadioBox Style="{<em>DynamicResource</em> DefaultRadioBoxStyle}" Margin="5" Content 请计算1乘以1等于几" Margin="5"/> <NbRadioBox Style="{<em>DynamicResource</em> RoundRadioBoxStyle}" Margin="5" Content= "A. 0" GroupName="Ans2"/> <NbRadioBox Style="{<em>DynamicResource</em> RoundRadioBoxStyle}" Margin="5" Content Style="{<em>DynamicResource</em> DefaultCheckBoxStyle}" Margin="5" Content="C. 1"/> <NbCheckBox Style="{<em>DynamicResource</em>
FontAwesome}" /> <TextBlock Text="" Style="{<em>DynamicResource</em> FontAwesome}" /> <TextBlock Text ="" Style="{<em>DynamicResource</em> FontAwesome}" /> <TextBlock Text="" Style="{<em>DynamicResource</em> FontAwesome}" /> <TextBlock Text="" Style="{<em>DynamicResource</em> FontAwesome}" /> <TextBlock Text ="" Style="{<em>DynamicResource</em> FontAwesome}" /> <TextBlock Text="" Style="{<em>DynamicResource</em> ="" Style="{<em>DynamicResource</em> FontAwesome}" /> <TextBlock Text="" Style="{<em>DynamicResource</em>
<NbTextBox Style="{<em>DynamicResource</em> DefaultTextBoxStyle}" Margin="5"/> 二、带提示文字的输入框使用方法: ? <NbTextBox Style="{<em>DynamicResource</em> DefaultTextBoxStyle}" Margin="5" Placeholder="多行模式" AcceptsReturn= <NbTextBox Style="{<em>DynamicResource</em> DefaultTextBoxStyle}" Margin="5" InputMode="Int"/> 七、限制范围输入框使用方法: <NbTextBox Style="{<em>DynamicResource</em> DefaultTextBoxStyle}" Margin="5" InputMode="Int" MinInt="5" MaxInt <NbTextBox Style="{<em>DynamicResource</em> DefaultTextBoxStyle}" Margin="5" InputMode="Number"/> 九、限制数字输入框(小数
EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="{<em>DynamicResource</em> ControlLightColor}" Offset="0" /> <GradientStop Color="{<em>DynamicResource</em> ControlMediumColor}" Offset="0.5" /> <GradientStop Color="{<em>DynamicResource</em> <GradientStopCollection> <GradientStop Color="{DynamicResource </Border.BorderBrush> <ScrollViewer Style="{<em>DynamicResource</em>
由于可以在样式内使用模板,如何调用Newbeecoder.UI控件,看一下调用代码: <NbRepeatButton Style="{<em>DynamicResource</em> NormalRepeatButtonStyle }" Margin="5" Content="一般按钮"/> <NbRepeatButton Style="{<em>DynamicResource</em> DefaultRepeatButtonStyle}" Margin ="成功按钮"/> <NbRepeatButton Style="{<em>DynamicResource</em> InfoRepeatButtonStyle}" Margin="5" Content="信息按钮"/> Style="{DynamicResource DangerRepeatButtonStyle}" Margin="5" Content="危险按钮"/> Newbeecoder.UI开源控件都是以 Nb开头,通过Style="{DynamicResource NormalRepeatButtonStyle}"样式设置。
, Source={x:Static NbTheme.Current}}"> <NbListBoxItem Style="{<em>DynamicResource</em> DefaultListBoxItemStyle }" Content="功能一"/> <NbListBoxItem Style="{<em>DynamicResource</em> DefaultListBoxItemStyle}" Content="功能二" /> <NbListBoxItem Style="{<em>DynamicResource</em> DefaultListBoxItemStyle}" Content="功能三"/> </NbListBox> <NbListBox Style="{<em>DynamicResource</em> MenuListBoxStyle}" Background="{Binding Path=Color.Brush_Border4, Source={x:Static NbTheme.Current}}"> <NbListBoxItem Style="{<em>DynamicResource</em> MenuListBoxItemStyle}
liaohaiyin/63234875 Newbeecoder.UI调用文本框样式代码: <TextBlock Text="显示Icon:" Margin="5"/> <NbTextBox Style="{<em>DynamicResource</em> DefaultTextBoxStyle}" Margin="5" Placeholder="带有提示文字的输入框" NbData="{<em>DynamicResource</em> Icon-KeyBoard}"/> <NbTextBox Style="{<em>DynamicResource</em> DefaultTextBoxStyle}" Margin="5" InputMode="Password" Placeholder ="请输入密码" NbData="{<em>DynamicResource</em> Icon-Password}"/> <NbTextBox Style="{<em>DynamicResource</em> DefaultTextBoxStyle }" Margin="5" InputMode="Int" NbData="{<em>DynamicResource</em> Icon-Number}" />
<Style TargetType="{x:Type wpfsc:WPFMessageBox}"> <Setter Property="Foreground" Value="{<em>DynamicResource</em> PrimaryTextSolidColorBrush}" /> <Setter Property="Background" Value="{<em>DynamicResource</em> WhiteSolidColorBrush }" /> <Setter Property="BorderBrush" Value="{<em>DynamicResource</em> PrimaryNormalSolidColorBrush}" / PathMetroWindowClose}" Fill="{<em>DynamicResource</em> PrimaryTextSolidColorBrush PathInformation}" Fill="{<em>DynamicResource</em> PrimaryNormalSolidColorBrush
"20" VerticalAlignment="Center"> <NbIcon CornerRadius="2" Width="12" Height="12" Data="{<em>DynamicResource</em> "20" VerticalAlignment="Center"> <NbIcon CornerRadius="2" Width="12" Height="12" Data="{<em>DynamicResource</em> "20" VerticalAlignment="Center"> <NbIcon CornerRadius="2" Width="12" Height="12" Data="{<em>DynamicResource</em> "20" VerticalAlignment="Center"> <NbIcon CornerRadius="2" Width="12" Height="12" Data="{<em>DynamicResource</em> "20" VerticalAlignment="Center"> <NbIcon CornerRadius="2" Width="12" Height="12" Data="{<em>DynamicResource</em>
通过视频来演示控件库整体功能 先浏览一下颜色选择器效果和调用代码: 调用代码 <NbColorPicker Width="90" Height="32" Margin="4" Text="主题色" Style="{<em>DynamicResource</em> ={x:Static NbTheme.Current}}"/> <NbColorPicker Width="90" Height="32" Margin="4" Text="成功色" Style="{<em>DynamicResource</em> ={x:Static NbTheme.Current}}"/> <NbColorPicker Width="90" Height="32" Margin="4" Text="信息色" Style="{<em>DynamicResource</em> ={x:Static NbTheme.Current}}"/> <NbColorPicker Width="90" Height="32" Margin="4" Text="警告色" Style="{<em>DynamicResource</em> ={x:Static NbTheme.Current}}"/> <NbColorPicker Width="90" Height="32" Margin="4" Text="危险色" Style="{<em>DynamicResource</em>
<TextBlock Text="可编辑" Margin="5"/> <NbComboBox Style="{<em>DynamicResource</em> DefaultComboBoxStyle}" Margin= <TextBlock Text="不可编辑" Margin="5"/> <NbComboBox Style="{<em>DynamicResource</em> DefaultComboBoxStyle}" Margin <TextBlock Text="带清除按钮" Margin="5"/> <NbComboBox Style="{<em>DynamicResource</em> DefaultComboBoxStyle}" Margin <TextBlock Text="禁用" Margin="5"/> <NbComboBox Style="{<em>DynamicResource</em> DefaultComboBoxStyle}" Margin="
StackPanel Orientation="Vertical"> <TextBlock Text="默认样式" Margin="5"/> <NbProgressBar Style="{<em>DynamicResource</em> 50,0,0,0"> <TextBlock Text="圆形样式" Margin="5" HorizontalAlignment="Center"/> <NbProgressBar Style="{<em>DynamicResource</em> "> <TextBlock Text="不确定进度" Margin="5" HorizontalAlignment="Center"/> <NbProgressBar Style="{<em>DynamicResource</em> Height="120" IsIndeterminate="True" IsPercentVisible="False"/> </StackPanel> 通过设置NbProgressBarStyle="{DynamicResource
<Label TextColor="White" Text="{Binding Title}" LineBreakMode="NoWrap" Style="{<em>DynamicResource</em> <Label TextColor="White" Text=":" LineBreakMode="NoWrap" Style="{<em>DynamicResource</em> <Label TextColor="White" Text="{Binding value}" LineBreakMode="NoWrap" Style="{<em>DynamicResource</em> <Label TextColor="White" Text="{Binding dw}" LineBreakMode="NoWrap" Style="{<em>DynamicResource</em>