Huge iOS UI PackCreate your app design, prototype or get inspired with more than 200 iOS screens and hundreds of UI elements, organized into 8 popular content categories.Key Futures:200+ iOS screensMade for Sketch App and Photoshop8 content catego… Show Layout Editor를 사용하면 레이아웃 XML을 직접 작성하는 대신 UI 요소를 시각적 디자인 편집기로 드래그하여 신속하게 레이아웃을 빌드할 수 있습니다. 이 디자인 편집기의 경우 레이아웃을 다양한 Android 기기 및 버전에서 미리 볼 수 있습니다. 또한 레이아웃이 다양한 크기의 화면에서 제대로 작동하도록 레이아웃 크기를 동적으로 조절할 수 있습니다. Layout
Editor는 Android 2.3(API 수준 9) 이상과 호환되는 레이아웃 관리자인 이 페이지에서는 Layout Editor에 관해 간략하게 소개합니다. 레이아웃 기본사항에 관한 자세한 내용은 레이아웃을 참조하세요. Layout Editor는 XML 레이아웃 파일을 열면 나타납니다. 그림 1. Layout Editor
XML 레이아웃 파일을 열면 디자인 편집기가 기본적으로 열립니다(그림 1 참조). 텍스트 편집기에서 레이아웃 XML을 수정하려면 창의 오른쪽 상단에 있는 코드 버튼을 클릭합니다. 코드 뷰에서 레이아웃을 수정하는 동안에는 Palette, Component Tree, Attributes 창을 사용할 수 없습니다.도움말: 미리보기 모양 변경디자인 편집기 맨 위 행에 있는 버튼을 사용하여 편집기에서 레이아웃의 모양을 구성할 수 있습니다. 그림 2. Layout Editor 툴바에 있는 레이아웃 모양 구성 버튼 그림 2의 숫자에 상응하는 사용 가능 버튼은 다음과 같습니다.
새 레이아웃 생성앱의 새 레이아웃을 추가할 때는 새 레이아웃이 모든 기기 설정에 적용되도록 먼저 프로젝트의 기본 다음 중 한 가지 방법으로 새 레이아웃을 만들 수 있습니다.
Project 뷰 사용
Android 뷰 사용
Resource Manager 사용
레이아웃 변형을 사용하여 다양한 화면에 맞게 최적화레이아웃 변형은 특정 화면 크기나 방향에 맞게 최적화된 기존 레이아웃의 대체 버전입니다. 추천 레이아웃 변형 사용Android 스튜디오에는 프로젝트에서 사용할 수 있는 일반적인 레이아웃 변형이 포함되어 있습니다. 추천 레이아웃 변형을 사용하려면 다음 단계를 따르세요.
나만의 레이아웃 변형 만들기나만의 레이아웃 변형을 만들려면 다음 단계를 따르세요.
동일 레이아웃의 변형이 여러 개 있는 경우 Layout Variants 를 클릭하고 나타나는 목록에서 선택하여 변형을 전환할 수 있습니다.다양한 화면에 맞는 레이아웃을 만드는 방법에 관한 자세한 내용은 다양한 화면 크기 지원을 참조하세요. 뷰 또는 레이아웃 변환뷰를 다른 종류의 뷰로 변환하고 레이아웃을 다른 종류의 레이아웃으로 변환할 수 있습니다.
레이아웃을 ConstraintLayout으로 변환레이아웃 성능을 향상시키려면 이전의 레이아웃을 기존 레이아웃을
Palette에서 항목 찾기Palette에서 이름으로 뷰 또는 뷰 그룹을 검색하려면 Palette 맨 위에 있는 Search 버튼을 클릭합니다. 또는 Palette 창에 포커스가 있을 때마다 항목의 이름을 입력할 수 있습니다.Palette의 Common 카테고리에서 자주 사용하는 항목을 찾을 수 있습니다. 이 카테고리에 항목을 추가하려면 Palette에서 뷰 또는 뷰 그룹을 마우스 오른쪽 버튼으로 클릭한 다음 컨텍스트 메뉴에서 Favorite을 클릭합니다. Palette에서 문서 열기뷰 또는 뷰 그룹에 관한 Android 개발자 참조 문서를 열려면 Palette에서 UI 요소를 선택하고 뷰 또는 뷰 그룹에 관한 Material Guidelines 문서를 열려면 Palette에서 UI 요소를 마우스 오른쪽 버튼으로 클릭하고 컨텍스트 메뉴에서 Material Guidelines를 선택합니다. 이 명령어를 사용했을 때 항목의 특정 내용이 없는 경우 Material Guidelines 문서의 홈페이지가 열립니다. 레이아웃에 뷰 추가레이아웃 빌드 작업을 시작하려면 Palette의 뷰와 뷰 그룹을 디자인 편집기로 드래그하기만 하면 됩니다. 레이아웃에 뷰를 놓으면 편집기에 그 뷰와 나머지 레이아웃의 관계에 관한 정보가 표시됩니다.
뷰 속성 편집그림 4. Attributes 창 Layout Editor의 오른쪽에 있는 Attributes 창에서 뷰 속성을 수정할 수 있습니다. 이 창은 디자인 편집기가 열려 있을 때만 사용할 수 있으므로 레이아웃을 보려면 디자인 모드나 분할 모드를 사용해야 합니다. Component Tree 또는 디자인 편집기에서 뷰를 클릭하는 방법으로 뷰를 선택하면 Attributes 창에 그림 4와 같이 다음 내용이 표시됩니다.
뷰에 샘플 데이터 추가많은 Android 레이아웃은 런타임 데이터에 의존하므로 앱을 디자인할 때 레이아웃의 모양과 느낌을 시각화하는 것이 어려울 수 있습니다. Android 스튜디오 3.2 이상에서는 Layout Editor 내에서 샘플 미리보기 데이터를 이 뷰 유형 중 하나를 마우스 오른쪽 버튼으로 클릭하고 Set Sample Data를 선택하면 그림 5와 같이 Design-time View Attributes 창을 표시할 수 있습니다. 그림 5. Design-time View Attributes 창
그림 6. 샘플 데이터가 있는
그림 7. 샘플 데이터가 있는
그림 8. 샘플 데이터가 있는 레이아웃 경고 및 오류 표시Layout Editor는 Component Tree에서 해당하는 뷰 옆에 빨간색 원형 느낌표 아이콘 (오류의 경우) 및 주황색 삼각형 느낌표 아이콘 (경고의 경우)을 표시하여 레이아웃 문제를 알립니다. 아이콘을 클릭하면 자세한 내용을 볼 수 있습니다.편집기 아래의 창에서 모든 알려진 문제를 보려면 툴바에서 Show Warnings and Errors( 또는 )를 클릭합니다.글꼴을 다운로드하여 텍스트에 적용Android 8.0(API 수준 26) 또는 Android 지원 라이브러리 26.0.0 이상을 사용하는 경우 다음 단계에 따라 수백 가지 글꼴 중에서 선택할 수 있습니다.
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates. Last updated 2022-09-11 UTC. [{ "type": "thumb-down", "id": "missingTheInformationINeed", "label":"필요한 정보가 없음" },{ "type": "thumb-down", "id": "tooComplicatedTooManySteps", "label":"너무 복잡함/단계 수가 너무 많음" },{ "type": "thumb-down", "id": "outOfDate", "label":"오래됨" },{ "type": "thumb-down", "id": "translationIssue", "label":"번역 문제" },{ "type": "thumb-down", "id": "samplesCodeIssue", "label":"샘플/코드 문제" },{ "type": "thumb-down", "id": "otherDown", "label":"기타" }] [{ "type": "thumb-up", "id": "easyToUnderstand", "label":"이해하기 쉬움" },{ "type": "thumb-up", "id": "solvedMyProblem", "label":"문제가 해결됨" },{ "type": "thumb-up", "id": "otherUp", "label":"기타" }] |