내보내기(0) 인쇄
모두 확장
정보
요청한 주제가 아래에 표시됩니다. 그러나 이 주제는 이 라이브러리에 포함되지 않습니다.

빠른 시작: Windows Phone의 텍스트

2014-06-18

적용 대상: Windows Phone 8 및 Windows Phone Silverlight 8.1 | Windows Phone OS 7.1

 

Windows Phone 은 텍스트를 렌더링하는 몇 개의 컨트롤과 텍스트 서식을 지정하는 속성 집합을 제공합니다. 사용할 수 있는 텍스트 기반 컨트롤로는 TextBlock, TextBoxPasswordBox가 있습니다. 이 빠른 시작에서는 이러한 텍스트 컨트롤을 사용하여 텍스트를 표시 및 입력하는 방법을 보여 줍니다.

이 항목에는 다음 단원이 포함되어 있습니다.

 

TextBlock은 Windows Phone 앱에서 읽기 전용 텍스트를 표시하기 위한 주 컨트롤입니다. 해당 Text 속성을 사용하여 TextBlock 컨트롤에 텍스트를 표시할 수 있습니다.

다음 XAML에서는 TextBlock 컨트롤을 정의하고 해당 Text 속성을 문자열로 설정하는 방법을 보여 줍니다.

<TextBlock Text="Hello, world!" />

다음 그림에서는 이전 XAML의 결과를 보여 줍니다.

TextBlock - Hello World sample

TextBlock에 문자열마다 서식이 다른 일련의 문자열을 표시할 수도 있습니다. 이 작업은 Run 요소를 사용하여 각 문자열을 서식과 함께 표시하고 각 Run 요소를 LineBreak 요소로 구분하여 수행할 수 있습니다.

다음 XAML에서는 LineBreak로 구분된 Run 개체를 사용하여 TextBlock에서 서식이 다르게 지정된 몇 가지 텍스트 문자열을 정의하는 방법을 보여 줍니다.

<Grid>
    <TextBlock FontFamily="Arial" Width="400" >
        <LineBreak/>
        <Run Foreground="Maroon" FontFamily="Courier New" FontSize="40">
            Courier New 24
        </Run>
        <LineBreak/>
        <Run Foreground="Teal" FontFamily="Times New Roman" FontSize="30" FontStyle="Italic">
            Times New Roman Italic 18
        </Run>
        <LineBreak/>
        <Run Foreground="SteelBlue" FontFamily="Verdana" FontSize="20" FontWeight="Bold">
            Verdana Bold 14
        </Run>
    </TextBlock>
</Grid>

다음 그림에서는 이전 XAML의 결과를 보여 줍니다.

TextBlock - Text formatting

TextBlock에 대한 자세한 내용은 Windows Phone의 텍스트 및 글꼴TextBlock을 참조하세요.

TextBox 컨트롤을 사용하여 여러 줄로 된 단일 형식 텍스트를 입력 및 편집할 수 있습니다. Text 속성을 사용하여 TextBox에 텍스트를 설정할 수 있습니다. 다음 코드 샘플에는 세 개의 텍스트 상자가 있습니다. 첫 번째 TextBox에 텍스트를 입력한 경우 동일한 텍스트가 두 번째 TextBox에 표시됩니다. 이 작업은 TextChanged 이벤트를 사용하여 구현됩니다. 세 번째 TextBox에는 워터마크 텍스트가 표시됩니다. 워터마크 텍스트를 표시하려면 여러 글꼴 속성(예: ForegroundFontSize) 및 이벤트(예: GotFocusLostFocus)를 사용합니다.

<StackPanel Background="Transparent">
    <TextBlock Text="Type Text Here" />
    <TextBox x:Name="ReadWriteTB" TextChanged="ReadWriteTB_TextChanged"
        IsReadOnly="False" />
    <TextBlock Text="Read Only TextBox" />
    <TextBox x:Name="ReadOnlyTB" IsReadOnly="True" />
    <TextBlock Text="Search Type TextBox" />
    <TextBlock FontSize="17" TextWrapping="Wrap">
        When you click inside the text box the watermark text is removed and the
        cursor appears ready for input.
    </TextBlock>
    <TextBox x:Name="WatermarkTB" Text="Search"
        Foreground="Gray" GotFocus="WatermarkTB_GotFocus"
        LostFocus="WatermarkTB_LostFocus" />
</StackPanel>
//The following method displays the text entered in ReadWriteTB in ReadOnlyTB.
private void ReadWriteTB_TextChanged(object sender, RoutedEventArgs e)
{
    ReadOnlyTB.Text = ReadWriteTB.Text;
}
//The foreground color of the text in WatermarkTB is set to Magenta when WatermarkTB
//gets focus.
private void WatermarkTB_GotFocus(object sender, RoutedEventArgs e)
{
    if (WatermarkTB.Text == "Search")
    {
        WatermarkTB.Text = "";
        SolidColorBrush Brush1 = new SolidColorBrush();
        Brush1.Color = Colors.Magenta;
        WatermarkTB.Foreground = Brush1;
    }
}
//The foreground color of the text in WatermarkTB is set to Blue when WatermarkTB
//loses focus. Also, if SearchTB loses focus and no text is entered, the
//text "Search" is displayed.
private void WatermarkTB_LostFocus(object sender, RoutedEventArgs e)
{
    if (WatermarkTB .Text == String.Empty)
    {
        WatermarkTB.Text = "Search";
        SolidColorBrush Brush2 = new SolidColorBrush();
        Brush2.Color = Colors.Blue;
        WatermarkTB.Foreground = Brush2;
    }
}

다음 그림에서는 이전 XAML의 결과를 보여 줍니다.

TextBox

PasswordBox 컨트롤을 사용하여 비밀번호를 입력할 수 있습니다. 사용자는 입력된 텍스트를 볼 수 없습니다. 텍스트를 나타내는 비밀번호 문자만 표시됩니다. Password 속성을 사용하여 비밀번호를 가져오거나 설정할 수 있으며, PasswordChar 속성을 사용하여 비밀번호 문자를 지정할 수 있습니다.

Microsoft는 MSDN 웹 사이트에 대한 귀하의 의견을 이해하기 위해 온라인 설문 조사를 진행하고 있습니다. 참여하도록 선택하시면 MSDN 웹 사이트에서 나가실 때 온라인 설문 조사가 표시됩니다.

참여하시겠습니까?
표시:
© 2015 Microsoft