Windows Phone 二 常用控件之初学者心得

1.Button 按钮

常用属性：

Content-->表示的是按钮的内容,相当于.net中的Text;

Height--->表示按钮的高度

Width --->表示按钮的宽度

VerticalAlignment--->水平垂直(Vertical：垂直的, Alignment：水平的)

FontSize 表示字体大小

FontFamily 表示字体样式

图片按钮,需要在Button内嵌套<StackPanel><Image Source="图片路径"/></StackPanel>

控件的几种写法：

a.<Button Name="btn" Content="my Btn " Height="40" width="250" VerticalAlignment="Center"></Button>

b.<Button>

<Button.Content></Button.Content>

<Button.Name></Button.Name>

<Button.Background></Button.Background>

</Button>

c.在后台代码中初始化控件,

Button btn=new Button();

btn.Content="C#版的按钮";

btn.Click+=btn_Click;

this.gird.Children.Add(btn);

其他控件也可以 以这样的形式编写.

2.SymbolIcom, 文本图形.

属性Symbol----->各种图标图形

<SymbolIcon Symbol="Accept"></SymbolIcon>

属性中的各种小图标可以f4找到，如图:



3.TextBlock 文本块,(相当于Lable)

它的常用属性:font-size,font-family,font-style,font-weight,等等.

TextBlock控件默认是不会换行的,想让其换行,有2中实现方式：

方式一：

把TextWrapping属性设置为Wrap,或者WarpWithOverflow

注意：二者之间的区别(只针对英文)，如果英文单词的长度比TextBlock的宽还要长,wrap会把单词拆分;如果是WrapWithOverFlow,则不会进行拆分.

如图：



方式二：

在文本与文本之间使用<LineBreak/>标签实现

4.TextBox 文本框

属性：可以设置文字相关属性,font-size,font-family,font-weight......

另外：支持Enter键换行.默认情况下不支持换行,可以手动设置：AcceptsReturn属性设置成true.

键盘的类型：通过属性值InputScope进行设置, 常用的属性值有:TelephoneNumber电话号码的出入键盘;

控件头：文本框上方的相关说明,如：请输入用户名，TextBox控件通过属性值 Header进行设置

操作事件：TextChanged、 SelectionChanged、Paste粘贴操作

5.Border边框

CornerRadius:边框的圆角

BorderBrush：颜色

BorderThickness：粗细

6.HyperlinkButton 超链接

Navigateurl:连接地址

7.RadioButton 单选按钮

IsChecked 是否选中;

GroupName,分组(对单选按钮进行分组,避免干扰)

如图：








8.CheckBox 复选框

IsChecked是否选中

需要注意的是：在此CheckBox有三中状态,选中、未选中、不确定,改控件继承ToggleButton.当把IsThreeState属性设置为true,则IsChecked属性将为已选中或不确定状态返回true

9.ProgressBar 进度条

两种模式：重复模式和非重复模式;由属性IsIndeterminate决定,true为重复模式,false为非重复模式.非重复模式需要设定Minimum和Maximum最小值和最大值,Value当前值,两种模式的展现效果分别如下图,1.2

1.

2.


10.ScrollViewer 滚动视图

滚动视图是一个可以水平滚动或者垂直滚动的视图容器.通常会在这个容器里包含其他元素.然后通过滚动的方式进行浏览查看.如下图所示:当内容超过手机屏幕时,可以滚动预览内容


-------》


11.slider 滚动条

属性Orientation控制滑动的方向是水平还是垂直

取值范围通过minimum和maximum属性来设置,

12.pivot 枢轴控件

快捷的管理应用中的视图或页面.

pivot分为2个部分,分别是标题部分和内容部分.

代码如下图：



效果如下图