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

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

프리미티브[Primitives]

퓨즈는 보다 복잡한 시각적 요소의 기본 빌딩 블록인 기본 요소 세트를 제공합니다. 이러한 프리미티브에는 텍스트, 사각형, 원, 이미지 및 비디오가 포함됩니다.

도형(Shapes)

앱에서 가장 많이 사용되는 두 가지 모양은 사각형과 원입니다. 그들은 각각 퓨즈에 자신의 유형이 있습니다:

<Panel>
    <Circle Color="#bbfdff" />
    <Rectangle Color="#ff6eb4" />
</Panel>

사각형에 대한 전체 설명서를 확인하십시오.

색상(Color)

퓨즈의 모든 시각적 요소에는 Color 속성이 있습니다. 이 속성은 요소의 주 색상으로 매핑됩니다.

사각형과 원과 같은 도형의 경우, Color 속성이 해당 색상의 SolidColor 브러시로 변환될 것입니다. 다음 샘플과 같습니다:

<Rectangle Color="#f0f" />

실제로는 아래와 같이 바뀝니다:

<Rectangle Fill="#f0f"/>

Fill 속성은 Brush 유형이므로 Fill=”#f0f” 부분은 실제로 다음과 같이 동등한 항목으로 더 확장됩니다:

<Rectangle>
    <SolidColor Color="#f0f"/>
</Rectangle>

SolidColor가 직사각형 채우기 속성에 “자동 바인딩”되는 위치입니다.

브러쉬와 선(Brushes and Strokes)

퓨즈의 색상은 브러시로 표시됩니다. 일반적인 단색을 얻으려면 SolidColor 브러시를 사용할 수 있습니다. 모든 도형에는 Brush 타입의 Fill 속성이 있습니다. 모양에 단색을 설정하는 것이 일반적이므로 특별히 Color 속성이 정의되어 있습니다.

텍스트

Text 클래스는 정적 텍스트를 표시하는 기본 객체입니다.

다음은 다양한 텍스트 관련 컨트롤 간의 차이점에 대한 개요입니다.

  • Text – 여러 줄로 표시할 수 있는 상호 작용이 불가능한 텍스트를 표시합니다.
  • TextInput – 한 줄만 표시하며, 사용자가 조작할 수 있는 텍스트 컨트롤입니다.
    • 특별한 장식이 없는 텍스트입니다.
    • DockLayout을 가지고 있습니다. 즉, DockPanel.Dock 연결된 속성을 사용하여 자식을 배치할 수 있습니다.
    • IsPassword 가능
    • 액션트리거: TextInputActionHandler
  • TextBox – TextInput과 비슷하지만 기본 장식이 있습니다 (예: 프로토타이핑)
  • TextView
    • 여러 줄이 가능한 TextInput
    • 장식 없음
    • 패스워드 기능 없음
    • 특별한 액션트리거 없음
  • Basic.TextInput – Fuse.BasicTheme 패키지로 데코레이션 된 TextInput.

이미지 / 비디오

이미지 및 비디오 요소를 사용하여 이미지 및 비디오를 쉽게 포함할 수 있습니다.

<Image File="someImage.jpg" />
<Video File="someVideo.mp4" />

이미지와 비디오 모두 로컬 파일 대신 URL을 가져올 수 있습니다:

<Image Url="http://www.some.com/image.jpg" />
<Video Url="http://www.some.com/video.mp4" />

이미지비디오 문서에서 자세한 설명서를 확인하십시오.

[[ 동영상 강좌 ]]

Was this article helpful to you? Yes No

How can we help?