Windows Phone 8.1中的Border

深碍√TFBOYSˉ_ 2022-08-06 05:17 127阅读 0赞

开篇之前，照例推荐王磊老师的关于Windows 8.1内容控件和容器控件的讲解，很有帮助

链接：[重新想象 Windows 8 Store Apps (3) - 控件之内容控件: ToolTip, Frame, AppBar, ContentControl, ContentPresenter; 容器控件: Border, Viewbox, Popup][Windows 8 Store Apps _3_ - _ ToolTip_ Frame_ AppBar_ ContentControl_ ContentPresenter_ _ Border_ Viewbox_ Popup]

在Windows Phone 8.1中的Border和Frame的用法和在Windows 8.1中几乎一模一样，但是不管怎样，好记忆不如多练

练，练习之后才发现有些东西不是那么理所当然的，而且一些细节在练习的时候也会显现出来，这一点我深有感触

好了，废话不多说了，进入正题吧。

首先是Border--边框控件，当然Border字面是就是边框，一旦叫做框了，自然可以被当做容器来“框”东西了

a.Child属性  -----  存放Border框住的内容

b.BorderThickness ----  边框的宽度

当然设置宽度的值就有意思了，有多种i设置方法

如：BorderThickness=“5”      --------       上下左右都是5px

BorderThickness="5,10"    -------    左右为5px，上下为10px

BorderThickness="5,10,15,20"   ------    左边框为5px，上为10px，右为15px，下为20px

c.BorderBrush  -----   边框的画笔，说的简单点就是边框的颜色

注意可以设置为纯色，如Red,Green等

也可以设置图片哦，用图像画刷ImageBrush

d.Background  -----   边框内容的背景画笔，一样，可以纯色，可以图片

e.CornerRadius  -----   边框角的半径，说的通俗点，就像HTML5中的Border的Radius属性

这个属性很有意思，看我下面的第三个Border就知道了

当CornerRadius   的值为Border的宽度的一半时，会变成一个圆哦(前提是Border的长宽是一样)

f.ChildTransitions  -----  说是主题过渡，我没试出来啥效果，所以这里我就不误导大家了，我这个也不是很

明白

g.Width和Height -----  这个不用说了，Border的宽和高

好了，终于可以贴代码了大家将就着看吧

我一共写了3个Border,这样才有对比性

运行截图：

初始界面：

![20141224231001859][]

调节Slider,取两个极端，一个是1，一个是50：

![20141224231221879][]                            ![20141224231236465][]

同时我们可以不通过调节Slider，直接在TextBox里面输入数值也可以改变Border的BorderThickess值

在TextBox值输入100：

![20141224231524812][]

怎么样，感觉很好玩吧。実に　おもしろい

[Windows 8 Store Apps _3_ - _ ToolTip_ Frame_ AppBar_ ContentControl_ ContentPresenter_ _ Border_ Viewbox_ Popup]: http://www.cnblogs.com/webabcd/archive/2013/01/14/2859153.html
[20141224231001859]: /images/20220806/0654bc68d9b34f44b69e9e4ecd160892.png
[20141224231221879]: https://img-blog.csdn.net/20141224231221879
[20141224231236465]: /images/20220806/66bff63ea6a64e259fda98d4b86e89e4.png
[20141224231524812]: /images/20220806/10e8e9a91e5446758e9075c7bf7f7cac.png