초간단!xml 파일만 변경하면 안드로이드 태블릿을 사용할 수 있습니다

개시하다

며칠 전 발표된 원티드리Android 애플리케이션에서는 xml 파일만 변경하면 되는 간이 스케치북이 대응하고 있다.제가 그 개요를 소개하겠습니다.

태블릿 화면 레이아웃의 문제점

스마트폰을 대상으로 화면 레이아웃을 디자인하면 태블릿PC에서 앱을 시작할 때 다음과 같은 문제가 발생한다.

이미지의 종횡비 충돌

작은 문자

margin 소형

weight를 사용한 레이아웃 붕괴

이 문제들은 xml 파일의 변경을 통해 쉽게 해결합시다.
(참조) Nexus 7에서 어플리케이션을 시작할 때 태블릿 PC의 앞(왼쪽) 및 뒤(오른쪽) 화면

어플리케이션을 실제로 실행하려는 사람은 여기.부터 시작하십시오.

대응 방법

여기에'7인치 평면 세로'의 경우'이미지와 문자'가 크게 나타난 예를 소개한다.

사전 준비

res/values/아래 파일에서 '스케치북 화면에 표시할 때 값을 바꾸려는 파일' 을 정의합니다.다 처리하면 필요 없어.
dimen.xml

<resources>

    <dimen name="imageview_logo">48dp</dimen>
    <dimen name="textsize_small">14sp</dimen>
    <dimen name="textsize_medium">18sp</dimen>
    <dimen name="textsize_large">22sp</dimen>

</resources>

layout 파일은 이런 느낌입니다.
fragment_main.xml

...

<ImageView
    android:layout_width="@dimen/imageview_logo"
    android:layout_height="@dimen/imageview_logo"
    android:src="@drawable/logo" />

<TextView
    android:layout_width="wrap_contet"
    android:layout_height="wrap_contet"
    android:text="Hello"
    android:textSize="@dimen/textsize_large" />

...

할 일

res/values-sw600dp/폴더*를 만들고 다음 파일에 스케치북 화면에 사용할 값을 정의합니다.
dimen.xml

<resources>

    <dimen name="imageview_logo">64dp</dimen>
    <dimen name="textsize_small">16sp</dimen>
    <dimen name="textsize_medium">20sp</dimen>
    <dimen name="textsize_large">24sp</dimen>

</resources>

*sw600dp는 smallestWidth:600dp라는 뜻
이상!아주 간단하네요.

참조 문서

이것은 본 사건과 관련된 공식 문서의 링크이다.
각종 화면 사이즈에 대응하는 최선의 실천을 기록했다.상기 매values-swXXXdp에 대한 상세한 내용도 언급되었다.꼭 읽어주세요!
http://developer.android.com/guide/practices/screens_support.html
이것은 자원 유형의 사용 방법, 형식 등에 관한 문서이다.각자의 자원에 대해 필요에 따라 각 화면 크기에 적당한 값을 준비한다.
http://developer.android.com/guide/topics/resources/available-resources.html
다중 창 등 태블릿PC에 더 대응하려면 여기를 참고하세요.
http://developer.android.com/guide/practices/tablets-and-handsets.html

끝말

피드백이 있으면 잘 부탁드립니다.