Android 레이아웃 디자인 튜토리얼 : 알아야 할 모든 것

이 Android 레이아웃 디자인 자습서는 데모와 함께보기 및보기 그룹을 사용하여 레이아웃을 디자인하는 방법을 이해하는 데 도움이됩니다.

당신이 처음이라면 , 레이아웃 디자인에 대한 학습을 ​​시작할 수있는 완벽한 장소에 도착했습니다. Android 레이아웃 디자인 튜토리얼에 대한이 기사는더 나은 UI 디자인을 만들기위한 몇 가지 유용한 팁과 UI 디자인 방법도 설명합니다.

아래 주제에 대해 논의 할 것입니다.





자, 시작합시다!

파이썬 예제의 로지스틱 회귀

Android 레이아웃 디자인 자습서 : UI 구성 요소 소개

UI 구성 요소에 대해 말하면 Android 애플리케이션의 일반적인 UI는 다음 구성 요소로 구성됩니다.



  • 메인 액션 바
  • 보기 제어
  • 콘텐츠 영역
  • 분할 액션 바

이는 복잡한 애플리케이션을 개발하는 동안 중요한 역할을합니다. 이 기사의 데모 섹션을 살펴보면 이에 대한 명확한 이해를 얻을 수 있습니다.

UI 디자인을 사용자 지정하는 데 도움이되는 또 다른 중요한 요소는 뷰 구성 요소입니다.

보기가 무엇인지 보자



Android 레이아웃 디자인 튜토리얼 : 견해

전망 실제로 생성되는 적절한 사용자 인터페이스의 기본 구성 요소로 간주됩니다. 수업보기 . 이것은 화면의 직사각형 영역을 차지하고 결국 그리기 및 이벤트 처리를 처리합니다.

뷰는 버튼, 텍스트 필드 등과 같은 대화 형 UI 구성 요소를 만드는 데 사용되는 위젯의 기본 클래스입니다. 이제 사각형 영역이나 상자에 대해 이야기하면 이미지, 텍스트 조각, 버튼 또는 안드로이드 애플리케이션이 표시 할 수있는 모든 것. 여기에있는 사각형은 실제로는 보이지 않지만 모든 뷰는 사각형 모양을 차지합니다.

이 직사각형의 크기는 얼마일까요?

정답은 정확한 크기 (적절한 단위 포함)를 지정하거나 미리 정의 된 값을 사용하여 수동으로 설정할 수 있다는 것입니다. 이러한 미리 정의 된 값은 match_parent 및 wrap_content.match_parent 장치 디스플레이에서 사용 가능한 전체 공간을 차지함을 나타냅니다. 이므로, wrap_content 콘텐츠를 표시하는 데 필요한만큼의 공간 만 차지함을 나타냅니다.

이제 View와 ViewGroup의 주요 차이점을 살펴 보겠습니다.

전망

  1. 전망 개체는 Android UI 요소의 기본 구성 요소입니다.
  2. 보기는 사용자의 작업에 응답하는 간단한 사각형 상자입니다.
  3. View는 모든 UI 클래스의 기본 클래스 인 android.view.View 클래스를 나타냅니다.
  4. 예로는 EditText, Button, CheckBox 등이 있습니다.

ViewGroup

  1. ViewGroup View 및 ViewGroup을 포함하는 보이지 않는 컨테이너입니다.
  2. ViewGroup은 레이아웃 .
  3. 예를 들어, 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 레이아웃 디자인 튜토리얼-Edureka

구성 요소 트리 아래에서 선택한 구성 요소를 볼 수 있습니다.

레이아웃에서도 찾을 수 있습니다.

  1. 팔레트 : 레이아웃으로 드래그 할 수있는보기 및보기 그룹 목록이 있습니다.
  2. 구성 요소 나무 : 레이아웃에 대한보기 계층 구조로 구성됩니다.
  3. 툴바 : 편집기에서 레이아웃 모양을 구성하고 몇 가지 레이아웃 속성을 변경하는 버튼입니다.
  4. 디자인 에디터 : 디자인 또는 청사진보기 또는 둘 다의 레이아웃. 디자인 공간으로도 간주됩니다.
  5. 속성 : 선택한 뷰의 속성을 제어합니다.

이것으로 '안드로이드 레이아웃 디자인 튜토리얼'에 대한이 기사의 마지막에 왔습니다. 이 튜토리얼에서 여러분과 공유 한 내용이 명확하기를 바랍니다.Android 개발 경력과 함께 다른 블로그와 행운을 빕니다.

이제 Android 레이아웃 디자인의 기본 사항을 이해 했으므로 전 세계에 250,000 명 이상의 만족 한 학습자 네트워크를 보유한 신뢰할 수있는 온라인 학습 회사 인 Edureka에서

Edureka의 Android 앱 개발 인증 교육 과정은 Android 개발자가되고 싶은 학생과 전문가를 위해 마련되었습니다. 이 과정은 Java 프로그래밍을 시작하고 Android에서 앱을 만들 것으로 예상되는 프로젝트와 함께 핵심 및 고급 개념 모두에 대해 교육하도록 설계되었습니다.

질문이 있으십니까? 이 'Android Layout Design Tutorial'블로그의 댓글 섹션에 언급 해 주시면 가능한 한 빨리 연락 드리겠습니다.