标签: styling

我们正在开发一个WPF应用程序,它使用Telerik的控件套件,一切正常,看起来很好.不幸的是,我们最近需要替换所有对话框的基类,通过标准WPF窗口更改RadWindow(原因与此讨论无关).在这样做的过程中,我们最终得到的应用程序在所有开发人员的计算机上都显得非常漂亮(启用了Aero的Windows 7)但在我们的客户端环境(Windows Server 2008 R2下的终端服务)中使用时却很难看.

Telerik的RadWindow是一个标准的用户控件,模仿对话框的行为,因此造型不是问题.有了WPF的窗口,我很难改变它的"边界".我在这里所说的"边框"是带有图标的标题栏和3个标准按钮(最小化,最大化/恢复,关闭)以及窗口周围的调整大小.

如何更改这些项目的外观:

• 标题栏颜色
• 3个标准按钮
• 窗口的真实边框颜色

尽可能使用圆角.

我的WPF UserControl上有以下设置:

<GroupBox>
  <Grid>
    ...
    <Grid>
      <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />

<GroupBox>
  <Grid>
    <Grid>
      <Grid.ColumnDefinitions>
        <ColumnDefinition Width="..." />

我希望第二个ColumnDefinition与第一个ColumnDefinition的宽度相同,但我不想设置显式宽度.相反,我希望两个网格列自动拉伸到任一网格列中最长内容的宽度!

这可能吗？

我需要删除组合框周围的红色矩形.我在xaml中设置了combobox,如下所示,我试图覆盖Validation.ErrorTemplate.

        <ComboBox x:Name="comboPodkategoria" 
                            Margin="0,3,0,0"
                            IsSynchronizedWithCurrentItem="False" 
                            IsEditable="False"
                            ItemsSource="{Binding Source={StaticResource PodKategoriaLookup}, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}"
                            SelectedValue="{Binding IDPodKategoria}"
                            DisplayMemberPath="kat_popis" SelectedValuePath="IDPodkat" TabIndex="5" Style="{StaticResource combostyle}">
                            <Validation.ErrorTemplate>
                                <ControlTemplate>
                                </ControlTemplate>
                            </Validation.ErrorTemplate> 
            </ComboBox>

用于删除红色矩形的样式,但在xaml中有一些错误,表示Visibility属性无法识别或无法访问.样式定义如下.

<Style x:Key="combostyle">
<Style.Triggers>
    <Trigger Property="Validation.HasError" Value="True">
        <Setter Property="Visibility" TargetName="NotValid" Value="Visible"/>
    </Trigger>  
</Style.Triggers>   

任何的想法？:(

在处理永远不会超过一行的文本时使用这两者有什么区别？它们可以在屏幕上产生类似的结果,从我可以看到的元素顶部或底部的元素.如果是这样,为什么要使用行高呢？使用高度更有意义.

编辑:这是一个程式化按钮的示例,该按钮是从内部带有文本的div创建的.这永远不会是多线的.那么出于兼容性原因需要行高吗？或者我不知道的任何事情？

谢谢!

在我的项目中,有一个自定义样式的文本框.它被定义为:

<Style TargetType="TextBox"/>

因此,它默认应用于所有文本框子控件.

我需要创建另一种基于默认样式的样式.但是如何在BasedOn属性中指定我的新样式应该使用默认样式？

这只是为了造型,我试图以与在SO和Reddit上完成相同的方式进行upvote/downvote,从我可以看到他们使用箭头图像作为背景然后定位它,但我是一个CSS新手,我需要有人来指导我.提前致谢.

我想使用一些基于Google Map v3的地图和一些自定义折线,并使这些线条中的一些点缀或虚线.我似乎无法找到任何办法.是否可能,如果可能,怎么样？

我想为我的GridSplitter设置样式,就像添加点一样(如http://msdn.microsoft.com/en-us/library/aa970265.aspx上所示).

我还想在mouseOver上更改gridsplitter颜色,或者应用Aero Theme.

<Style x:Key="GridSplitterStyle1" TargetType="{x:Type GridSplitter}">
  <Setter Property="Background"
          Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
  <Setter Property="PreviewStyle">
    <Setter.Value>
      <Style>
        <Setter Property="Control.Template">
          <Setter.Value>
            <ControlTemplate>
              <Rectangle Fill="#80000000"/>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Style>
    </Setter.Value>
  </Setter>
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type GridSplitter}">
        <Border Background="{TemplateBinding Background}"
                BorderBrush="{TemplateBinding BorderBrush}"
                BorderThickness="{TemplateBinding BorderThickness}"/>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

<!--Theme-->
<ResourceDictionary.MergedDictionaries>
  <ResourceDictionary 
   Source="/RibbonControlsLibrary;component/Themes/Office2007Blue.xaml" />
</ResourceDictionary.MergedDictionaries>

<GridSplitter x:Name="gridSplitterTreeNodes" Width="10"
              BorderThickness="1,0" Cursor="SizeWE"
              RenderTransformOrigin="-1.2,0.507" ShowsPreview="True" 
              Style="{DynamicResource GridSplitterStyle1}">
  <GridSplitter.Background>
    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
      <GradientStop Color="#FFE3EFFF" Offset="0"/>
      <GradientStop Color="#FFAFD2FF" Offset=".45"/>
    </LinearGradientBrush>
  </GridSplitter.Background>
</GridSplitter>

新的Google文档用户界面采用了酷炫的灰色滚动条.

这些似乎是常规滚动条样式选择器::-webkit-scrollbar-thumb.哪个好看又方便.

但是,我无法显示箭头按钮(在屏幕截图上显示).Inspector不显示相应的DOM元素或任何特殊的CSS.那么问题是,这些自定义滚动条是如何制作的,包括箭头按钮？

请看看这个小提琴.

编辑:

所以似乎并非所有css规则都出现在Inspector中.

特别是,你需要::-webkit-scrollbar-button:vertical:decrement和::-webkit-scrollbar-button:vertical:increment,以及它们的horizontal等价物.

请参阅新小提琴(2012年4月27日更新).

在Angular 2中,我在TABLE TD中绑定了这样的美元值.

<td>
  {{eachOutlet.dollarValue}}
</td>

此dollarValue将小于0或等于0或大于0.当它小于零时,它应显示为"红色"颜色.当它为零时,什么都不应该出现.只是空白文本.当它大于零时,它应该使用千位分隔符并显示数字.

如何使用Angular 2绑定应用此类条件样式？它甚至可以做到吗？