windows phone (18) Border元素

简介: 原文:windows phone (18) Border元素 Border类是对某一个对象的周围边框,背景,或者同时绘制两者,首先看一个简单的例子进行分析【作者:神舟龍】xaml文件:                                                      ...
原文: windows phone (18) Border元素

 Border类是对某一个对象的周围边框,背景,或者同时绘制两者,首先看一个简单的例子进行分析【作者:神舟龍

xaml文件:

<!--ContentPanel - 在此处放置其他内容-->
        <Grid x:Name= " ContentPanel " Grid.Row= " 1 " Margin= " 12,0,12,0 ">
            <Border Background= " DarkCyan " BorderBrush= " Coral "  BorderThickness= " 20 "  CornerRadius= " 19 ">
                <TextBlock x:Name= " tbShow " Text= " 边框元素示例 " VerticalAlignment= " Center " HorizontalAlignment= " Center ">
                    <TextBlock.RenderTransform>
                        <CompositeTransform Rotation= " 30 "></CompositeTransform>
                    </TextBlock.RenderTransform>
                </TextBlock>
            </Border>
        </Grid>

 上面代码中BorderBrush表示边框颜色,它是Brush类型的,所以可以设置渐变画刷;BorderThickness表示边框的粗细,它是Thickness类型的,Thickness是用于Margin和Padding的结构体,所以可以分别为上下左右设置不同个宽度;CornerRadius表示设置边框角的半径,它是CornerRadius结构体,所以运行为四个角设置不同的圆角半径值;可以看到TextBlock直接镶嵌在Border中,这是因为Border有个属性是Child,因为Child属性是Border的ContentProperty属性,所以Border.Child标记不是必须的,实现的效果:

 

 需要注意的是Child属性只能设置一个UIElement类型的元素,所以我们可以在里面放些textblock,image等,如果要在border里进行元素扩展,可以使用面板stackpanel,canvas,grid,里面嵌套其他元素;从上图可以看出,我们定义的border是整个填充grid的,这是因为border元素的水平位置HorizontalAlignment和垂直位置VerticalAlignment默认值为Stretch,所以会拉伸填充整个父元素,所以一般会设置border的宽和高;


 下面的示例在隐藏文件cs实现的四个角的圆角半径不同,边框的每个边的粗细不同,并绘制边框颜色

xaml文件代码:

 <!--ContentPanel - 在此处放置其他内容-->
        <Grid x:Name= " ContentPanel " Grid.Row= " 1 " Margin= " 12,0,12,0 ">
            <Border x:Name= " bd " Background= " DarkCyan " ManipulationDelta= " bd_ManipulationDelta ">
                <TextBlock x:Name= " tbShow " Text= " 边框元素示例 " VerticalAlignment= " Center " HorizontalAlignment= " Center ">
                    <TextBlock.RenderTransform>
                        <CompositeTransform Rotation= " 30 "></CompositeTransform>
                    </TextBlock.RenderTransform>
                </TextBlock>
            </Border>
        </Grid>

 隐藏文件代码:

img_405b18b4b6584ae338e0f6ecaf736533.gif View Code
///   <summary>
        
///  触摸移动实现
        
///   </summary>
        
///   <param name="sender"></param>
        
///   <param name="e"></param>
         private  void bd_ManipulationDelta( object sender, ManipulationDeltaEventArgs e)
        {
             // 左上右下
            Thickness thickNess =  new Thickness( 10203040);
             // 设置不同的粗细
            bd.BorderThickness = thickNess;
             // 设置左上,右上,左下,右下的圆角半径值
            CornerRadius cornerRadius =  new CornerRadius( 10203040);
            bd.CornerRadius = cornerRadius;

            LinearGradientBrush lgb =  new LinearGradientBrush();
            GradientStopCollection gsc =  new GradientStopCollection();
            GradientStop gs1 =  new GradientStop();
            gs1.Color = Color.FromArgb( 122102213167);
            gs1.Offset =  0.2;
            gsc.Add(gs1);
            GradientStop gs2 =  new GradientStop();
            gs2.Color = Color.FromArgb( 102102133167);
            gs2.Offset =  0.7;
            gsc.Add(gs2);
            lgb.GradientStops = gsc;
             // 实现边框颜色
            bd.BorderBrush = lgb;
        }

 效果:

 

 

                                                                                                                                                                            跬步积千里

目录
相关文章
|
Android开发 iOS开发 Windows
Windows Phone 寿终正寝了,这些经典机型你还记得吗?
不久前,随着最后一家WP手机厂商惠普宣布取消今后Windows Phone的研发计划,以及微软官方声明对WP8.1系统今后所有升级维护的终止,WP手机,作为曾经和安卓手机、苹果手机并驾齐驱的三大智能手机之一,正式寿终正寝。
1806 0
Windows Phone 寿终正寝了,这些经典机型你还记得吗?
|
XML 开发框架 前端开发
Windows Phone快速入门需掌握哪些能力
在此之前,先普及下Windows Phone的概念和开发工具的介绍。 Windows Phone是微软公司开发的手机操作系统,它将微软旗下的Xbox Live游戏、Xbox Music音乐与独特的视频体验集成至手机中。2012年6月21日,微软正式发布Windows Phone 8,采用和Windows 8相同的Windows NT内核,同时也针对市场的Windows Phone 7.5发布Windows Phone 7.8。
308 0
Windows Phone快速入门需掌握哪些能力
|
移动开发 Android开发 开发者
Windows Phone 8.1 新功能汇总 开发者预览版开放下载
在Build 2014大会上,微软正式发布了传闻已久的Windows Phone 8.1系统,所有的Windows Phone 8手机都可以升级,微软这次可谓是十分厚道。虽然并非迭代升级,但WP 8.1还是拥有很多重大更新,对于微软进一步完善移动平台拥有积极的意义。下面,就一起来了解一下WP 8.1的主要新特性。
352 0
Windows Phone 8.1 新功能汇总 开发者预览版开放下载
|
编解码 前端开发 JavaScript
Windows Phone 下开发 LBS 应用
基于位置的服务(Location Based Service,LBS),它是通过电信移动运营商的无线电通讯网络(如GSM网、CDMA网)或外部定位方式(如GPS)获取移动终端用户的位置信息(地理坐标,或大地坐标),在GIS(Geographic Information System,地理信息系统)平台的支持下,为用户提供相应服务的一种增值业务。
352 0
|
Windows
背水一战 Windows 10 (76) - 控件(控件基类): Control - 基础知识, 焦点相关, 运行时获取 ControlTemplate 和 DataTemplate 中的元素
原文:背水一战 Windows 10 (76) - 控件(控件基类): Control - 基础知识, 焦点相关, 运行时获取 ControlTemplate 和 DataTemplate 中的元素 [源码下载] 背水一战 Windows 10 (76) - 控件(控件基类): Control -...
1192 0