Панель инструментов Android: небольшой текст заголовка в ландшафтном режиме


Я тестирую новую панель инструментов и тему AppCompat на Android и столкнулся с проблемой. Мой текст заголовка панели инструментов выглядит нормальным размером в портретном режиме, но он стал довольно маленьким в ландшафтном режиме, хотя я ничего не делал в коде, чтобы изменить размер текста заголовка. Вот снимки экрана:

activity_main.XML-код:

<!-- A DrawerLayout is intended to be used as the top-level content view using match_parent for both width and height to consume the full space available. -->
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context="com.techfunmyanmar.jujaka.ui.MainActivity">

    <android.support.v7.widget.Toolbar
        android:id="@+id/main_toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawer_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <!-- As the main content view, the view below consumes the entire
             space available using match_parent in both dimensions. -->
        <FrameLayout
            android:id="@+id/container"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <!-- android:layout_gravity="start" tells DrawerLayout to treat
             this as a sliding drawer on the left side for left-to-right
             languages and on the right side for right-to-left languages.
             If you're not building against API 17 or higher, use
             android:layout_gravity="left" instead. -->
        <!-- The drawer is given a fixed width in dp and extends the full height of
             the container. -->
        <fragment
            android:id="@+id/navigation_drawer"
            android:name="com.techfunmyanmar.jujaka.ui.NavigationDrawerFragment"
            android:layout_width="@dimen/navigation_drawer_width"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            tools:layout="@layout/fragment_navigation_drawer" />
    </android.support.v4.widget.DrawerLayout>
</LinearLayout>

стили.XML-код:

<resources>
    <!-- Base application theme. -->
    <style name="AppBaseTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="windowActionBar">false</item>

        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/primary</item>
        <item name="colorPrimaryDark">@color/primary_dark</item>
        <item name="colorAccent">@color/accent</item>

    </style>

    <!-- Main application theme. -->
    <style name="AppTheme" parent="AppBaseTheme">

    </style>

    <style name="DrawerArrowStyle" parent="Widget.AppCompat.DrawerArrowToggle">
        <item name="spinBars">true</item>
    </style>
</resources>
5 56

5 ответов:

Я пытался установить android:titleTextAppearance панели инструментов, но стиль не применяется. Затем я понял, что использую тему AppCompat, поэтому я использовал app:titleTextAppearance и стиль применяется. Похоже, что маленькие буквы в ландшафте являются проблемой во встроенном AppCompat.Toolbar.Title стиль сам по себе, поэтому я переопределил его, чтобы установить размер шрифта вручную. Окончательный код:

панель инструментов XML:

<android.support.v7.widget.Toolbar
        android:id="@+id/main_toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:titleTextAppearance="@style/ToolbarTitle"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

Панели Инструментов Типа:

<style name="ToolbarTitle" parent="@style/TextAppearance.Widget.AppCompat.Toolbar.Title">
        <item name="android:textSize">20sp</item>
</style>

проблема AOSP #170707 было написано относительно изменения размера текста для заголовка и субтитров. Ответ участника проекта был "работает по назначению. Идентичное поведение."Хотя я не считаю, что изменение размера текста является желательным поведением по умолчанию, похоже, что инженеры AppCompat должны были поддерживать согласованность с (ошибочным) поведением фреймворка. Разработчики затем налево, чтобы переопределить стили по умолчанию, как описано в холодную Тян ответ.

дополнения к ответу Чилли Чана:

1) размер текста субтитров можно управлять аналогичным образом, определяя другой стиль, полученный из TextAppearance.Штучка.Совместимости приложений.Панель инструментов.Подзаголовок.

2) значения по умолчанию для размера заголовка/субтитров в портретной ориентации-20dp/16dp (на моем Galaxy S3, 4.4.2.). Пример Chilly Chan указывает "17sp". Используйте " sp " только в том случае, если вы хотите, чтобы настройки параметров пользователя влияли на размер заголовка/субтитров.

Я искал решение без пользовательской панели инструментов, но с пользовательский стиль и этот код сделал трюк для меня:

стили.xml

<style name="MyTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="actionBarStyle">@style/MyActionBar</item>
</style>

<style name="MyActionBar" parent="@style/Widget.AppCompat.Light.ActionBar.Solid">
    <item name="titleTextStyle">@style/MyTitleTextStyle</item>
</style>

<style name="MyTitleTextStyle" parent="@style/TextAppearance.AppCompat.Title">
    <item name="android:textSize">20sp</item> <!-- Default for portrait is 20sp and for landscape 14sp-->
</style>

AndroidManifest.xml

    <activity
        android:name=".MainActivity"
        android:label="@string/app_name"
        android:theme="@style/MyTheme"/>

где MainActivity расширяет AppCompatActivity; протестировано на API 19, 22 и 23.

попробуйте добавить это в ваш раздел панели инструментов под activity_main.XML.

android: minHeight="?android: attr / actionBarSize"

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

 Toolbar toolbar = (Toolbar) findViewById(R.id.my_awesome_toolbar);
    setSupportActionBar(toolbar);

<android.support.v7.widget.Toolbar
    android:id=”@+id/my_awesome_toolbar”
    android:layout_height=”wrap_content”
    android:layout_width=”match_parent”
    android:minHeight=”?attr/actionBarSize”
    android:background=”?attr/colorPrimary” />

Я думаю, что это связано с некоторыми изменениями макета, выполненными при повороте устройства, АСТ похоже, что вы можете предотвратить изменение размера, добавив что-то вроде

  android:configChanges="orientation|screenSize"

в AndroidManifest.xml для деятельности, в которой вы находитесь. Как всегда, android: configChanges имеет больше последствий, поэтому его следует использовать только в том случае, если вам это действительно нужно :)