为了使自己开发的软件更加适应Windows Phone 7所提供的两套黑白主题,我们需要对主题进行判断,然后做出不同的控件外观显示效果。比如要完成一个好友列表显示,在列表的每个listbox item中的背景需要根据用户当前所选择的主题来分别显示不同的颜色,先看看前台的代码:
<
ListBox x:Name
=
"
FirstListBox
"
ItemsSource
=
"
{Binding mFriends}
"
Margin
=
"
0,-6,-12,0
"
Height
=
"
541
"
>
< ListBox.ItemTemplate >
< DataTemplate >
< Border x:Name = " borderListBox " Margin = " 5 " CornerRadius = " 3 " >
< StackPanel Orientation = " Horizontal " >
< Image Height = " 80 " Margin = " 20 " Width = " 80 " Source = " {Binding Image_Url} " >
</ Image >
< StackPanel >
< StackPanel Orientation = " Horizontal " >
< TextBlock Margin = " 0,10,0,0 " Text = " {Binding Name} " FontFamily = " /Fonts/YGY20070701.ttf#叶根友钢笔行书简体 " Foreground = " {StaticResource UseNameUnSelectedBrush} " TextWrapping = " Wrap " FontSize = " 28 " />
< Image Name = " VipImage " Source = " {Binding Vip} " Width = " 32 " Height = " 32 " ></ Image >
</ StackPanel >
< TextBlock Width = " 328 " Text = " {Binding message} " Foreground = " Black " TextWrapping = " Wrap " />
</ StackPanel >
</ StackPanel >
</ Border >
</ DataTemplate >
</ ListBox.ItemTemplate >
</ ListBox >
< ListBox.ItemTemplate >
< DataTemplate >
< Border x:Name = " borderListBox " Margin = " 5 " CornerRadius = " 3 " >
< StackPanel Orientation = " Horizontal " >
< Image Height = " 80 " Margin = " 20 " Width = " 80 " Source = " {Binding Image_Url} " >
</ Image >
< StackPanel >
< StackPanel Orientation = " Horizontal " >
< TextBlock Margin = " 0,10,0,0 " Text = " {Binding Name} " FontFamily = " /Fonts/YGY20070701.ttf#叶根友钢笔行书简体 " Foreground = " {StaticResource UseNameUnSelectedBrush} " TextWrapping = " Wrap " FontSize = " 28 " />
< Image Name = " VipImage " Source = " {Binding Vip} " Width = " 32 " Height = " 32 " ></ Image >
</ StackPanel >
< TextBlock Width = " 328 " Text = " {Binding message} " Foreground = " Black " TextWrapping = " Wrap " />
</ StackPanel >
</ StackPanel >
</ Border >
</ DataTemplate >
</ ListBox.ItemTemplate >
</ ListBox >
那么如何获取ListBox中的StackPanel这个子元素的值呢,又如何来对每个Item的背景色进行改变呢?我们可以用下面的方法来进行判断,首先获取当前系统所使用的背景色,然后遍历ListBox中的每个item,利用泛型函数对该ListBox的整个visual tree进行读取,根据需要选择StackPanel类型的控件(这里读者可以根据实际情况做改动。)
方法一:
var back
=
Application.Current.Resources[
"
PhoneBackgroundColor
"
].ToString();
if (back == " #FF000000 " )
{
for ( int i = 0 ; i < FirstListBox.Items.Count; i ++ )
{
ListBoxItem item = this .FirstListBox.ItemContainerGenerator.ContainerFromIndex(i) as ListBoxItem;
StackPanel border = FindFirstElementInVisualTree < StackPanel > (item);
border.Background = new SolidColorBrush(Color.FromArgb( 170 , 255 , 255 , 255 ));
}
}
else
{
for ( int i = 0 ; i < FirstListBox.Items.Count; i ++ )
{
ListBoxItem item = this .FirstListBox.ItemContainerGenerator.ContainerFromIndex(i) as ListBoxItem;
StackPanel border = FindFirstElementInVisualTree < StackPanel > (item);
border.Background = new SolidColorBrush(Color.FromArgb( 255 , 34 , 34 , 34 ));
}
}
private T FindFirstElementInVisualTree < T > (DependencyObject parentElement) where T : DependencyObject
if (back == " #FF000000 " )
{
for ( int i = 0 ; i < FirstListBox.Items.Count; i ++ )
{
ListBoxItem item = this .FirstListBox.ItemContainerGenerator.ContainerFromIndex(i) as ListBoxItem;
StackPanel border = FindFirstElementInVisualTree < StackPanel > (item);
border.Background = new SolidColorBrush(Color.FromArgb( 170 , 255 , 255 , 255 ));
}
}
else
{
for ( int i = 0 ; i < FirstListBox.Items.Count; i ++ )
{
ListBoxItem item = this .FirstListBox.ItemContainerGenerator.ContainerFromIndex(i) as ListBoxItem;
StackPanel border = FindFirstElementInVisualTree < StackPanel > (item);
border.Background = new SolidColorBrush(Color.FromArgb( 255 , 34 , 34 , 34 ));
}
}
private T FindFirstElementInVisualTree < T > (DependencyObject parentElement) where T : DependencyObject
{
var count
=
VisualTreeHelper.GetChildrenCount(parentElement);
if
(count
==
0
)
return
null
;
for
(
int
i
=
0
; i
<
count; i
++
)
{
var child
=
VisualTreeHelper.GetChild(parentElement, i);
if
(child
!=
null
&&
child
is
T)
{
return
(T)child;
}
else
{
var
result
=
FindFirstElementInVisualTree
<
T
>
(child);
if
(result
!=
null
)
return
result;
}
}
return
null
;
}
好了看看效果吧(只是个示例,更炫的效果还需要读者自己斟酌了呵呵)PS:背景我采用了两张图片。
方法二:
还有个方法来进行操作,可以看下面方法,方法是参照
WindowsPhoneGeek网站上的,大家也可以看看。
private
void
SearchVisualTree(DependencyObject targetElement)
{
var count = VisualTreeHelper.GetChildrenCount(targetElement);
if (count == 0 )
return ; for ( int i = 0 ; i < count; i ++ )
{
var child = VisualTreeHelper.GetChild(targetElement, i);
if (child is StackPanel)
{
StackPanel targetItem = (StackPanel)child;
var back = Application.Current.Resources[ " PhoneBackgroundColor " ].ToString();
if (back == " #FF000000 " )
{
targetItem.Background = new SolidColorBrush(Color.FromArgb( 255 , 34 , 34 , 34 ));
}
else
{
targetItem.Background = new SolidColorBrush(Color.FromArgb( 170 , 255 , 255 , 255 ));
}
}
else
{
SearchVisualTree(child);
}
}
}
{
var count = VisualTreeHelper.GetChildrenCount(targetElement);
if (count == 0 )
return ; for ( int i = 0 ; i < count; i ++ )
{
var child = VisualTreeHelper.GetChild(targetElement, i);
if (child is StackPanel)
{
StackPanel targetItem = (StackPanel)child;
var back = Application.Current.Resources[ " PhoneBackgroundColor " ].ToString();
if (back == " #FF000000 " )
{
targetItem.Background = new SolidColorBrush(Color.FromArgb( 255 , 34 , 34 , 34 ));
}
else
{
targetItem.Background = new SolidColorBrush(Color.FromArgb( 170 , 255 , 255 , 255 ));
}
}
else
{
SearchVisualTree(child);
}
}
}
调用的时候只需要用下面这个函数就可以了,看起来比第一个方法更简单:
this.SearchVisualTree(this.FirstListBox);