Windows 8 Store Apps学习(1) 文本控件

TextBlock, TextBox, PasswordBox, RichEd

介绍

重新想象 Windows 8 Store Apps 之文本控件

TextBlock - 文本显示框

TextBox - 文本输入框

PasswordBox - 密码输入框

RichEditBox - 富文本编辑框

RichTextBlock - 富文本显示框

RichTextBlockOverflow - 溢出文本显示框

示例

1、TextBlock 的 Demo

TextBlockDemo.xaml

<Page
    x:Class="XamlDemo.Controls.TextBlockDemo"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:XamlDemo.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">   

    <Grid Background="Transparent">
        <StackPanel Margin="120 0 0 0">   

            <!--
                TextBlock 的常用属性
                显示的文本如果是引号等特殊字需要使用相应的 HTML 编码
            -->
            <TextBlock Text="TextBlock &quot;的常用属性&quot;" TextAlignment="Left" Foreground="Blue" FontFamily="微软雅黑" FontSize="24" FontWeight="Bold" FontStyle="Italic" 

FontStretch="Normal" TextWrapping="Wrap" />   

            <!--
                CharacterSpacing - 用于设置字符间距
                    具体字符间隔像素计算公式如下：字体大小 * CharacterSpacing值 / 1000 = 字符间距像素值
                LineHeight - 行高
                LineStackingStrategy - 控制行高的策略
                    MaxHeight - 每行的行高以 LineHeight 值和每行的自然行高中的最大值为准。默认值 

                    BlockLineHeight - 每行的行高以 LineHeight 值为准，以字符区域为参考
                    BaselineToBaseline - 每行的行高以 LineHeight 值为准，以基线为参考（什么是基线：英文字符的基线基本相当于单词本4条线中的第3条线）
                Inlines - 内联元素的集合。包括 span, bold, italic, underline 等，但是 InlineUIContainer 不可用，其需要在 RichTextBlock 中使用
            -->
            <TextBlock FontSize="24" CharacterSpacing="100" LineStackingStrategy="MaxHeight" LineHeight="100">
                <TextBlock.Inlines>
                    <Run Foreground="Red">Run</Run>
                    <Span Foreground="Green">Span</Span>
                    <LineBreak />
                    <Bold>Bold</Bold>
                    <Italic>Italic</Italic>
                    <Underline>Underline</Underline>
                </TextBlock.Inlines>
            </TextBlock>   

            <!--
                TextTrimming - 文字溢出时的显示方式
                    TextTrimming.None - 不做任何处理
                    TextTrimming.WordEllipsis - 在边界处，用省略号代替剩余文本
            -->
            <TextBlock FontSize="24" HorizontalAlignment="Left" Text="abcdefghijklmnopqrstuvwxyz" Width="200" TextTrimming="WordEllipsis" />   

            <!--
                FrameworkElement.FlowDirection - 指定文本或界面元素在它们的父元素中的流动方向
                    FlowDirection.LeftToRight - 内容从左到右流动（默认值）
                    FlowDirection.RightToLeft - 内容从右到左流动
            -->
            <TextBlock FontSize="24" HorizontalAlignment="Left" Text="abcdefg" Width="200" FlowDirection="RightToLeft" />   

            <!--
                IsTextSelectionEnabled - 文本是否可以被选中
            -->
            <TextBlock FontSize="24" Name="lblSource" IsTextSelectionEnabled="True" SelectionChanged="txt_SelectionChanged_1">
                <TextBlock.Inlines>
                    <Run>abcdefg</Run>
                    <LineBreak />
                    <Run>hijklmn</Run>
                    <LineBreak />
                    <Run>opqrst</Run>
                </TextBlock.Inlines>
            </TextBlock>
            <!--显示 lblSource 中被用户选中的文本（这里的绑定不起作用，应该是bug，所以具体实现放到cs里了）-->
            <TextBlock FontSize="24" Name="lblCopy" Text="{Binding SelectedText, ElementName=lblSource}" />
        </StackPanel>
    </Grid>
</Page>

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索windows
， 富文本编辑器
， 控件
， 百度富文本
， 输入
， 文本
， passwordbox
， #富文本框
TextBlock
，以便于您获取更多的相关知识。