퓨즈[Fusetools] 문서[Docs] 번역

  1. Home
  2. 퓨즈[Fusetools] 문서[Docs] 번역
  3. 프리미티브[Primitives]
  4. 텍스트[Text]

텍스트[Text]

Text 클래스

텍스트 블록을 표시합니다.

텍스트 UI 컨트롤은 읽기 전용 텍스트를 렌더링합니다.

트루 타입 글꼴(Font)을 포함하는 ttf 파일에서 글꼴을 가져올 수 있습니다. 일반적으로 글꼴은 응용 프로그램 전체에서 참조되므로 ux:Global을 사용하여 글꼴을 간단히 작성하는 것이 가장 좋습니다. 이 글꼴 가져오기 방법을 통해 글꼴을 전체 프로젝트에서 사용할 수 있으며 한 번만 로드할 수 있습니다.

참고

데스크톱 프리뷰를 실행할 때 기본 다국어 평면 외부의 대체 글꼴이나 색칠된 글리프 또는 유니코드 문자는 지원되지 않습니다.

이 때문에 로컬 프리뷰를 실행할 때 특정 텍스트 기능(예: 그림 이모티콘)이 지원되지 않습니다. 데스크톱 렌더링이 장치 렌더링과 100%와 일치하지 않아도 놀라지 마십시오. 이 문제를 해결하려 노력중입니다.

이 예제에서는 두 개의 글꼴을 로드하고 사용 가능한 Text 속성 중 일부를 결합한 세 가지 의미론적 클래스인 Light, Medium 및 Warning을 만듭니다. 이 예제에서 글꼴은 UX 파일과 동일한 디렉토리에 있습니다.

UX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<App>
    <Font File="Roboto-Medium.ttf" ux:Global="Medium" />
    <Font File="Roboto-Light.ttf" ux:Global="Light" />

    <Text ux:Class="Light" Font="Light" />
    <Text ux:Class="Medium" Font="Medium" TextWrapping="Wrap" />
    <Text ux:Class="Warning"
        Font="Medium"
        FontSize="42"
        TextAlignment="Center"
        Color="#f00" />

    <StackPanel>
        <Light>Just some text</Light>
        <Warning>The robots are coming!</Warning>
        <Medium>This is just some medium text, but it will happily wrap when the edges of the screen is reached.</Medium>
    </StackPanel>
</App>

Text의 인터페이스

링크로 대신합니다: https://www.fusetools.com/docs/fuse/controls/text#section-table-of-contents

비고

텍스트는 앱에 읽기 전용 텍스트를 표시하기 위한 기본 컨트롤입니다.

예제

Text 속성

1
2
3
4
5
6
7
<Text Color="#999">Left</Text>
<Text TextAlignment="Center">Center</Text>
<Text FontSize="24" TextAlignment="Right">Right</Text>
<Text LineSpacing="10">
Multiple
Lines
</Text>

이 예제에서 첫 번째 텍스트 요소는 기본값이므로 왼쪽 정렬되며 색상은 중간 밝은 회색으로 설정됩니다. 두 번째 텍스트는 가운데 정렬됩니다. 세 번째 글꼴은 오른쪽 정렬되고 큰 글꼴을 사용합니다. 네 번째 줄은 10포인트의 간격으로 두 줄에 걸쳐 있습니다.

Was this article helpful to you? Yes No

How can we help?