Building interfaces with ConstraintLayout in Android Studio

Android 스튜디오 20에서 저희는 비쥬얼 레이아웃 에디터를 향상시켰습니다 예컨대 내장된 ConstraintLayout에 대한 지원이 있죠 ConstraintLayout는 복잡한 레이아웃을 정의하는 훌륭한 새 방식으로 융통성 있는 컨스트레인트 시스템 덕분에 내포된 뷰 체계가 필요 없죠 이는 지원 저장소에 있고 API 레벨 9까지 작동합니다 이를 Android 스튜디오에 설치하려면 SDK매니저를 열어서 SDK 툴 탭에서 Android를 위한 ConstraintLayout과 ConstraintLayout를 위한 Solver를 선택하세요 여러분의 프로젝트에서 사용하려면 의존성을 더하시고 그래들을 만드세요 이제 루트 뷰로 ConstraintLayout을 이용해 새 레이아웃 파일을 만드세요 Android 스튜디오 2

2에서는 레이아웃 에디터에 새로운 기능 몇 개가 생겼죠 예컨대 블루프린트 모드는 원하시면 디자인 뷰와 함께 사용할 수 있습니다 화면의 우측을 보시면 새로 디자인된 뷰 인스펙터가 있죠 여기에서 자주 사용되는 뷰 속성과 전체 리스트 중 선택할 수 있죠 인스펙터는 또한 ConstraintLayout에만 적용되는 레이아웃 속성 에디터도 포함하는데 잠시 후에 보여드리죠 먼저 이미지 뷰를 팔레트에서 블루프린트로 드래그해 보겠습니다 보시다시피 ConstraintLayout의 모든 뷰는 측면에 네 가지 핸들 즉 상하좌우가 있죠 문자 뷰에서 가져온 뷰 또한 기본 핸들을 가집니다 서로에게서 보는 뷰의 위치를 보려면 클릭해서 하나의 핸들에서 같은 유형의 다른 핸들로 드래그하면 됩니다 여기에 전 레이아웃에서 문자 뷰를 위치시키고 이를 이미지 뷰의 우측에 정렬하고 있죠 좌측 핸들에서 컨스트레인트를 만든 거죠 또한 상단 컨스트레인트를 더해서 이러한 뷰를 수직으로 정렬하고 있죠 뷰가 여전히 서로 너무 가까우니 디자인 프리뷰에서 컨스트레인트를 드래그해서 여백을 조정할 수도 있고 우측의 속성 윈도우를 사용해도 됩니다 훨씬 보기 좋죠 이제 남은 일은 페어런트 컨테이너 안에서 뷰의 위치를 정하는 겁니다 툴 바에 있는 쇼 컨스트레인트 설정을 사용가능하게 하면 레이아웃의 바깥 가장자리를 향하는 컨스트레인트가 현재는 없다는 걸 볼 수 있죠 제 두 가지 뷰는 런타임 때 위치 0으로 옮겨지게 될 겁니다 상단과 좌측 핸들을 페어런트 가장자리로 연결해서 컨테이너에서 뷰가 어느 위치에 있을지 구체적으로 정할 수 있죠 뷰를 중앙에 배열하고 싶으면 어떨까요? 화면의 좌측이나 우측으로 붙이는 대신에 말이죠 새 문자 뷰를 만들어서 두 측면을 페어런트에 연결하고 레이아웃 내에 수평적으로 중앙 배열하면 되겠죠 이제 뷰가 양방향으로 당기는 컨스트레인트가 있는 게 보이시죠 ConstraintLayout은 동시에 두 컨스트레인트를 만족시킬 수는 없기 때문에 뷰는 중앙배열로 남아있습니다 이제 속성 윈도우를 보시면 수평 편향이라고 불리는 슬라이더가 있죠 슬라이더를 이용해서 백분율을 바꾸면 각 컨스트레인트의 강도나 무게를 바꿀 수 있고 이는 뷰를 왼쪽 혹은 오른쪽으로 약간 움직이게 합니다 또한 원하는 너비와 높이를 바꿀 수도 있죠 세 가지 모드, 즉 랩 컨텐트 고정 크기, 컨스트레인트 매치를 바꾸면서 말이죠 ConstraintLayout에서는 매치 페어런트가 아닌 매치 컨스트레인트를 쓰셔야 합니다 이는 기본적으로 뷰가 컨스트레인트를 만족시킬 때까지 이용 가능한 공간으로 확장할 수 있음을 의미하죠 컨스트레인트를 없애려면 속성 윈도우에 있는 박스 측면 중 하나를 클릭하거나 디자인 뷰에서 핸들을 클릭하시면 됩니다 하나의 뷰에 있는 모든 컨스트레인트를 지울 수도 있습니다 여기를 클릭하거나 툴바에 있는 버튼을 사용해서 모든 컨스트레인트와 레이아웃을 없앨 수 있죠 저희는 계속해서 런타임 성능과 에디터 기능을 향상시키고 있으니 SDK 매니저에서 항상 최신 버전으로 업데이트 하시고 파일을 만들도록 하십시오 좀 더 고급의 ConstraintLayout 예시들은 "중간단계"에 있는 코드 랩과 글을 확인하세요 시청해주셔서 감사합니다 Android 스튜디오와 Android 개발을 더 알고 싶으시면 여기 비디오 중 하나를 클릭하세요

How to Use Split Layout in Android App – Android Studio 2.2.2 Tutorial

다시 오신 걸 환영합니다 또 다른 안드로이드 스튜디오 튜토리얼과 오늘 나는 쪼개는 법을 보여줄거야

안드로이드 앱 화면 삽입 여러 창 나는 함께가는 것을 의미하지는 않는다는 의미입니다 하나의 활동 파일 여러 개 다른 종류의 레이아웃을 사용한 활동 우리는 화면을 여러 부분으로 나눌 수 있습니다 그래서 내가하고있는 나의 응용 중 하나 Play 스토어의 경우 여기 있습니다 이름은 'android studio tutorial'입니다 다중이라는 옵션을 사용했습니다

창문을 보시고 디자인을보실 수 있습니다 여기 선형 레이아웃, 상대 레이아웃 우리가 어떻게 할 수 있는지 살펴 보겠습니다 여기에서 우리가 공허한 활동을하는 방법을 알았습니다 그리고 방금 새 프로젝트를 시작 했으므로 내가 가서 세상을 벗다 이제 텍스트로 이동하면 지금 볼 수 있듯이 상대 레이아웃을 사용하고 있습니다

선형 레이아웃으로 변경해야한다는 것을 의미합니다 우리가 가지고있는 선형 레이아웃으로 가자 의 경우 해당 오리엔테이션 추가 선형 레이아웃으로 가자 수직 방향, 디자인으로 이동 여기 아무것도 바뀌지 않아 다음 일은 우리가해야 할 일은 우리가 찾아야한다는 것입니다 레이아웃 폴더, 상대 레이아웃 구성 요소 위로 드래그하면됩니다

상대 레이아웃을 한 번 더 가져와 여기, 이제 두 가지 레이아웃이 관련되어 있습니다 이제 텍스트로 이동하여 코드의 간단한 라인 만 있으면됩니다 안드로이드 레이아웃 무게가 '5' 같은 것을 복사합시다 excatly 같은 물건과 그것을 위에 붙여라

두 번째 그리고 지금 당신은 이것들을 볼 수 있습니다 상대 레이아웃은 화면과 이것 하나까지 나머지 절반까지, 그래서 지금 가자 해당 작업 표시 줄을 제거하십시오 'res'로 이동 'values'로 이동 'style'로 이동 그냥이 줄을 제거하고 'NoActionBar' 오, 여기오고있다

우리가 볼 수있다 아무 행동 바도없고 우리는 꽉 찼어 여러 부분이있는 화면이 이제 가야합니다 그것에 뭔가를 추가하십시오 중앙의 버튼으로 가자

그냥 이미지보기로 모두 가자 그것으로 웹보기 및 사용 방법 상대 레이아웃의 위젯은 이걸로 너희들을 보여 줄게 그래서 여기 나는 전체 화면을 가지고 일부를 제거하자 원하지 않는 코드와 지금 가능한 한 전체 화면 웹보기를 볼 수 있습니다

그 (것)들 내의 관계되는 배치 및 여기에서이다 버튼을 클릭하면 일치하는 부모와 당신이 안드로이드 개발에 처음이라면 일치하는 부모를 사용하여 무언가는 각 구석이나 오른쪽, 위, 왼쪽 및 아래쪽 테두리 이제 여기에 웹보기와 버튼이 있습니다 이렇게하는 것이 많은 이점이 있습니다 에 여러 활동을 표시 할 수도 있습니다 단일 활동 파일, 그래서 너희들이 희망 만약에 그렇다면,이 비디오처럼 나중을 위해 내 채널을 구독하십시오 이 비디오를 시청 해 주셔서 감사합니다

평화

Navigation Drawer, DrawerLayout, and NavigationView (Android Development Patterns Ep 8)

장치에서 화면영역은 꽤 다루기 겁나는 부분이며 머티리얼 디자인은 앱을 더 단순하고 깔끔하게 보이도록 해줍니다 하지만 이로 인해서 사용자들은 앱이 제공하는 모든 옵션을 찾기가 힘들어졌습니다 저는 조애나 스미스입니다 이런 이유로 인하여 여러분이 내비게이션 드로어를 사용해야 하는거죠 내비게이션 드로어는 화면의 왼쪽 가장자리에 있는 옵션 패널입니다 일반적으로는 뷰에서 숨겨져 있습니다 그러나 사용자가 왼쪽에서 밀면 볼 수 있습니다 가로방향의 태블릿과 같이 충분한 화면영역이 있다면 영구적으로 나타날 것입니다 내비게이션 드로어가 있으면 흔히 왼쪽 내비게이션으로 불리는데요 시각적으로 과다한 것을 노출하지 않고도 여러분의 앱에 수 많은 기능과 반응을 제공합니다 그래서 여러분에게 가장 중요한 기능을 정면과 중심에 둘 수 있고 사용자가 더 많은 것을 원하면 메뉴를 열어서 볼 수 있습니다 지금쯤이면 여러분은 곧바로 왼쪽 내비게이션을 만들어야 한다고 생각하실 것입니다 만드는 방법을 지금 보여드리겠습니다 먼저, 드로어 레이아웃을 생성합니다 드로어 레이아웃은 루트뷰이어야 하며 두 개의 차일드뷰를 포함해야 합니다 첫 번째 차일드는 화면의 메인 콘텐츠에 있는 뷰이어야 합니다 이는 여러분의 왼쪽 내비게이션이 숨겨졌을 때를 위한 것이며 드로어가 나중에 열렸을 때 상단에 있을 것입니다 두 번째 차일드는 내비게이션 드로어 자체를 위한 뷰입니다 레이아웃을 만든 이후에 그에 알맞은 항목의 목록이 필요할 것입니다 내비게이션 뷰는 내비게이션 드로어에 필요한 프레임워크를 제공하여 이를 더 쉽게 만들어줍니다 있다면, 헤더 레이아웃과 목록 항목의 메뉴 두 가지가 있는 내비게이션 뷰 위젯이 있으면 됩니다 메뉴는 사실 굉장히 훌륭합니다 프로그램에 따라서 목록 뷰를 관리하는 것 대신에 메뉴 XML 리소스에서 여러분의 콘텐츠 확장을 허용하기 때문입니다 즉, 여러분은 내비게이션 드로어에서 무료로 모든 머티리얼 디자인 스타일링을 사용할 수 있다는 것입니다 미니 리소스는 체크할 수 있는 메뉴 항목의 수집으로 단순할 수 있습니다 현재 무엇이 체크되었는지 간에 하이라이트 되어 내비게이션 항목으로 표시될 것입니다 또한 항목을 함께 묶기 위해서 하위 헤더를 사용하여 더욱 복잡한 메뉴를 만들 수도 있습니다 이제는 여러분의 내비게이션 항목의 목록이 있으니 여러분은 이벤트를 클릭하여야 합니다 여러분은 리스너로 선택된 설정 내비게이션 항목을 사용하여 리스너로 선택된 내비게이션 항목에서 설정하여 선택된 항목에서 콜백을 가지게 될 것입니다 이러한 콜백은 여러분에게 클릭된 메뉴 항목을 제공합니다 이는 여러분이 선택된 이벤트를 다루고 체크 상태를 변경하며 새로운 콘텐츠를 가져오는 것과 같은 것을 허용합니다 여러분의 내비게이션 드로어가 여러분의 앱에서 영구적인 뷰가 아니라면, 보통 그럴 가능성이 높습니다 열기 이벤트와 닫기 이벤트에 주의를 기울여야 합니다 이를 이용하여 여러분은 뷰를 변경하기 전에 필요한 조정을 할 수 있습니다 내비게이션 드로어를 열기 위한 기본값 검사기는 왼쪽에서 스와이프합니다 또한 열리거나 닫힌 드로어를 토글하기 위해서 햄버거 아이콘을 사용할 수 있습니다 마지막으로 한가지를 알려드리겠습니다 저는 내비게이션 드로어를 왼쪽 내비게이션으로 불렀는데요 이렇게 칭한다고 해서 항상 왼쪽에 있어야 한다는 것을 뜻하는 것은 아닙니다 예를 들어, 여러분의 앱이 오른쪽에서 왼쪽의 레이아웃을 지원한다면 처음부터 끝까지 여러분의 레이아웃 속성을 왼쪽에서 오른쪽 대신에 입력했을 것이고 시스템은 여러분을 위해서 오른쪽 내비게이션을 생성할 것입니다 이로 인해, 여러분의 RTL 사용자들은 내비게이션 드로어를 열기 위해서 오른쪽에서 스와이프 할 수 있습니다 그리고 이것은 화면의 오른쪽에서 조정이 될 것입니다 안드로이드 개발에 대해서 더욱 많이 알아가시면서 여러분이 앱을 최고의 상태로 만들며 나머지 안드로이드 개발 패턴 콘텐츠를 확인하면서 G+ 커뮤니티에 가입하여 더 많은 팁과 기술 그리고 도움을 받으시길 바랍니다 하지만, 가장 중요한 것은 더 나은 앱을 계속해서 만드는 것입니다