wpf 改 UI一些技巧

本人WPF入门级，所以目前的经验也属于菜鸟级，高手请一笑而过

1.底部状态栏，左右有文本，中间空格随窗体大小变化

MarkUp:

<StatusBar Name="statusBar" Grid.Row="3"> <DockPanel></DockPanel> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition /> <ColumnDefinition Name="statusBarSpace" Width="*"/> <ColumnDefinition /> </Grid.ColumnDefinitions> <TextBlock Grid.Column="0" Name="statusBarText1">Text1</TextBlock> <TextBlock Grid.Column="2" Name="statusBarText2" Text="Text2"></TextBlock> </Grid> </StatusBar>

Code Block:

private void UserControl_SizeChanged(object sender, SizeChangedEventArgs e) { AdjustControls(); } private void AdjustControls() { // Adjust status bar double statusBarWidth = statusBar.ActualWidth; double control0width = statusBarText1.ActualWidth; double control2width = statusBarText2.ActualWidth; statusBarSpace.Width = new GridLength(statusBarWidth - (control0width + control2width) - 30, GridUnitType.Pixel); }

参考资料:

http://forums.silverlight.net/forums/t/17692.aspx

http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/1f82d834-efae-4eb3-819f-40c2168fb8c9

2.制作flat（平坦）的按钮

需求：Button上有图片，不想看到button的框子

<Button Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Grid.Row="0" Grid.Column="1" Background="Transparent" Height="30" Click="Button_Click"> <Grid> <Image Name="img" Source="..\button.png"/> </Grid> </Button>

要点：

WPF lets you completely restyle controls to make them look like whatever you want, which is why it doesn't have such a specific FlatStyle property on the Button control.

WPF 给你完全的自由去设定控件的样式。（接口太宽，初学者真是难下手啊）使用这个样式可以让按钮平坦。

<Button Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"/>

参考资料:

http://stackoverflow.com/questions/697381/setting-button-flatstyle-in-wpf