당신이 처음이라면 , 레이아웃 디자인에 대한 학습을 시작할 수있는 완벽한 장소에 도착했습니다. Android 레이아웃 디자인 튜토리얼에 대한이 기사는더 나은 UI 디자인을 만들기위한 몇 가지 유용한 팁과 UI 디자인 방법도 설명합니다.
아래 주제에 대해 논의 할 것입니다.
자, 시작합시다!
파이썬 예제의 로지스틱 회귀
Android 레이아웃 디자인 자습서 : UI 구성 요소 소개
UI 구성 요소에 대해 말하면 Android 애플리케이션의 일반적인 UI는 다음 구성 요소로 구성됩니다.
- 메인 액션 바
- 보기 제어
- 콘텐츠 영역
- 분할 액션 바
이는 복잡한 애플리케이션을 개발하는 동안 중요한 역할을합니다. 이 기사의 데모 섹션을 살펴보면 이에 대한 명확한 이해를 얻을 수 있습니다.
UI 디자인을 사용자 지정하는 데 도움이되는 또 다른 중요한 요소는 뷰 구성 요소입니다.
보기가 무엇인지 보자
Android 레이아웃 디자인 튜토리얼 : 견해
에 전망 실제로 생성되는 적절한 사용자 인터페이스의 기본 구성 요소로 간주됩니다. 수업보기 . 이것은 화면의 직사각형 영역을 차지하고 결국 그리기 및 이벤트 처리를 처리합니다.
뷰는 버튼, 텍스트 필드 등과 같은 대화 형 UI 구성 요소를 만드는 데 사용되는 위젯의 기본 클래스입니다. 이제 사각형 영역이나 상자에 대해 이야기하면 이미지, 텍스트 조각, 버튼 또는 안드로이드 애플리케이션이 표시 할 수있는 모든 것. 여기에있는 사각형은 실제로는 보이지 않지만 모든 뷰는 사각형 모양을 차지합니다.
이 직사각형의 크기는 얼마일까요?
정답은 정확한 크기 (적절한 단위 포함)를 지정하거나 미리 정의 된 값을 사용하여 수동으로 설정할 수 있다는 것입니다. 이러한 미리 정의 된 값은 match_parent 및 wrap_content. 이 match_parent 장치 디스플레이에서 사용 가능한 전체 공간을 차지함을 나타냅니다. 이므로, wrap_content 콘텐츠를 표시하는 데 필요한만큼의 공간 만 차지함을 나타냅니다.
이제 View와 ViewGroup의 주요 차이점을 살펴 보겠습니다.
전망
- 전망 개체는 Android UI 요소의 기본 구성 요소입니다.
- 보기는 사용자의 작업에 응답하는 간단한 사각형 상자입니다.
- View는 모든 UI 클래스의 기본 클래스 인 android.view.View 클래스를 나타냅니다.
- 예로는 EditText, Button, CheckBox 등이 있습니다.
ViewGroup
- ViewGroup View 및 ViewGroup을 포함하는 보이지 않는 컨테이너입니다.
- ViewGroup은 레이아웃 .
- 예를 들어, LinearLayout은 Button (View) 및 기타 레이아웃도 포함하는 ViewGroup입니다.
이제 진행하여 현재 존재하는 레이아웃을 이해하겠습니다.
Android 레이아웃 디자인 튜토리얼 : 레이아웃 유형
에 형세 애플리케이션에서 사용자 인터페이스의 구조를 정의합니다. 레이아웃의 모든 요소는 계층 구조를 사용하여 작성됩니다. 전망 과 ViewGroup 사물.
이제 레이아웃을 선언하는 방법을 살펴 보겠습니다.
다음 두 가지 방법으로 레이아웃을 선언 할 수 있습니다.
XML로 UI 요소를 선언합니다. Android는 위젯 및 레이아웃과 같은 View 클래스 및 하위 클래스에 해당하는 간단한 XML 어휘를 제공합니다.
노트 : Android 스튜디오의 Layout Editor를 사용하여 드래그 앤 드롭 인터페이스를 사용하여 XML 레이아웃을 만들 수도 있습니다.
레이아웃 요소 인스턴스화 실행 시간 . 응용 프로그램은 만들 수 있습니다 전망 과 ViewGroup 개체 및 해당 속성을 프로그래밍 방식으로 조작합니다.
다양한 유형의 레이아웃에 대해 알아 보겠습니다.
Android의 UI는 View 및 ViewGroups의 계층 구조입니다. ViewGroups는 계층 구조의 중간 노드가되고보기는 터미널 노드가됩니다.
- 선형 레이아웃
- 절대 레이아웃
- 상대 레이아웃
- 테이블 레이아웃
- 프레임 레이아웃
자세히 논의하겠습니다.
선형 레이아웃
선형 레이아웃은 각 라인에 하나의 요소를 배치하는 데 사용됩니다. 따라서 모든 요소는 위에서 아래로 순서대로 배치됩니다. 이것은 Android에서 양식을 만드는 데 매우 널리 사용되는 레이아웃입니다. 모든 하위 항목을 수직 또는 수평으로 단일 방향으로 정렬하는 뷰 그룹이라고도합니다.
절대 레이아웃
절대 레이아웃에서 배치하려는 각 컨트롤의 정확한 좌표를 지정할 수 있습니다. 이 유형의 레이아웃에서는 각 컨트롤의 정확한 X 및 Y 좌표를 제공 할 수 있습니다. 자식의 정확한 위치를 지정할 수 있습니다.
상대 레이아웃
상대 레이아웃은 ViewGroup 상대적 위치에 자식 뷰를 표시합니다. 당신다른 요소와 관련하여 또는 부모 컨테이너와 관련하여 요소의 위치를 지정할 수 있습니다.
테이블 레이아웃
테이블 레이아웃을 사용하여 행과 열이있는 테이블을 만들고 그 안에 요소를 배치 할 수 있습니다. 각 행에서 하나 이상의 요소를 지정할 수 있습니다. 이 명령을 사용하여 새 테이블 레이아웃을 만들 수 있습니다.
프레임 레이아웃
프레임 레이아웃은 각 화면에 하나의 항목을 표시하려는 경우에 사용됩니다. 프레임 레이아웃을 사용하면 여러 항목을 가질 수 있습니다.이 프레임 레이아웃은 단일보기를 표시하는 데 사용할 수있는 화면의 자리 표시 자입니다.
Android 레이아웃 디자인 튜토리얼 : 측정 단위
Android UI에서 요소의 크기를 지정할 때 다음 측정 단위를 반드시 기억해야합니다.
단위 | 기술 |
---|---|
dp | 밀도 독립 픽셀. 1dp 하나의 픽셀에 해당합니다. 160dpi 화면. |
sp | 독립 픽셀 크기 조정. 이것은 dp와 매우 유사하지만 글꼴 크기를 지정하는 데 권장됩니다. |
pt | 포인트. 포인트는 1/72 인치로 정의됩니다. |
px | 픽셀. 화면의 실제 픽셀에 해당 |
이제이 기사의 마지막 주제로 넘어가겠습니다.
Android 레이아웃 디자인 튜토리얼 : 데모
이 데모 섹션에서는 레이아웃 작업 방법을 이해하겠습니다. 안드로이드 스튜디오 .
참조 Android Studio에.
이것이 레이아웃의 모습입니다. 드로어 블을 선택하기 만하면 몇 가지 클래스를 찾을 수 있으며이 드로어 블 아래에서 다른 클래스를 선택하십시오. 레이아웃 구조를 코딩하거나 디자인을보고 구성 요소를 디자인 공간에 끌어다 놓을 수 있습니다.
구성 요소 트리 아래에서 선택한 구성 요소를 볼 수 있습니다.
레이아웃에서도 찾을 수 있습니다.
- 팔레트 : 레이아웃으로 드래그 할 수있는보기 및보기 그룹 목록이 있습니다.
- 구성 요소 나무 : 레이아웃에 대한보기 계층 구조로 구성됩니다.
- 툴바 : 편집기에서 레이아웃 모양을 구성하고 몇 가지 레이아웃 속성을 변경하는 버튼입니다.
- 디자인 에디터 : 디자인 또는 청사진보기 또는 둘 다의 레이아웃. 디자인 공간으로도 간주됩니다.
- 속성 : 선택한 뷰의 속성을 제어합니다.
이것으로 '안드로이드 레이아웃 디자인 튜토리얼'에 대한이 기사의 마지막에 왔습니다. 이 튜토리얼에서 여러분과 공유 한 내용이 명확하기를 바랍니다.Android 개발 경력과 함께 다른 블로그와 행운을 빕니다.
이제 Android 레이아웃 디자인의 기본 사항을 이해 했으므로 전 세계에 250,000 명 이상의 만족 한 학습자 네트워크를 보유한 신뢰할 수있는 온라인 학습 회사 인 Edureka에서
Edureka의 Android 앱 개발 인증 교육 과정은 Android 개발자가되고 싶은 학생과 전문가를 위해 마련되었습니다. 이 과정은 Java 프로그래밍을 시작하고 Android에서 앱을 만들 것으로 예상되는 프로젝트와 함께 핵심 및 고급 개념 모두에 대해 교육하도록 설계되었습니다.
질문이 있으십니까? 이 'Android Layout Design Tutorial'블로그의 댓글 섹션에 언급 해 주시면 가능한 한 빨리 연락 드리겠습니다.