WP7之Slider绑定textblock设置字体大小
最近接触了一些WP7相关的玩意。学了几个礼拜也没有搞的太深入。做些简单的记录以备后面忘记了。
Windows Phone Toolkit Aug 2011 in depth-v1.PDF 这个是本好书,将部分控件封装了,部署在手机上体验了一下那些效果还是相当不错的!
首先当然放一个StackPanel,这样就可以把slider放在里面,将它设置为隐藏的 这样页面载入就不会出现这个拖动条,只有在长按的时候出现。
<StackPanel <SPAN style="BACKGROUND-COLOR: #ff0000">Visibility="Collapsed"</SPAN> Name="StaControl" Background="Black" Height="400" Width="480" Opacity="0.8" OpacityMask="#999" VerticalAlignment="top">
<TextBlock Name="txtsld" Text="字体大小"></TextBlock>
<Slider Name="slder" Background="BlanchedAlmond" DataContext="{Binding FontSize, ElementName=txtContent}" LargeChange="14" Maximum="48" Minimum="14" SmallChange="1" Value="14"></Slider>
</StackPanel>
<ListBox>
<TextBlock Name="txtContent" TextWrapping="Wrap" Text="在第一篇文章中的示例中,我们已经简单的了解了应用MVVM模式的流程,我的本意是你已经了解了一点MVVM的概念,然后又没有一个较好的例子学习,可以跟着我一起学习MVVM模式,所以这个部分,都是没有理论知识的,当然整个例子学完后,我们会回过头探讨一下,将其总结出来在第一篇文章中的示例中,我们已经简单的了解了应用MVVM模式的流程,我的本意是你已经了解了一点MV......。" FontSize="{Binding Value, ElementName=slder}" >
</TextBlock>
</ListBox>
<Slider Name="slder" Background="BlanchedAlmond" DataContext="{Binding FontSize, ElementName=txtContent}" LargeChange="14" Maximum="48" Minimum="14" SmallChange="1" Value="14"></Slider>
当然 你要熟悉代码可以直接手写,不熟悉的可以这样做
1.选中textblock控件 在右边的properties中找到text属性 再在字体大小那个地方点击右键 弹出的地方选择databinding即可了
2.按照下面的四个步骤点击即可绑定文本的字体大小
完成了以上操作即完成了slider绑定设置字体的大小了。
很简单的,你可以试试了。
当然大家用手机的时候,希望是长按屏幕出现这个控制的玩意,那好办。在页面载入的时候加个方法
当然也就完成了,效果图给大家
收工,吃午饭。操作简单,大虾略过。
<script></script>