그래픽 구성 요소는 사용자와 시스템의 상호 작용을 가능하게 하는 요소에 해당합니다. GUI에 대해 이야기할 때 그래픽 사용자 인터페이스를 참조하므로 이러한 인터페이스는 버튼, 메뉴, 아이콘, 텍스트 필드, 레이블 등과 같은 그래픽 요소를 통해 구축됩니다. 무엇보다도 텍스트, GUI는 시각적 디자인과 해당 디자인과 관련된 이벤트를 결합하므로 버튼을 추가하는 경우 사용자가 해당 버튼을 누를 때 해당 버튼과 관련된 이벤트를 프로그래밍해야 합니다.
앞서 언급한 대로 XML 파일에서 사용되는 그래픽 구성 요소에 중점을 두고 위에서 언급한 속성 중 일부를 살펴보겠습니다.
기본 속성.
그래픽 구성 요소에 사용되는 몇 가지 기본 속성을 살펴보겠습니다. 이러한 속성은 유형에 관계없이 모든 구성 요소에 적용할 수 있습니다. 앞서 언급한 모든 구성 요소는 뷰이므로 동일한 속성을 공유합니다. 가장 많이 사용되는 속성은 다음과 같습니다.
안드로이드: 아이디.
컨트롤에 대한 식별자를 정의할 수 있으므로 매우 중요한 속성입니다. 이 속성은 모든 보기에 할당됩니다. 예를 들어 데이터 입력 필드에 할당된 경우 사용자 정보를 캡처하는 데 사용되므로 이름을 구별하는 것은 분명합니다.
식별자를 생성하는 올바른 방법은 다음과 같습니다.
android:id="@+id/miCampoDeTexto"
상징물 @+ID/ 이는 새로운 식별자가 생성되고 있음을 의미합니다. 이로 인해 클래스가 ㅏ. 프로젝트의 gen 패키지에서 나중에 코드로 조작할 수 있도록 이 개체에 대한 참조를 만듭니다.
예에서 식별자는 "myTextField” 구성 요소의 경우.
android:layout_width.
이는 뷰와 관련된 너비를 정의하며 필수 속성이며 해당 값은 절대값으로 정의하거나 다음 두 값 중 하나를 표시하여 정의할 수 있습니다.
-
포장 내용 (내용에 따라 공간을 차지함)
-
match_parent (사용 가능한 모든 공간을 차지함)
예:
android:layout_width="match_parent"어느android:layout_width="290dp"
안드로이드:layout_height.
뷰와 관련된 높이를 정의합니다. 이는 필수 속성이며 해당 값은 절대값으로 정의하거나 다음 두 값 중 하나를 표시하여 정의할 수 있습니다.
-
포장 내용 (내용에 따라 공간을 차지함)
-
match_parent (사용 가능한 모든 공간을 차지함)
예:
android:layout_height="wrap_content"어느android:layout_height="58dp"
안드로이드:layout_margin.
구성 요소의 여백을 정의하여 위, 아래 및 측면에 공간을 설정할 수 있습니다. 독립적인 공간을 제공하려는 경우 이는 marginLeft, marginRight, marginTop 또는 marginBottom(또는 모두) 속성을 사용하여 수행할 수 있습니다.
예: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"
안드로이드: 팁.
이 속성을 사용하면 사용자가 아직 정보를 입력하지 않은 동안 텍스트를 컨트롤에 보조적으로 표시할 수 있습니다. (텍스트 속성보다 선호됨)
예: android:hint="이름을 입력하세요"
안드로이드:입력 유형.
텍스트 상자에 허용되는 입력 유형을 결정합니다. 이를 통해 데이터의 일부 유형을 확인할 수 있으며 운영 체제에 어떤 유형의 (가상) 키보드를 사용해야 하는지 알려줍니다.
이 속성과 연결할 수 있는 옵션은 다음과 같습니다.
- 텍스트
- 숫자
- 조직
- 문자 비밀번호
- 전화
- 회의
- 문자이메일주소
필요에 따라 사용할 수 있는 다른 옵션도 많이 있습니다.
예: android:inputType="숫자" | android:inputType="textEmailAddress"
android:textSize.
화면에 표시할 텍스트의 크기를 정의합니다. 텍스트에 sp가 사용되는 경우 측정 단위를 고려해야 합니다.
예: android:textSize="25sp"
안드로이드:스타일텍스트.
텍스트 스타일을 정의하여 텍스트를 보통, 굵게, 기울임꼴(또는 둘 다)로 정의할 수 있습니다.
예: android:textStyle="bold" | android:textStyle="기울임꼴" | android:textStyle="bold|italic"
android:textColor.
"색상" 속성 파일 또는 16진수 값에서 색상을 추가할 수 있도록 텍스트 색상을 정의합니다.
예: android:textColor="@color/teal_700" | android:textColor="#9C27B0"
안드로이드:배경틴트.
구성요소의 배경색을 정의합니다. "색상" 속성이나 16진수 값에서 색상을 가져올 수도 있습니다.
예: android:BackgroundTint="@color/teal_200" | 안드로이드:BackgroundTint="#FF5722"
안드로이드:텍스트.
뷰와 관련된 텍스트 콘텐츠를 정의합니다. 해당 값을 직접 할당할 수도 있지만 리소스 폴더에 있는 문자열 파일을 사용하는 것이 좋습니다.
예: android:text="비엔베니도스" | android:text="@string/title"
이 속성은 장치 인터페이스에 텍스트를 표시하는 보기에서 일반적입니다. 다음 화면은 다양한 텍스트 값이 추가된 strings.xml 리소스 파일을 보여줍니다.
나중에 이 값은 뷰에서 액세스됩니다.
이전 속성을 클리어한 후 기본적인 그래픽 구성요소는 무엇인지 살펴보겠습니다.
단추.
이는 우리가 알고 있는 기본 버튼에 해당하며 내부 텍스트와 정의된 여백이 있는 버튼만 표시합니다.
버튼을 누르면 이벤트를 기다리는 기본 기능을 수행합니다.
토글 버튼
ToggleButton 유형은 눌렸거나 눌리지 않은 두 가지 가능한 상태로 유지될 수 있는 버튼 유형에 해당합니다. 이를 위해 단일 텍스트 속성이 정의될 뿐만 아니라 Android의 속성을 사용하여 현재 상태에 따라 2가지가 정의됩니다. : textOn 및 android:textOff.
기존 버튼과 마찬가지로 ToggleButton도 클릭 이벤트에 응답하도록 프로그래밍할 수 있지만 아마도 어떤 상태인지 알아야 할 것입니다. isChecked() 메서드를 참조하여 이를 수행할 수 있습니다. 이 메서드는 눌려지면 true 값을 반환하고 그렇지 않으면 false 값을 반환합니다.
갈다
이 컨트롤은 ToggleButton의 작동 방식과 매우 유사하지만 시각적 모양이 다른 스위치를 시뮬레이션할 수 있습니다.
사용 중인 Android 버전에 따라 구성 요소의 시각적 모양이 변경될 수 있으며, 이 경우 Android 버전 5.0 이상의 스위치 컨트롤은 다음과 같습니다.
이미지버튼
이 유형의 버튼을 사용하면 일반적인 텍스트 대신 사용자에게 표시되도록 이미지를 연결할 수 있습니다. 이를 위해 /res/drawable 폴더에서 이미지를 가져와 android:src 속성을 사용하여 로드할 수 있습니다. 이 경우 Android 리소스에서 직접 이미지를 사용합니다.
텍스트뷰
이는 사용자에게 표시되는 기본 텍스트 라벨에 해당합니다. 다른 언어의 라벨은 라벨로 알려져 있으며 android:text 속성과 관련된 텍스트를 표시할 수 있습니다. 이러한 라벨에는 크기를 조작할 수 있는 다른 속성이 있습니다. 배경색, 색상 및 글꼴 유형, 스타일 등
텍스트 편집
Android EditText 보기는 ASP 및 C# Textbox 또는 JAVA JTextField와 동일하며 런타임 시 사용자가 입력한 텍스트를 캡처할 수 있는 컨트롤입니다.
선택 상자
확인란 컨트롤은 응용 프로그램에서 옵션을 선택하거나 선택 취소하는 데 사용됩니다. 인터페이스에서 이를 정의하는 방법과 코드를 통한 조작에 사용할 수 있는 속성은 ToogleButton 컨트롤에 주석 처리된 것과 유사합니다.
이 컨트롤은 TextView 컨트롤에서 상속되므로 이 컨트롤에 대해 이미 언급된 모든 서식 옵션은 checkBox에도 유효합니다.
애플리케이션 코드에서 값을 반환하는 isChecked() 메서드를 통해 이 컨트롤이 선택되었는지 여부를 확인할 수 있습니다. 진실 당신이 선택되었다면 또는 거짓 그렇지 않으면 setChecked(value) 메소드를 사용하여 컨트롤의 특정 상태를 설정할 수도 있습니다. 여기서 value 진실 선택되었으며 거짓 선택되지 않았습니다.
이 컨트롤에 대해 일반적으로 프로그래밍되고 상태가 변경(선택/선택 취소)될 때마다 실행되는 이벤트는 onCheckedChanged입니다.
라디오 버튼
CheckBox 컨트롤과 마찬가지로 RadioButton은 특정 옵션을 선택하거나 선택 취소하는 데 사용됩니다. 차이점은 원하는 선택 유형에 있습니다. RadioButton은 일반적으로 하나만 선택할 수 있는 옵션 집합을 정의하기 위해 그룹으로 사용됩니다. 즉, 각 옵션은 상호 배타적이므로 옵션을 선택할 때 이전에 선택한 옵션이 자동으로 선택 취소됩니다. 이러한 그룹은 옵션을 나타내는 모든 RadioButton 요소를 포함하는 RadioGroup 요소에 의해 정의됩니다.
RadioGroups는 android:orientation 속성을 "vertical" 또는 "Horizontal"로 설정하여 포함된 RadioButton이 정렬되는 방식을 결정할 수 있습니다.
그러면 RadioButton은 너비와 높이 외에도 android:text 속성을 정의하여 표시되는 옵션의 텍스트를 연결하고 android:id를 정의하여 애플리케이션에서 조작할 수 있도록 코드를 컨트롤과 연결해야 합니다. 논리.
애플리케이션 로직에서 제어를 조작하기 위해 다양한 방법을 사용할 수 있으며 그 중 check(내가 갈 것)는 선택된 매개변수로 전달되는 ID로 식별되는 라디오버튼을 정의하는 데 사용되며, ClearCheck() 메소드는 그룹의 모든 라디오버튼을 선택 취소하는 데 사용되고 getCheckedRadioButtonId() 메소드는 라디오버튼의 ID를 얻는 데 사용됩니다. 이는 선택한 그룹 내에 있거나 항목을 선택하지 않은 경우 -1 값입니다.
이 컨트롤의 가장 중요한 이벤트는 그룹의 요소가 선택될 때 트리거되는 onCheckedChanged입니다(그룹에서 한 요소를 선택하면 다른 요소의 선택이 취소된다는 점을 기억하세요).
그게 전부입니다. 이것들은 우리가 과정 전반에 걸쳐 사용할 기본 그래픽 구성 요소 중 일부입니다. 다음 게시물에서는 다른 구성 요소나 레이아웃을 계속해서 다룰 것입니다.
그것은 또한 당신이 관심을 가질 수 있습니다.
이 항목에 대해 추가하거나 언급할 사항이 있습니까? 부담없이….그리고 당신이 그것을 좋아한다면... 나는 당신이 공유하도록 초대합니다 와이 이와 같은 게시물을 더 많이 들으려면 "이 사이트 가입" 버튼을 클릭하여 구독하십시오. 😉