欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

在WP7中使用Coding4Fun Button控件

程序员文章站 2023-01-23 08:07:01
 在这篇文章我将详细讨论 coding4fun 工具包中的button控件。讲解这里面的主要特性及现有的公共api,并给出不同情况的例子。 注:一年前我发表了“wp7 roun...

 在这篇文章我将详细讨论 coding4fun 工具包中的button控件。讲解这里面的主要特性及现有的公共api,并给出不同情况的例子。

注:一年前我发表了“wp7 roundtogglebutton and roundbutton in depth”的文章,然后在过去发布的几个版本中并没有发生明显的变化。

coding4fun 工具包提供了roundbutton and roundtogglebutton 控件,roundtogglebutton是一个ui,源自checkbox控件并且暴露了一些额外的依赖属性,正如它名字所说的。这是一种扩展圆形的切换按钮且有自动反向图像的支持。roundbutton控件是一个圆形的且提供自动反向图像支持的扩展按钮

  在WP7中使用Coding4Fun Button控件

 

在开始使用roundbutton 和 roundtogglebutton控件之前我们需要添加coding4fun.phone.controls.dll的引用

你可以从这个地方下载 : coding4fun toolkit 

第一步:添加“c4f”的前缀声明,确保你的页面声明了“c4ftoolkit” 的命名空间。

xmlns:c4f="clr-namespace:coding4fun.phone.controls;assembly=coding4fun.phone.controls"

<c4f:roundbutton/>

<c4f:roundtogglebutton/>

roundtogglebutton控件从checkbox继承了所有的属性和事件,roundbutton 控件去button控件中继承了所有的属性和事件

content 属性

这个属性来来自父类用户设置 roundtogglebutton/roundbutton 的内容

imagesource属性

imagesource 是一个imagesource类型的依赖属性,它用户设置或获取roundtogglebutton / roundbutton
控件的图片

orientation属性

orientation是一个orientation类型的依赖属性,它用于设置或获取roundtogglebutton
/ roundbutton 控件的方向

examples

下面的例子我将使用2个图标

  在WP7中使用Coding4Fun Button控件在WP7中使用Coding4Fun Button控件
注:图标会自动根据light主题的变化而适当的变化
example1:roundbutton 示例
这个例子演示了如何设置roundbutton控件常用属性,添加如下xaml 代码
<stackpanel orientation="horizontal">
<c4f:roundbutton fontsize="18" content="ok" borderbrush="cornflowerblue" />
<c4f:roundbutton fontsize="48" content="48" background="cornflowerblue" />
<c4f:roundbutton foreground="cornflowerblue" fontsize="36" content="36"/>
<c4f:roundbutton imagesource="images/appbar.delete.rest.png" content="delete"/>
</stackpanel>
下面分别是在dark and light  themes中的结果

在WP7中使用Coding4Fun Button控件在WP7中使用Coding4Fun Button控件
example2:
roundbutton orientation and imagesource 属性的使用
<c4f:roundbutton orientation="horizontal"imagesource="images/appbar.feature.search.rest.png" content="horizontal text"/>
在WP7中使用Coding4Fun Button控件在WP7中使用Coding4Fun Button控件
example3. roundtogglebutton控件示例
这个例子演示了如何设置roundtogglebutton控件常用属性,添加如下xaml 代码
<stackpanel orientation="horizontal">
<c4f:roundtogglebutton fontsize="18" content="ok" borderbrush="cornflowerblue" />
<c4f:roundtogglebutton fontsize="48" content="48" background="cornflowerblue" />
<c4f:roundtogglebutton foreground="cornflowerblue" fontsize="36" content="36" />
<c4f:roundtogglebutton imagesource="images/appbar.delete.rest.png" content="delete"/>
</stackpanel>

在WP7中使用Coding4Fun Button控件在WP7中使用Coding4Fun Button控件

example4: roundtogglebutton  orientation and imagesource 属性的使用
<c4f:roundtogglebutton orientation="horizontal"imagesource="images/appbar.feature.search.rest.png" content="horizontal text"/>

在WP7中使用Coding4Fun Button控件在WP7中使用Coding4Fun Button控件
example5: roundbutton androundtogglebutton 控件的禁用
<c4f:roundbutton x:name="btn" isenabled="false" orientation="horizontal" imagesource="images/appbar.delete.rest.png"
content="disabled button" />

在WP7中使用Coding4Fun Button控件  

从coding4fun toolkit可以深入了解roundbutton/roundtogglebutton控件。

下载:c4fbuttons 

摘自  youhui