Android Studio 入門【 画面分割① 】~均等分割~ ★★☆☆☆

3 분에서 배우는 Android Studio에서 화면 분할 ① 균등 분할입니다 이번 동영상도 시리즈 것으로 총 4 회에 RPG 스타일의 화면 제작을 공부합니다 RPG라고 말하는 것보다, 화면 분할 네요! 큰 이미지와 작은 이미지를 나란히 분할 네요 첫 번째 동영상은 "2 개의 이미지를 균등하게 표시하는"입니다 비교적 간단하기 때문에 바삭 바삭 수 있으면 좋을까 생각합니다 "가로 세로 화면 대응」이라고 써 있습니다 만 【스 마포】의 화면이 "수직 또는 수평에서도 나름대로 보이는 '만들기를 목표로합니다 수직 또는 수평으로 화면 크기가 달라도 나름대로 것 같아 먼저 이번 시리즈에서 사용되는 이미지를 저장합니다 하나씩 컴퓨터에 저장하십시오 적, 배경, 플레이어의 총 6 개 네요 저장이 끝나면 새에 들어가고 싶은 생각합니다 네, 그럼 "Start new Android Studio Project"를 선택하고 Application Name은 RpgGame "next"→ "next"→ "Empty Activity"→ "next"→ "Finish" 네, 새로운 응용 프로그램이있었습니다 이번에는 MainActivityjava는 사용하지 않습니다 activity_mainxml을 열고 미리보기도 열어주세요 오류가 발생 분은 템플릿 변경 이미지를 내장 것이 Project → app → src → main → res → drawable에 방금 저장 한 6 장의 이미지를 "ctrl + 드래그 드롭"으로 복사 이제 준비가되었습니다 사이트의 "레이아웃 해설"을 참조하십시오 완성형의 레이아웃을 설명하고 있습니다 이번에는 배경 이미지가 있고 캐릭터를 거듭에는 레이아웃이 복잡합니다

"RelativeLayout을 사용하면 중첩이 완화" 처음에는 RelativeLayout 위에 ImageView를 얹는다 배경 이미지의 것이군요 RelativeLayout에 배경 이미지를 얹어 또한 위에 싣는 형태로 LinearLayout을 얹는다 LinearLayout을 올리면 "이미지를 수직 배열」에 있습니다 좀 자세한 내용은 생략시켜줍니다 때문에 다양한 만져보세요 여기에서 보길 원하는 것은 레이아웃과 이미지 겹치기입니다 에서는 실제로 만들어갑니다 우선 배경 이미지의 표시입니다 첫 번째 TextView를 제거 대신 배경 이미지 ImageView 배치 세로도 가로도 match_parent 이미지 지정된 src는 "@ drawable / back" 이제 배경 이미지가 설정됩니다 여백을 제거합니다

RelativeLayout의 padding 제거에서 사라집니다 그리고는 ImageView 자체에 scaleType (표시 형식)을 지정합니다 centerCrop에서 빈틈없이 표시됩니다 여기에서 "Ctrl + Alt + L"로 정리합니다 디자인 탭에서 확인하면 RelativeLayout에 ImageView가 겹쳐 있습니다

떠 나머지 LinearLayout과 사진 2 배치 끝까지 진행하고자합니다 첫 번째 LinearLayout에 들어가는 곳은 ImageView와 RelativeLayout 사이를 줄로 표시 LinearLayout을 입력 세로도 가로도 match_parent <LinearLayout ~ 중략 ~> </ LinearLayout> 사이에 ImageView를 배치 몬스터 네요 몬스터의 높이도 가로도 match_parent src보기 이미지는 "@ drawable / m0" 이제 몬스터가 표시되었습니다 동일한 일을 다시 입력 대체로 완성 인데요 가로 세로, match_parent src는 "@ drawable / p0" 이제 거의 OK예요하지만, 불행히도 추가 한 플레이어가 표시되지 않습니다 이유는 "몬스터가 화면 가득 표시되어있는 '부터 플레이어는 화면에서 벗어나 있습니다

그것을 나타내는 것처럼 LinearLayout에 오류가 있습니다 "어떻게하면 좋을까?"라고 말하면 여기에 웨이트를 넣습니다 2 개의 ImageView에 w를 입력하면 layout_weight가 나오므로 숫자 1을 넣어 준다 플레이어에 android : layout_weight = "1"을 입력 이제 1 대 1로 표시됩니다 지금 일률적 인 것은 LinearLayout에 orientation가 설정되지 않은 때문 이지요

줄 바꿈하여 android : orientation = "vertical"를 입력 이제 세로 정렬됩니다 "Ctrl + Alt + L"에서 소스를 구성합니다 보고 싶지는 이미지에 붙인 match_parent와 weight입니다 사이트 하단에 그림이 있기 때문에, 그래서 설명합니다 2 개의 이미지에 match_parent, match_parent, weight⁼ "1" 로 설정하면 1 대 1로 표시됩니다

플레이어의 이미지를 코피 늘려 주어도 3 개의 이미지가 1 대 1 대 1로 표시되는 물론 4 가지로 늘려도 비율이 갖추어져 표시됩니다 깊이 생각하지 않고 "match_parent, match_parent, weight⁼"1 "로 비율을 지켜주는"으로 OK 반 암기으로 OK 네요 그러나 숫자를 바꾸면 잘 표시되지 않습니다 즉 "5 장 1 '등은 실패합니다 그 대처법은 다음의 동영상에서 설명합니다

에 만약 잘되지 않는 경우 사이트 XML을 복사하여 Android Studio에 붙여 넣기 1 대 1로 표시되는 것입니다 다음 동영상 2 체 1 등 비율을 바꿔보고자합니다

잘 부탁드립니다!