Bubble.io에서 요소를 숨기고 표시하기 위해 조건을 어떻게 사용하나요?

단계 1: 요소에 대한 사용자 정의 상태 추가

• 사용자 정의 상태를 원하는 요소의 검사기를 엽니다.
• 요소 검사기에 접근하기 위해 상단 표시 줄의 작은 ⓘ 기호를 클릭합니다.
• 아직 생성되지 않은 경우 새 사용자 정의 상태를 추가합니다. 텍스트를 사용하는 경우 유형을 '텍스트'로 두십시오.
• 필요한 경우 사용자 정의 상태에 대한 기본 값을 정의합니다.

단계 2: 작업을 사용해 상태 설정

• 워크플로우에 '요소의 상태 설정' 작업을 추가합니다.
• 사용자 정의 상태를 저장한 요소, 예를 들어 인덱스를 선택합니다.
• 요소를 표시하거나 숨기기 위한 조건에 해당하는 사용자 정의 상태에 값을 할당합니다.

단계 3: 요소 가시성에 대한 조건 추가

• 표시하거나 숨기길 원하는 그룹 또는 요소를 선택합니다.
• 그것을 더블 클릭하여 요소 검사기를 엽니다.
• 사용자 정의 상태나 URL 매개변수의 값을 확인하기 위해 '조건부' 탭에서 동적 표현식을 사용합니다.
• 요소가 보이는 시기를 지정하여 조건을 설정합니다 (예: 사용자 정의 상태 또는 URL 매개변수가 특정 텍스트와 동일할 때).

단계 4: URL 매개변수 사용 (사용자 정의 상태 대체 방법)

• 브라우저에서 설정하거나 '페이지로 이동'작업을 통해 URL 매개변수를 사용할 수도 있습니다.
• 표시하거나 숨기기를 원하는 조건을 반영하기 위해 작업을 통해 URL 매개변수를 추가하거나 수정합니다.
• 요소의 '조건부' 탭에서 URL 매개변수 값읽고 필요한 조건을 설정합니다.

단계 5: 작업을 사용하여 요소 표시 / 숨기기

• 작업이 선호되는 경우, 가시성을 수동으로 제어하려면 워크플로우에 '요소 표시' 또는 '요소 숨기기' 작업을 추가합니다.
• 가시성을 전환하기 위해 '요소 전환' 작업을 사용하고 작업 내에서 적절한 요소를 선택합니다.

단계 6: 가시성 조건 적용

• 표시되거나 숨겨야 하는 각 요소에 조건을 설정합니다.
• 각 요소의 표시 또는 숨기기를 개별적으로 제어하기 위해 사용자 정의 상태 또는 URL 매개변수 값으로 다르게 지정합니다.

응용 프로그램의 복잡성에 따라 작업 또는 조건을 주로 사용할 수 있습니다. 액션은 간단한 애플리케이션의 경우 더 빠를 수 있으며, 조건은 더 복잡한 앱에서 여러 요소의 가시성을 유지하는 데 더 나을 수 있습니다.