제이쿼리 toggle 예제

부트스트랩 스위치/토글은 미리 정의된 두 가지 옵션 중 하나를 활성화하는 데 사용되는 간단한 구성 요소입니다. 일반적으로 켜기/끄기 버튼으로 사용됩니다. 이 경우 단추의 토글 온 상태에 있는 경우 일반 단추 텍스트에 “(선택됨)” 텍스트를 추가합니다. 데모 프로젝트는 JUCE에서 라디오 단추와 확인란의 사용을 보여줍니다. JUCE Button 구성 요소는 개별 토글 단추 또는 “라디오 그룹”의 일부로 사용할 수 있지만 일반적으로 ToggleButton 클래스를 사용하여 구현됩니다. 데모 응용 프로그램은 일부 제목(Label 클래스 사용)과 일련의 ToggleButton 구성 요소를 제공합니다. 설명하기 위해 데모 프로젝트의 모든 ToggleButton 개체를 TextButton 개체로 변환해 보겠습니다. 여기서 해야 할 분명한 것은 멤버 변수의 형식을 TextButton 클래스로 변경하는 것입니다. 일반적으로 ToggleButton 클래스를 사용 하지만 위에서 언급 했 듯이 모든 단추토글 유형 단추로 설정할 수 있습니다. 표준 ToggleButton 구성 요소는 텍스트 조각과 눈금이 포함되어 있거나 없는 텍스트 왼쪽에 있는 “거품”으로 구성됩니다. (그리고이 모양을 사용자 정의 할 수 있습니다, 당신이 원하는 경우, LookAndFeel 클래스를 사용하여.) 이 두 상태는 이전 섹션의 스크린샷에서 볼 수 있습니다. 차이점은 updateToggleState() 함수에서 단추의 토글 상태도 확인해야 한다는 것입니다.

이렇게하려면 Button::getToggleState() 함수를 호출 할 수 있습니다. 다시 이것은 Button 클래스의 멤버이므로 모든 단추에 대해 유효합니다 (그러나 다른 경우에는 false를 반환하므로 단추를 켜고 끌 것으로 예상되는 경우에만 의미가 있습니다). 토글 플러그인은 여러

요소를 열나 닫는 데 사용할 수 있습니다. 첫 번째 토글 요소에 “인쇄”: “on” 설정을 추가하면 플러그인은 페이지가 인쇄될 때 모든 세부 정보 요소도 열립니다. 참고: 이 예제에서는 부모 구성 옵션을 사용하여 세부 정보 요소의 토글을 지정된 상위 요소(#details 요소)에 포함된 요소로 제한합니다. 이렇게 하면 아래 그룹화된 토글 및 아코디언 예제는 토글의 영향을 받지 않습니다. 이 예제에서는 열거된 값(GenderButtons)을 라디오 그룹 ID로 사용합니다.