首页 > 代码库 > 【WP开发学习笔记】之样式（style）
【WP开发学习笔记】之样式（style）
今天练习控件时第一次见到style（样式），通过设置style可以大幅提高用xaml写UI的效率；
我在之前的学习中，每写一个控件就要写出与之匹配的一大堆属性，比如每次写一个button就要写一个background,一个foreground,一个width,一个height、一个fontsize、一个fontfamily，一个margin等等，有时需要写出一大推button时就必须把上面的属性在重复写n次，写其他控件时也是这样，这样相当麻烦。而今天刚刚看到的样式（style)就能很好的解决这个问题,只需要在资源中写一次，然后在后面的同类控件中就能自动引用，就可以将其应用到资源有效范围内的所有同类控件中。当然还可以通过x:KEY来设置是否需要手动引用。
在下图中，
文本一，文本二是自动引用样式；
button1，button2手动引用样式Mystyle1；
button3，button4手动引用样式Mystyle2;
button5则不引用任何样式；
XAML源代码如下；
<phone:PhoneApplicationPage x:Class="style.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone" xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="{StaticResource PhoneFontSizeNormal}" Foreground="{StaticResource PhoneForegroundBrush}" SupportedOrientations="Portrait" Orientation="Portrait" shell:SystemTray.IsVisible="True"> <phone:PhoneApplicationPage.Resources> <Style TargetType="TextBlock"> <Setter Property="FontFamily" Value="宋体"/> <Setter Property="FontSize" Value="50"/> <Setter Property="Foreground" Value="WhiteSmoke"/> <Setter Property="HorizontalAlignment" Value="Center" /> </Style> <Style x:Key="MyStyle1" TargetType="Button" > <Setter Property="Background" Value="Blue"/> <Setter Property="Foreground" Value="Black"/> <Setter Property="FontSize" Value="35"/> <Setter Property="BorderThickness" Value="5"/> </Style> <Style x:Key="Mystyle2" TargetType="Button"> <Setter Property="Background" > <Setter.Value> <LinearGradientBrush StartPoint="0,0" EndPoint="1,1"> <GradientStop Color="Red" Offset="0.3" /> <GradientStop Color="Orange" Offset="0.6"/> <GradientStop Color="Purple" Offset="1"/> </LinearGradientBrush> </Setter.Value> </Setter> </Style> </phone:PhoneApplicationPage.Resources> <Grid > <StackPanel> <TextBlock Text="文本一"/> <TextBlock Text="文本二"/> <Button Content="button1" Style="{StaticResource MyStyle1 }"/> <Button Content="button2" Style="{StaticResource MyStyle1 }"/> <Button Content="button3" Style="{StaticResource Mystyle2}"/> <Button Content="button4" Style="{StaticResource Mystyle2 }"/> <Button Content="button5"/> </StackPanel> </Grid></phone:PhoneApplicationPage>
作者是wp学习者，现在还是小白，欢迎交流，微博@马and康
【WP开发学习笔记】之样式（style）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。