Размер текста и разные размеры экрана Android

Question

Я знаю, это обсуждалось уже 1000 раз, но я не могу настроить размер текста для разных размеров экрана.Я пытаюсь использовать 'sp' в качестве единиц измерения в моем собственном стиле:

<style name="CustumButtonStyle" parent="@android:style/Widget.Button">
    ...
    <item name="android:textSize">30sp</item>
    ...
</style>

В 2.7 QVGA это выглядит нормально:

Но в 7in WSVGAэто выглядит так:

Я пытался использовать и 'sp' и 'dp' с одинаковым результатом.

Не могли бы вы объяснить, какчтобы эти кнопки выглядели одинаково на любом экране?

Полный пользовательский стиль кнопок

<style name="CustumButtonStyle" parent="@android:style/Widget.Button">
    <item name="android:background">@drawable/custom_button</item>
    <item name="android:layout_width">fill_parent</item>
    <item name="android:layout_height">wrap_content</item>
    <item name="android:layout_margin">3dp</item>
    <item name="android:textColor">#ffffff</item>
    <item name="android:gravity">center</item>
    <item name="android:textSize">30sp</item>
    <item name="android:textStyle">bold</item>
    <item name="android:shadowColor">#000000</item>
    <item name="android:shadowDx">1</item>
    <item name="android:shadowDy">1</item>
    <item name="android:shadowRadius">2</item>
</style>

И в моей теме приложения у меня есть

<item name="android:buttonStyle">@style/CustumButtonStyle</item>

И естьмой макет:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/RelativeLayout1"
android:layout_width="fill_parent"
android:background="@drawable/grid"
android:gravity="center"
android:orientation="vertical" android:layout_height="fill_parent">

<Button
    android:id="@+id/buttonContinue"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_gravity="center"
    android:gravity="center"
    android:text="@string/continue_game" android:layout_marginTop="3dp" android:layout_marginBottom="3dp"/>



<Button
    android:id="@+id/buttonNewGame"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/buttonContinue"
    android:layout_alignRight="@+id/buttonContinue"
    android:layout_below="@+id/buttonContinue"
    android:layout_gravity="center"
    android:gravity="center"
    android:text="@string/new_game" android:layout_marginTop="3dp" android:layout_marginBottom="3dp"/>



<Button
    android:id="@+id/ButtonAbout"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/buttonNewGame"
    android:layout_alignRight="@+id/buttonNewGame"
    android:layout_below="@+id/buttonNewGame"
    android:layout_gravity="center"
    android:gravity="center"
    android:text="@string/about" android:layout_marginTop="3dp" android:layout_marginBottom="3dp"/>

Answer 1

@ forcelain Я думаю, вам нужно проверить это Google IO Pdf для дизайна . В этом PDF-файле перейдите на страницу № 77, на которой вы найдете описание того, как предлагать использовать размерs.xml для различных устройств Android, например, см. Структуру ниже:

res/values/dimens.xml

res/values-small/dimens.xml

res/values-normal/dimens.xml

res/values-large/dimens.xml

res/values-xlarge/dimens.xml

Например, вы использовали ниже значения .xml в значениях.

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <dimen name="text_size">18sp</dimen>
</resources>

В папке других значений вам нужно изменить значения для вашего размера текста.

Примечание: Как указывает @espinchi, начиная с Android 3.2, small, normal, large и xlarge устарели в пользу следующего:

Объявление макетов планшета для Android 3.2

Для первого поколения планшетов под управлением Android 3.0 способ объявить макеты планшета было поместить их в каталог с Спецификатор конфигурации xlarge (например, res / layout-xlarge /). В для размещения других типов планшетов и размеров экрана - в в частности, 7-дюймовые планшеты - Android 3.2 представляет новый способ указания ресурсы для более дискретных размеров экрана. Новая техника основана на количество места, которое нужно вашему макету (например, 600dp ширины), вместо того, чтобы пытаться привести ваш макет в соответствие с обобщенными группами размеров (например, большой или большой).

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

Например, после того, как вы разработали макет, который вы хотите использовать для устройства в стиле планшета, вы можете определить, что макет останавливается хорошо работает, когда экран менее 600dp в ширину. Этот порог таким образом, становится минимальный размер, который требуется для макета вашего планшета. Таким образом, теперь вы можете указать, что эти ресурсы макета должны быть используется только при наличии ширины не менее 600 dp Пользовательский интерфейс приложения.

Вы должны выбрать ширину и дизайн под нее как минимальный размер, или проверьте, какую наименьшую ширину поддерживает ваш макет, как только полный.

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

Различные конфигурации ресурсов, которые вы можете указать на основе пространство, доступное для вашего макета, приведены в таблице 2. Эти новые классификаторы предлагают вам больше контроля над конкретными размерами экрана ваше приложение поддерживает, по сравнению с традиционным размером экрана группы (маленькие, нормальные, большие и большие).

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

Таблица2. Новые квалификаторы конфигурации для размера экрана (представлен в Android 3.2).Конфигурация экрана Значения классификатора Описание smalllestWidth swdp

Примеры: sw600dp sw720dp

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

Например, если ваш макет требует, чтобы его наименьшее измерение площади экрана былоне менее 600 dp в любое время, затем вы можете использовать этот классификатор для создания ресурсов макета, res / layout-sw600dp /.Система будет использовать эти ресурсы только тогда, когда наименьшее измерение доступного экрана составляет не менее 600dp, независимо от того, является ли сторона 600dp воспринимаемой пользователем высотой или шириной.Наименьшая ширина является характеристикой фиксированного размера экрана устройства;наименьшая ширина устройства не изменяется при изменении ориентации экрана.

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

Это альтернатива обобщенным квалификаторам размера экрана (маленький, нормальный, большой, большой), которые позволяют вам определить дискретное число для эффективного размера, доступного для вашего пользовательского интерфейса.Использование наименьшей ширины для определения общего размера экрана полезно, поскольку ширина часто является движущим фактором при разработке макета.Пользовательский интерфейс часто прокручивается по вертикали, но имеет довольно жесткие ограничения на минимальное пространство, необходимое ему по горизонтали.Доступная ширина также является ключевым фактором при определении того, следует ли использовать макет с одной панелью для мобильных телефонов или макет с несколькими панелями для планшетов.Таким образом, вы, вероятно, больше всего заботитесь о том, какая минимальная ширина будет на каждом устройстве.Доступная ширина экрана wdp

Примеры: w720dp w1024dp

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

Это часто полезно, чтобы определить, следует ли использовать многопанельный макет,потому что даже на планшетном устройстве вам часто не понадобится такая же многопанельная компоновка для портретной ориентации, как для альбомной.Таким образом, вы можете использовать это, чтобы указать минимальную ширину, необходимую для макета, вместо того, чтобы использовать вместе размер экрана и определители ориентации вместе.Доступная высота экрана hdp

Примеры: h720dp h1024dp и т. Д.

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

Использование этого параметра для определения высоты, требуемой вашим макетом, полезно в той жепуть как WDP для определения необходимой ширины, а не наскак размер экрана и ориентации.Однако большинству приложений этот классификатор не понадобится, учитывая, что пользовательские интерфейсы часто прокручиваются по вертикали и, следовательно, более гибки в зависимости от того, какая высота доступна, а ширина более жесткая.

Хотя использование этих классификаторов может показаться более сложнымчем использование групп размеров экрана, на самом деле все должно быть проще, если вы определите требования для своего пользовательского интерфейса.Когда вы разрабатываете свой пользовательский интерфейс, главное, что вас, вероятно, заботит, - это фактический размер, при котором ваше приложение переключается между пользовательским интерфейсом в виде трубки и пользовательским интерфейсом в виде планшета, который использует несколько панелей.Точная точка этого переключателя будет зависеть от вашего конкретного дизайна - может быть, вам нужна ширина 720dp для макета планшета, может быть достаточно 600dp, или 480dp, или какое-то число между ними.Используя эти квалификаторы в таблице 2, вы контролируете точный размер, при котором меняется макет.

Подробнее об этих квалификаторах конфигурации размера см. В документе «Предоставление ресурсов».Примеры конфигурации

Чтобы помочь вам нацелить некоторые из ваших дизайнов для разных типов устройств, вот несколько цифр для типичной ширины экрана:

320dp: a typical phone screen (240x320 ldpi, 320x480 mdpi, 480x800 hdpi, etc).
480dp: a tweener tablet like the Streak (480x800 mdpi).
600dp: a 7” tablet (600x1024 mdpi).
720dp: a 10” tablet (720x1280 mdpi, 800x1280 mdpi, etc).

Использование определителей размера из таблицы 2, ваше приложениеможете переключаться между различными ресурсами макета для мобильных телефонов и планшетов, используя любое число по ширине и / или высоте.Например, если 600dp - это наименьшая доступная ширина, поддерживаемая макетом планшета, вы можете предоставить следующие два набора макетов:

res / layout / main_activity.xml # Для телефонов res / layout-sw600dp / main_activity.xml# Для планшетов

В этом случае для применения макета планшета наименьшая ширина доступного пространства экрана должна составлять 600 точек на дюйм.

Для других случаев, в которых требуется дополнительная настройкаВ вашем пользовательском интерфейсе для различения размеров, таких как планшеты 7 ”и 10”, вы можете определить дополнительные макеты наименьшей ширины:

res / layout / main_activity.xml # Для мобильных телефонов (доступная ширина меньше 600 dp) res / layout-sw600dp / main_activity.xml # Для 7-дюймовых планшетов (шириной 600 дп и более) res / layout-sw720dp / main_activity.xml

Для 10-дюймовых планшетов (шириной 720 дп и более)

Обратите внимание, чтопредыдущие два набора примеров ресурсов используют спецификатор «наименьшая ширина», swdp, который указывает наименьшую из двух сторон экрана, независимотекущей ориентации устройства.Таким образом, использование swdp - это простой способ указать общий размер экрана, доступный для вашего макета, игнорируя ориентацию экрана.

Однако в некоторых случаях для вашего макета может быть важно, насколько точно ширина или высотав настоящее время доступно.Например, если у вас есть двухпанельный макет с двумя фрагментами рядом, вы можете использовать его всякий раз, когда экран обеспечивает ширину не менее 600 точек на дюйм, независимо от того, находится устройство в горизонтальной или книжной ориентации.В этом случае ваши ресурсы могут выглядеть следующим образом:

res / layout / main_activity.xml # Для мобильных телефонов (доступная ширина меньше 600 dp) res / layout-w600dp / main_activity.xml # Мультипанель (любой экранс доступной шириной 600dp или более)

Обратите внимание, что второй набор использует квалификатор "доступной ширины", wdp.Таким образом, одно устройство может фактически использовать оба макета в зависимости от ориентации экрана (если доступная ширина составляет не менее 600 дп в одной ориентации и менее 600 дп в другой ориентации).

Если доступная высотаэто проблема для вас, то вы можете сделать то же самое с помощью спецификатора hdp.Или даже объедините квалификаторы wdp и hdp, если вам нужно быть по-настоящему конкретным.

Answer 2

Я думаю, что уже слишком поздно, чтобы ответить на эту тему.Но я хотел бы поделиться своей идеей или способом решения проблемы размера текста с помощью устройств с разностным разрешением.Многие сайты разработчиков Android предполагают, что мы должны использовать sp единицу для размера текста, который будет обрабатывать размер текста для устройств с разностным разрешением.Но я всегда не могу получить желаемый результат.Итак, я нашел одно решение, которое я использую из моих последних 4-5 проектов, и оно работает нормально.Согласно моему предложению, вы должны разместить размер текста для каждого устройства разрешения, что немного утомительно, но оно будет соответствовать вашим требованиям.Каждый разработчик должен прислушаться к соотношению, например 4: 6: 8: 12 (ч: хч: ххх: хххх соответственно) .Теперь внутри вашей папки проекта res вы должны создать 4 папки с файлом измерения, например,

1. res / values-hdpi / dimensions.xml
2. res / values-xhdpi / sizess.xml
3. res / values-xxhdpi / dimensions.xml
4. res / values-xxxhdpi / dimensions.xml

Теперь внутри файла измерения .xmlВы должны разместить размеры текста.Я показываю вам код для values-hdpi , аналогично, вы должны разместить код для другого файла значений values ​​/ dimensions.xml.

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <dimen name="text_size">4px</dimen>
</resources>

Для других разрешений это похоже на xhdpi : 6 пикселей, xxhdpi : 8 пикселей, xxxhdpi : 12 пикселей.Это рассчитывается с соотношением (3: 4: 6: 8: 12), которое я написал выше.Давайте обсудим другой пример размера текста с вышеуказанным соотношением.Если вы хотите взять размер шрифта 12 пикселей в hdpi, то в другом разрешении это будет

1. hdpi: 12px
2. xhdpi: 18px
3. xxhdpi: 24px
4. xxxhdpi: 36px

Это простое решение для реализации необходимого размера текста для всех разрешений.Я не рассматриваю устройства с разрешением values-mdpi здесь.Если кто-то хочет включить размер текста для этого разрешения, тогда соотношение будет 3: 4: 6: 8: 12 .В любом вопросе, пожалуйста, дайте мне знать.Надеюсь, это поможет вам.

Answer 3

Иногда лучше иметь только три варианта

 style="@android:style/TextAppearance.Small"

Используйте маленький и большой, чтобы отличаться от нормального размера экрана.

<TextView
            android:id="@+id/TextViewTopBarTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            style="@android:style/TextAppearance.Small"/>

Для нормального вам не нужноуказать что-либо.

<TextView
            android:id="@+id/TextViewTopBarTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

Используя это, вы можете избежать тестирования и указания размеров для разных размеров экрана.

Answer 4

Я сделал то же самое по размеру и нарисовал что-то вроде (с dp, но только для текста и в drawText ())

XML:

   <dimen name="text_size">30sp</dimen>

Код:

   Paint p =new Paint();
       p.setTextSize(getResources().getDimension(R.dimen.text_Size));

Answer 5

Каждый может использовать нижеупомянутую библиотеку Android, которая является самым простым способом сделать размеры текста совместимыми практически со всеми экранами устройств. На самом деле он разработан на основе новых определителей конфигурации Android для размера экрана (представлен в Android 3.2) SmallestWidth swdp.

https://github.com/intuit/sdp

Answer 6

Вы также можете использовать свойства weightSum и layout_weight для настройки вашего другого экрана.

Для этого вам нужно сделать android:layout_width = 0dp и android:layout_width = (что вы хотите);

Answer 7

Чтобы объединить все экраны для отображения одинаковых размеров элементов, включая размер шрифта: - Создайте пользовательский интерфейс на одном экране с размерами, которые вы сочтете подходящими при проектировании, т. Е. Размер шрифта TextView составляет 14 дп при размере экрана по умолчанию с 4'6 дюймами.

• Программно рассчитать физический размер экрана других телефонов, то есть 5,2 дюйма других телефонов / экранов.

• Используйте формулу для расчета процентной разницы между двумя экранами. то есть какая разница в процентах между 4'6 и 5'2.

• Рассчитать разницу в пикселях между двумя TextViews на основе приведенной выше формулы.

• Получите фактический размер (в пикселях) шрифта TextView и примените разницу в пикселях (вы рассчитывали ранее) к стандартному размеру шрифта.

Таким образом, вы можете применить динамическое соотношение сторон ко всем размерам экрана, и результат будет отличным. Вы будете иметь одинаковое расположение и размеры на каждом экране.

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

Answer 8

Как @espinchi упомянул из 3.2 (группы API уровня 13) размерные группы устарели. Диапазон размеров экрана - предпочтительный подход в будущем.

Answer 9

Не указывайте размеры жестко.

Для обеспечения гибкости и новых разрешений экрана - рекомендуется размещать фиктивный TextView в макете для получения textSize:

<TextView
        android:id="@+id/dummyTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="gone"
        android:text="TextView" />

А в вашем коде например:

TextView testTextView = (TextView) rootView.findViewById(R.id.dummyTextView);
float textSize = testTextView.getTextSize();

Сохранить textSize как ссылку, к которой можно добавить постоянный или размер в процентах (путем вычисления).

Answer 10

Я думаю, что вы можете заархивировать это, добавив несколько ресурсов макета для каждого размера экрана, например:

res/layout/my_layout.xml             // layout for normal screen size ("default")
res/layout-small/my_layout.xml       // layout for small screen size with small text
res/layout-large/my_layout.xml       // layout for large screen size with larger text
res/layout-xlarge/my_layout.xml      // layout for extra large screen size with even larger text
res/layout-xlarge-land/my_layout.xml // layout for extra large in landscape orientation

Справка: 1. http://developer.android.com/guide/practices/screens_support.html