기본 제어 추가

improve this page | report issue

앱에 기본 제어 추가

IBM Digital App Builder에는 기본 UI 제어(단추, 표제, 이미지 및 레이블)가 있습니다.

디자인 모드에서 기본 제어 추가

이러한 제어 중 하나를 앱에 추가하려면 단순히 캔버스로 끌어서 놓고 해당 특성과 조치를 구성하십시오.

  • 표제 - 이 제어를 사용하여 표제를 페이지에 추가할 수 있습니다. 표제 제어에는 다음 특성이 있습니다.
    • 텍스트 값
    • 스타일(정렬, 텍스트 색상). 이 제어에 대해 조치를 사용할 수 없습니다.
  • 단추 - 이 제어를 사용하여 단추를 추가하고 조치를 이에 연관시킬 수 있습니다. 단추 제어에는 다음 특성이 있습니다.
    • 텍스트 값
    • 스타일(정렬, 텍스트 색상, 배경색, 글꼴 두께) 조치 탭에서 이 단추에 조치를 지정할 수 있습니다. 페이지 이름을 선택하여 다른 페이지로 이동하도록 클릭 시 다른 페이지로 이동 단추를 선택하거나 +를 클릭하여 새 페이지를 추가하십시오.
  • 이미지 - 이 제어를 사용하여 이미지를 추가할 수 있습니다. 이미지 소스를 로컬 이미지로 지정하거나 URL을 제공하십시오. 이미지를 업로드하고 이를 앱 소스에 추가할 수도 있습니다. 조치 탭에서 이 이미지에 조치를 지정할 수 있습니다. 페이지 이름을 선택하여 다른 페이지로 이동하도록 클릭 시 다른 페이지로 이동 단추를 선택하거나 +를 클릭하여 새 페이지를 추가하십시오.
  • 레이블 - 이 제어를 사용하여 레이블을 추가할 수 있습니다. 텍스트 값, 스타일(정렬, 텍스트 색상, 글꼴 두께)을 변경할 수 있습니다. 이 제어에 대해 조치를 사용할 수 없습니다.

디자인 모드에서 프로젝트에 기본 제어를 추가하려면 다음을 수행하십시오.

  1. 디자인할 페이지로 이동하십시오.
  2. 제어를 클릭하여 제어판을 표시하십시오.
  3. 필수 제어를 끌어서 놓고 페이지를 디자인하십시오.
Inclusive terminology note: The Mobile First Platform team is making changes to support the IBM® initiative to replace racially biased and other discriminatory language in our code and content with more inclusive language. While IBM values the use of inclusive language, terms that are outside of IBM's direct influence are sometimes required for the sake of maintaining user understanding. As other industry leaders join IBM in embracing the use of inclusive language, IBM will continue to update the documentation to reflect those changes.
Last modified on February 26, 2020