2014-01-15 2 views
1

// 약간의 배경 :
저는 개발자가 Google 검색을 통해 해결할 수없고 안드로이드를 보면서 해결할 수없는 문제에 대한 도움을 찾는 모바일 디자이너입니다. iOS 설명서. 요약하면 앱의 모든 페이지를 만들기 전에 디자인 파일이 가능한 한 정확하도록 노력하고 있습니다. 하나의 안드로이드/iOS 앱을 디자인했으며 화면 밀도에 대해 잘 알고 있으며 어떻게 사용하고 있습니까? 을 처리 할 예정이지만 다른 기기에 다른 시나리오가 표시되는 방법에 대해 궁금한 점이 몇 가지 있습니다. 나 그래서 내가 당신을 도울 수 :이미지 레이아웃에 대한 개발자의 조언을 구하는 디자이너

// 짧은에 질문!
어떻게 다른 비율을 초래할 다른 높이와 휴대 전화에 대한 바닥 글 탐색 배치가 처리 할 것인가? 말하자면 "Bottom Aligned"입니까?

// 세부 :
I 요소 (이 3 × MDPI @ 480DPI이다), 상기 된 것으로 ... XXHDPI위한 로이드 사양 960W의 엑스 1440H 인 탄성 레이아웃 가중치 마진을 사용하여 배치 이해 . 포토샵에서 GS4와 일치하도록 너비를 1080으로 변경하면 높이가 1620으로 변경되지만 갤럭시 S4의 높이는 1920입니다. 이것은 Androids 기본 사양보다 하단에서 300 픽셀 (100DP) 더 길거나 더 높습니다. 그것은 MDPI에 기반한 화면의 화면 비율과는 다른 화면 비율입니다. 옳은? 만약 내가 요소들 사이의 마진을 나타 내기 위해 개발자에게 제공 할 스타일 가이드에서 위에서 아래로 작업한다면 footer가 얼마나 떨어질 지 알 수 없을 것입니다. 본문의 마지막 요소와 바닥 글의 상단 사이의 정확한 여백 (어쨌든 나는하지 말아야 할 것입니다). 머리글과 바닥 글이 특정 DP 값에 할당되고 위쪽과 아래쪽으로 밀린 경우 본문에 가중치가 지정됩니까? 그런 다음 각 영역에 중첩 된 요소입니까? (HTML의 DIV와 같은 종류일까요?).

어딘가에 내 디자인을 시작해야하며 GS4의 화면 비율을 다른 기기에서 잘라내거나 작은 기기에서 잘못된 여백을보고 할 수있는 디자인을 만들면 두려워합니다.

모든 조언을 주시면 감사하겠습니다.

답변

4

특정 뷰를 맨 아래로 정렬하는 것은 가능합니다. 안드로이드는 RelativeLayout을 포함하고 있으며, 그것의 자식들은 특정한 레이아웃 파라미터를 가질 수있다.

예를 들어, ParentBottom을 정렬하는 것이 가능하며 전체 화면은 화면의 높이에 관계없이 화면 하단에 표시됩니다. 다른 뷰는 사용 가능한 높이의 나머지를 채울 수 있으며, 대부분의 뷰는 올바르게 확장됩니다. ListView는 다른 항목 (또는 2 또는 1.5)을 표시하고, ScrollView는 더 많은 내용을 표시합니다. 또한 화면의 왼쪽/오른쪽으로 정렬 할 수도 있습니다.

사이드 노드이지만 탐색 탭은 Android 앱의 화면 상단에 배치해야합니다. Android 디자인 가이드 라인에서는 '하단 탭 막대는 사용하지 마세요'라고 말합니다. 출처 : http://developer.android.com/design/patterns/pure-android.html

+0

좋아, dev는 "alignParentBottom"으로 바닥 글을 넣을 것이고, 헤더가 "alignParentTop"으로 설정 될 것이라고 추측하고 있습니다. 본체는 어떻게 처리됩니까? 그것이 스트레칭하게 만드는 무게가 주어 졌습니까? 또한 스태킹 순서는 어떻게 처리됩니까? 이것은 명백하게 보일지도 모르지만, 깊이를 다음과 같이 설정할 수 있다고 생각합니다. 본문 : 1, 바닥 글 : 2, 머리글 : 3, 본문이 맨 아래에, 머리글이 맨 위에 있고 바닥 글이 중간에 있습니다. 그래서 내용은 꼬리말 아래로 스크롤됩니다. (또는 이와 비슷한 것 ... 프로그래밍에 대해 조금만 알고 있습니다.) – DesignMeat

+0

또한 iOS가 Android와 같은 여백을 사용하여 요소를 배치합니까? 아니면 배치에 절대 X/Y 좌표를 사용합니까? – DesignMeat

+0

alignParentTop이 기본값입니다. RelativeLayout에 매개 변수없이 View를 추가하면 화면 상단에 배치됩니다. 'layout_above'를 사용하여 다른 뷰보다 위에 뷰를 배치 할 수 있습니다. 따라서 바닥 글을 alignParentBottom에 설정하고 body를 layout_above에 설정하여 바닥 글 위에 있는지 확인하십시오. 마찬가지로 layout_below를 사용하여 다른보기 아래에보기를 설정할 수 있습니다. 내가 아는 한 스태킹 순서는 뷰가 레이아웃 파일에 정의 된 순서입니다. – fifarunnerr

관련 문제