10

Имеется приложение, которое написано под определенный экран. Поставлена задача сделать так, чтобы приложение корректно отображалось на всех экранах. Читала мануал на developer.android.com, поместила в drawable папки с разной плотностью, напихала туда 9patch картинок - хорошо, фон растягивается, картинки более менее адекватны. Wrap_content используется, кое где жестко прописаны отступы, но они в dp - это тоже неплохо. Проблема на небольших экранах в том, что контента как будто слишком много и он накладывается друг на друга, и текстовые поля не помещаются. Для примера разметка одной активити

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/about_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/main_blurred"
android:drawableRight="@drawable/color_layer"
tools:context="ru.novocomments.terminal.AboutActivity">

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="30dp"
    android:paddingRight="40dp"
    android:paddingTop="69dp"
    android:paddingBottom="30dp"
    android:layout_marginLeft="300dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:background="@drawable/color_layer"
    android:id="@+id/frameLayout">

</FrameLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:layout_alignLeft="@+id/frameLayout"
    android:layout_marginLeft="30dp"
    android:layout_marginRight="40dp"
    android:layout_below="@+id/top_row"
    android:layout_marginTop="80dp"
    android:layout_marginBottom="40dp">

<LinearLayout
    android:id="@+id/top_row"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:paddingTop="@dimen/circle_top"
    android:paddingLeft="@dimen/circle_left"
    android:paddingRight="@dimen/close_right"
    android:gravity="center_vertical|left">

    <ImageView
        android:id="@+id/about_circle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/about_circle" />

    <TextView
        android:id="@+id/about_label"
        style="@style/NCTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="90dp"
        android:layout_weight="1"
        android:gravity="left"
        android:text="@string/about" />
    <FrameLayout
        android:id="@+id/back_wrapper"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingRight="20dp"
        android:paddingLeft="20dp"
        android:paddingTop="20dp"
        android:paddingBottom="20dp">
        <TextView
            android:id="@+id/back"
            style="@style/NCBack"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/back" />
    </FrameLayout>

</LinearLayout>

У меня возникает мысль, что надо переписать конкретную разметку под экраны. Читала, что надо плодить папки layout-small, layout-midium, layout-large, и в них создавать хмл. Правильная ли это мысль? Или можно как то по другому решить проблему?

9
  • 1
    Мысль правильная! Можно даже изменять расположение контента в зависимости от размеров экрана девайса. 23 сен 2015 в 8:25
  • Подскажите, пожалуйста, как тогда хмл обзывать? Ведь нужно, чтоб название файла было такое же, но так не получается... 23 сен 2015 в 8:27
  • 1
    Все верно, файлы должны быть в разных папках, но с одинаковыми названиями. Папки называйте layout-xlarge, layout-large, layout-normal, layout-small. 23 сен 2015 в 8:34
  • но это старый вариант, лучше использовать layout-sw<N>dp где <N> - это найменьшая ширина 23 сен 2015 в 8:40
  • Спасибо, я попробую и так и сяк. Очень помогли:) 23 сен 2015 в 8:43

2 ответа 2

6

Так как существует огромное количество Android-устройств с самыми разными параметрами конфигурации экрана - физический размер, плотность пикселей, ориентация (альбомная или портретная и тд.), то требуется какое-то решение, позволяющее программисту наиболее просто учесть все это многообразие, чтобы на всех типах устройств вашим приложением было комфортно пользоваться.
В Android для решения этой проблемы используется система квалификаторов ресурсов.

Программист указывает в коде одно определенное имя ресурса, а система, с помощью квалификаторов, подбирает наиболее подходящий для конкретной конфигурации текущего устройства ресурс, например, разметку экрана.

Система квалификаторов действует следующим образом - есть список заранее определенных квалификаторов, определяющих определенные параметры экрана, такие, как размер, плотность, ориентация и тд.
Задача программиста, создать дополнительные папки ресурсов с постфиксами квалификаторов, для которых необходимо иное, чем по умолчанию (папка без каких-либо квалификаторов - будет использоваться, если никакое специфичное расположение не подходит под текущюю конфигурацию), расположение элементов, отступы и прочее, что позволит отобразить в данной конфигурации экран наиболее корректно.
Имя файла ресурса указывается такое же, как и для состояния по умолчанию, чтобы система понимала, что требуется тот же самый файл, но для определенных параметров.
В одной папке может быть указано более одного квалификатора, для указания нескольких специфичных параметров одновременно. Например:

/res/layout/main_screen.xml - разметка экрана по умолчанию, для всех не указанных специально конфигураций.

/res/layout-small/main_screen.xml - разметка для экранов с маленьким физическим размером.

/res/layout-large-land/main_screen.xml - разметка для экранов с большим физическим размером и в альбомной ориентации.

Как можно заметить, имя файла ресурса одно и то же, оно же указывается и в коде для определенно экрана, без каких-либо дополнительных указаний о параметрах конфигурации устройства. Система сама определит, на основе текущей конфигурации, где запущенно приложение и указанных квалификаторов, какой из множества разметок с таким именем подходит для данного устройства.

При этом разметки конкретных конфигураций могут значительно отличаться от дефолтной, размерами элементов, компоновкой, отступами и тд., чтобы именно в текущей конфигурации все выглядело удобным для использования - единственное условие, все виджеты (элементы разметки), к которым обращаются из кода, должны присутствовать на этой разметке, иначе приложение попросту "упадет" не найдя нужного элемента.

Так же, для файлов разметки принято указывать квалификаторы физических размеров (-small, -large, -sw<> и тп.). Для графических файлов (картинок) - плотности (-hdpi, -mdpi и тп.)

Выбор конкретного квалификатора осуществляется иногда по довольно запутанной схеме. Общее правило такое, что производится сканирование по иерархии, указанной в таблице - сверху - вниз, до первого совпадения, наиболее приближенного к текущей конфигурации устройства. Если ничего не найдено - используется ресурс по умолчанию (без квалификаторов).

Конкретное действие каждого квалификатора, какую часть конфигураций он "контролирует", указано в таблице.

Наиболее полно данный материал изложен в официальной документации Android

4

Да, если много компонентов - то для маленьких экранов придется сделать отдельную разметку, перенести xml файл с тем же именем в папку layout-small. либо как вариант оберните ваш LinearLayout в SwipeLayout, чтобы он скроллился

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.