在wp7 silverlight中为silverlight用户控件添加样式

时间:2011-05-06 11:54:04

标签: c# silverlight windows-phone-7

我有一个用Silverlight创建的用户控件(非wp7)。 我在WP7应用程序中使用此控件,它可以工作。我唯一的问题是控件的样式与应用程序样式不匹配(它的背景是白色,文本框与文本框颜色不同,所以它没有显示,等等)。 我可以在XAML中将应用程序样式设置为用户控件吗?

这是用户控件的XAML。我使用了自己的颜色(透明,黑色为背景,白色为前景)。我不想使用控件中的颜色,我想从包含此控件的wp7控件中获取它们。

WP7:

<commonWpControls:MyUserControls  x:Name="myControl" DataContext="{Binding MyViewModel}" />

用户控制:

<Grid x:Name="LayoutRoot" Background="Transparent" VerticalAlignment="Stretch" >
    <StackPanel VerticalAlignment="Stretch">
        <StackPanel Orientation="Horizontal">
            <TextBlock x:Name="nameBlock" Grid.Row="0" Grid.Column="0" VerticalAlignment="Center" Text="Name:" Foreground="White" />
            <TextBox x:Name="nameTextBox" Grid.Row="0" Grid.Column="1" Text="{Binding Path=Name}" Background="Black" Foreground="White" />
        </StackPanel>
        <StackPanel Grid.Row="3" Grid.Column="1" Background="Black" VerticalAlignment="Stretch" >
                <ListBox Margin="12,12,0,0" Name="listBox1" ItemsSource="{Binding Path=PropertiesCollection}" Background="Transparent" VerticalAlignment="Stretch" >
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="100"></ColumnDefinition>
                                    <ColumnDefinition Width="*"></ColumnDefinition>
                                </Grid.ColumnDefinitions>
                                <TextBlock Text="{Binding Key}" VerticalAlignment="Center" Grid.Column="0" Foreground="White"/>
                                <TextBox Text="{Binding Value, Mode=TwoWay}" Grid.Column="1" Background="Black" Foreground="White"/>
                            </Grid>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
        </StackPanel>

    </StackPanel>
</Grid>

1 个答案:

答案 0 :(得分:1)

您可以使用与Silverlight / WPF完全相同的方式对WP7中的控件进行样式设置。如果没有看到有问题的XAML,就不可能给你一个有效的解决方案,但方法是一样的。

如果您需要更多帮助,请发布XAML作为控件,并突出显示您不希望的区域。

更新:您应该从使用UserControl切换到使用Control,以便您可以创建一个“无外观”控件,该控件具有定义外观的控件tempalte generic.xaml。然后,您可以使用Background="{TemplateBinding Background}"模板绑定到控件上的依赖项属性(已在Control上定义Background和Foreground)。 ege上有一些关于无外观控制的大量资源。 http://channel9.msdn.com/blogs/jbienz/creating-lookless-controls-for-wpf-and-silverlight