zoukankan      html  css  js  c++  java
  • WP7之Slider绑定textblock设置字体大小

    最近接触了一些WP7相关的玩意。学了几个礼拜也没有搞的太深入。做些简单的记录以备后面忘记了。

    Windows Phone Toolkit Aug 2011 in depth-v1.PDF 这个是本好书,将部分控件封装了,部署在手机上体验了一下那些效果还是相当不错的!

    首先当然放一个StackPanel,这样就可以把slider放在里面,将它设置为隐藏的 这样页面载入就不会出现这个拖动条,只有在长按的时候出现。

    <StackPanel   Visibility="Collapsed"  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里面的。

      <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绑定设置字体的大小了。

    很简单的,你可以试试了。

    当然大家用手机的时候,希望是长按屏幕出现这个控制的玩意,那好办。在页面载入的时候加个方法

    当然也就完成了,效果图给大家

    收工,吃午饭。操作简单,大虾略过。

  • 相关阅读:
    有一对兔子,从出生后第3个月起每个月都生一对兔子,小兔子长到第四个月后每个月又生一对兔子,假如兔子都不 死,问每个月的兔子总数为多少?
    Tomcat 全攻略
    MySQL 查询in操作,查询结果按in集合顺序显示
    乱码问题解决之道
    Java程序员面试中的多线程问题
    APACHE多个服务器的配置
    Python读写文件
    php字符串处理函数大全
    python 执行系统命令
    jquery-mobile
  • 原文地址:https://www.cnblogs.com/hack1506/p/2285873.html
Copyright © 2011-2022 走看看