UWP&WP8.1 基础控件—TextBlock和TextBox
TextBlock:文本展示控件,有着强大的功能
TextBox:文本输入控件。
这两个控件是最为常用的基础控件。
TextBlock
基础用法:
打开一个UWP项目,在XAML设计页面你可以从工具箱中拖拽此控件,也可以在XAML使用XAML语法,进行编写。
如下:

***值得注意是,默认的textblock是覆盖当前的全面。如果不需要覆盖当前,则需要更改。
TextBlcok XAML页面常用方法:
- x:Name/Name : 将此控件赋予名称
- Height /Width : 修改此控件的高宽
- FontSize : 修改TextBlock字符的大小
- Margin : 修改此控件距离面板控件的距离 (有四个参数,分别是(距离)左,上,右,下)
- TextWrapping : 当文本过长时,是否折行。(有三个参数,分别是NoWrap【不折行】,Wrap【折行】,WrapWholeWords【折行,但是并非所有控件支持】)
进阶的用法:
1. 允许TextBlcok 上的文字进行复制
方法:将TextBlock控件的IsTextSelectionEnabled设置为True。在后台也是如此设置为True即可。
2.允许TextBlock进行滚动/添加滚动条
方法:使用ScrollViewer控件。将TetxBlock嵌套其中,并将ScrollViewer的 HorizontalScrollBarVisibility设置Visible和VerticalScrollBarVisibility设置为Visible。

3. 将TextBlock设置边框。
方法:使用Boder。 将TextBlock嵌套其中。 并设置Border的 BorderThickness 参数(直接输入数字,默认四周边框的宽度都为此参数。或者单独设置四周边框参数【四个 参数,分别是左上右下】)。如果想设置边框的颜色,设置BorderBrush即可

值得注意的是:
这后台的添加字符给TextBlock控件时候,添加的是给Text属性,而不是直接添加给TextBlcok控件。
比如 TextBlock 的Name名为T。 在后台添加文字的时候就是 T.Text="添加给Text属性".

获取TextBlock控件的文字时候也是如此,是Text属性。
TextBox
基础用法:

TextBox控件上和TextBlcok有很大的不同,TextBox是有边框的,可输入的一个控件。同样在UWP项目中你可以拖拽一个进行使用,也在xaml中进行手动输入。
TextBok XAML页面常用方法:
- x:Name/Name : 将此控件赋予名称
- Height /Width : 修改此控件的高宽
- FontSize : 修改TextBox字符的大小【输入时一个字号】
- Margin : 修改此控件距离面板控件的距离 (有四个参数,分别是(距离)左,上,右,下)
- TextWrapping : 当文本过长时,是否折行。(有三个参数,分别是NoWrap【不折行】,Wrap【折行】,WrapWholeWords【折行,但是并非所有控件支持】)
- Background :修改此控件的背景色
- BorderBrush :修改此控件的边框颜色
- BorderThickness :修改此控件的边框的宽度
- Text :获取TextBox的输入值或者设置TextBox的值。用法和TextBlock一样。同样需要注意的地方也是一样。
进阶的用法:
1.控制当前输入法(手机端)
方法:使用TextBox的InputScope方法。
2. 是否允许回车
方法: 将TextBox的AcceptsReturn设置为True,C#代码也是如此.
3. 设置按键按下时事件(KeyDown)或者松开时(KeyUp)
方法 :TextBox本身自带keyDowm/KeyUp两个事件,只要在XAML注册就好。 C#使用+=重载符号也可以。


3.设置TextBox输入前提示文字
方法:使用TextBox的PlaceholderText属性。 此方法在TextBox为获取到焦点前会一直显示灰色提示文字。

UWP&WP8.1 基础控件—TextBlock和TextBox的更多相关文章
- UWP&WP8.1 基础控件——Border
border 是边框控件 border是UWP和WP8.1最常用的控件之一. border字面意义是用来添加边框的. 基础用法 <border BorderThickness="1&q ...
- UWP&WP8.1 基础控件——Image
Image是UWP和WP8.1中系统自带的图片展示器. 具有较强的性能,使用也是非常的简单. 使用方式分为在XAML中,在C#代码中. XAML中: 在XAML中使用方式非常简单. 常用XAML So ...
- UWP&WP8.1 基础控件——Grid
Grid是一个面板控件 Grid是UWP和WPF,WP8.1中最重要的一个控件,相当相当重要. 他是一个面板控件,是用来添加其他控件 但是呢 用法确实简单的很. 大概就这个样子. 你用工具箱拖, ...
- UWP&WP8.1 基础控件—Button
Button作为最常用的控件,没有特别难的用法,是一个非常简单,可以很快就掌握的控件. Button 基础用法: 同样,在UWP项目中,可以从工具箱中拖拽到面板中进行使用.也可以使用XAML语法进行编 ...
- SilverLight:基础控件使用(1)
ylbtech-SilverLight-Basic-Control:基础控件使用(1) 本文详解控件有: Label, TextBox, PasswordBox, Image, Button , Ra ...
- Win10 UWP开发系列——开源控件库:UWPCommunityToolkit
在开发应用的过程中,不可避免的会使用第三方类库.之前用过一个WinRTXamlToolkit.UWP,现在微软官方发布了一个新的开源控件库—— UWPCommunityToolkit 项目代码托管在G ...
- React Native环境搭建以及几个基础控件的使用
之前写了几篇博客,但是没有从最基础的开始写,现在想了想感觉不太合适,所以现在把基础的一些东西给补上,也算是我从零开始学习RN的经验吧! 一.环境搭建 首先声明一下,本人现在用的编辑器是SublimeT ...
- Cocos2d-JS项目之二:studio基础控件的使用
在studio里把几个基础控件往场景文件一拖,然后导出json格式的资源文件 逻辑代码如下: var HelloWorldLayer = cc.Layer.extend({ sprite:null, ...
- [iOS基础控件 - 5.5] 代理设计模式 (基于”APP列表"练习)
A.概述 在"[iOS基础控件 - 4.4] APP列表 进一步封装,初见MVC模式”上进一步改进,给“下载”按钮加上效果.功能 1.按钮点击后,显示为“已下载”,并且不 ...
随机推荐
- JavaScript创建对象的几种重要模式
一.工厂模式 1. 代码示例 function person(name, age) { var p = new object(); p.name = name; p.age = age; p.sayN ...
- Tomcat反带和集群
Nginx|Apache反带用户请求到Tomcat LNMT: client -->http --> nginx --> reverse_proxy --> http --&g ...
- JavaScript函数的默认参数(default parameter)
JavaScript函数的默认参数(default parameter) js函数参数的默认值都是undefined, ES5里,不支持直接在形参里写默认值.所以,要设置默认值,就要检测参数是否为un ...
- 32位模式下C/C++程序可用最大内存
关于32位程序申请大内存问题(1.6G). 我在win7 64系统上面测试Visual studio 10 int* Test=new int[1024*1024*200]; int* Test2=n ...
- Android添加Menu菜单
在安卓中添加Menu菜单十分简单. 步骤: 1.在menu文件夹中的main.xml文件中添加要添加的项目. <menu xmlns:android="http://schemas.a ...
- Linux之Ubuntu环境配置(一)
Linux下的搜狗输入法安装: 1.搜狗官网下载Linux64bit版本文件,默认在/home/username/Downloads目录下. 2.cd /home/username/Downloads ...
- C++之deque
deque(包含头文件#include<deque>)由若干段连续空间串接而成,一旦有必要在deque的头部或尾端增加新的空间,便配置一段定量连续的空间,串接在deque的头部或尾端.de ...
- c++对象模型探索(一)
粗略阅读了<深度探索c++对象模型>一书后,对c++对象底层的内存布局有了一些了解,但同时,也产生了一些疑惑: 1.将子类指针用dynamic_cast转成父类指针之后,其虚表指针会相应变 ...
- ava的打包jar、war、ear包的作用、区别、打包方式
编为大家介绍,基于Java的打包jar.war.ear包的作用与区别详解.需要的朋友参考下以最终客户的角度来看,JAR文件就是一种封装,他们不需要知道jar文件中有多少个.class文件,每个文件中的 ...
- 547D Mike and Fish
传送门 分析 见正睿10.3笔记 代码 #include<iostream> #include<cstdio> #include<cstring> #include ...