WPF 样式设置问题

WPF 样式设置问题,第1张

Text="请输入用户名" 改成 Text="{TemplateBinding Tag}" 然后 用TextBox的地方设置其 Tag="XXXXXX" 应该可以实现了如果 不想用tag 也可以自己定义 附加属性

涉及到ColumnHeader、RowHeader、Row、Cell 的各种样式设置。

ColumnHeaderStyle 属性

一般来讲列表头是用户首先注意的内容,那么如何在DataGrid 中设计一个美观的表头呢。我们既可以在<DataGrid>中通过<DataGrid.ColumnHeaderStyle>来全局定义;也可以针对个别列在<DataGrid.Columns>中通过<DataGridColumn.HeaderStyle>定义。

DataGrid x:Name="dataGrid" ItemsSource="{Binding}" AutoGenerateColumns="False"

SelectionUnit="CellOrRowHeader" IsReadOnly="True">

<DataGrid.ColumnHeaderStyle>

<Style TargetType="DataGridColumnHeader">

<Setter Property="Background">

<Setter.Value>

<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">

<GradientStop Color="White" Offset="0"/>

<GradientStop Color="Yellow" Offset="0.5"/>

<GradientStop Color="White" Offset="1"/>

</LinearGradientBrush>

</Setter.Value>

</Setter>

<Setter Property="Foreground" Value="Black"/>

<Setter Property="FontSize" Value="13" />

</Style>

</DataGrid.ColumnHeaderStyle>

<DataGrid.Columns>

<DataGridTextColumn Header="Name" Binding="{Binding Name}">

<DataGridColumn.HeaderStyle>

<Style TargetType="DataGridColumnHeader">

<Setter Property="Background">

<Setter.Value>

<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">

<GradientStop Color="White" Offset="0"/>

<GradientStop Color="SkyBlue" Offset="0.5"/>

<GradientStop Color="White" Offset="1"/>

</LinearGradientBrush>

</Setter.Value>

</Setter>

<Setter Property="Foreground" Value="Black"/>

<Setter Property="FontSize" Value="13"/>

<Setter Property="Width" Value="80"/><Style.Triggers>

<Trigger Property="IsMouseOver" Value="True">

<Setter Property="ToolTip" Value="Sort by Column"/>

</Trigger>

</Style.Triggers>

</Style>

</DataGridColumn.HeaderStyle>

</DataGridTextColumn>

<DataGridTextColumn Header="Age" Binding="{Binding Age}">

<DataGridColumn.HeaderStyle>

<Style TargetType="DataGridColumnHeader">

<Setter Property="Background">

<Setter.Value>

<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">

<GradientStop Color="White" Offset="0"/>

<GradientStop Color="LightGreen" Offset="0.5"/>

<GradientStop Color="White" Offset="1"/>

</LinearGradientBrush>

</Setter.Value>

</Setter>

<Setter Property="Foreground" Value="Black"/>

<Setter Property="FontSize" Value="13"/>

<Setter Property="Width" Value="50"/>

</Style>

</DataGridColumn.HeaderStyle>

</DataGridTextColumn>

<DataGridComboBoxColumn Header="Sex" 

SelectedItemBinding="{Binding Sex}" 

ItemsSource="{Binding Source={StaticResource sexEnum}}">

<DataGridColumn.HeaderStyle>

<Style TargetType="DataGridColumnHeader">

<Setter Property="Background">

<Setter.Value>

<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">

<GradientStop Color="White" Offset="0"/>

<GradientStop Color="LightPink" Offset="0.5"/>

<GradientStop Color="White" Offset="1"/>

</LinearGradientBrush>

</Setter.Value>

</Setter>

<Setter Property="Foreground" Value="Black"/>

<Setter Property="FontSize" Value="13"/>

<Setter Property="Width" Value="70"/>

</Style>

</DataGridColumn.HeaderStyle>

</DataGridComboBoxColumn>

<DataGridCheckBoxColumn Header="Pass Exam?" Width="100" 

Binding="{Binding Pass}"/>

<DataGridHyperlinkColumn Header="Email" Width="150" 

Binding="{Binding Email}"/>

</DataGrid.Columns>

</DataGrid>

其效果如下图所示,Name、Age、Sex 列会按各自的样式显示。未定义样式的Pass Exam 和Email 列将按<DataGrid.ColumnHeaderStyle>全局定义显示,并且当鼠标移置到这两列上方时会有"Sort by Column"提示信息。

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition>

</ColumnDefinition>

<ColumnDefinition>

</ColumnDefinition>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

<RowDefinition>

</RowDefinition>

<RowDefinition >

</RowDefinition>

</Grid.RowDefinitions>

</Grid>

类似于这样设置列于行。一个WPF XAML文档只能有设计一个Windows。

只能有一个Grid。

具体属性在Grid具体标签里设置 比如说宽高

<Grid Width="500" Height="700" ShowGridLines="False" HorizontalAlignment="Stretch" Background="Black" OpacityMask="Gray">

</Grid>

语法和XML很相近 自己没事建个Windows程序 试试就能明白了

希望对你有帮助


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7853756.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-10
下一篇2023-04-10

发表评论

登录后才能评论

评论列表(0条)

    保存