Android 工具栏:横向模式下的小标题文本
Posted
技术标签:
【中文标题】Android 工具栏:横向模式下的小标题文本【英文标题】:Android Toolbar: small title text in landscape mode 【发布时间】:2015-03-18 12:04:56 【问题描述】:我正在 android 上测试新的 Toolbar 和 AppCompat 主题并遇到了问题。我的工具栏标题文本在纵向模式下看起来正常大小,但在横向模式下变得相当小,尽管我没有在代码中做任何事情来更改标题的文本大小。以下是屏幕截图:
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_
android:layout_
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_
android:layout_
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_
android:layout_>
<!-- 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_
android:layout_ />
<!-- 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_
android:layout_
android:layout_gravity="start"
tools:layout="@layout/fragment_navigation_drawer" />
</android.support.v4.widget.DrawerLayout>
</LinearLayout>
styles.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>
【问题讨论】:
您是否应该考虑将工具栏高度变小,而不是使文本大小变大?因为,这就是谷歌在他们的 GMail 应用程序中所做的。我在***.com/questions/30897348/… 发布了类似的问题 【参考方案1】:我尝试设置工具栏的android:titleTextAppearance
,但没有应用样式。然后我意识到我正在使用 AppCompat 主题,所以我使用了app:titleTextAppearance
,现在正在应用该样式。看起来横向中的小写字母是内置 AppCompat.Toolbar.Title
样式本身的问题,所以我覆盖它以手动设置字体大小。最终代码:
工具栏 XML:
<android.support.v7.widget.Toolbar
android:id="@+id/main_toolbar"
android:layout_
android:layout_
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>
【讨论】:
非常好的解决方案! textSize 应为 20sp,作为纵向模式文本大小 如何将它应用到标准支持操作栏? (无工具栏) @ChillyChan 给你。我的 xml 文件没什么特别的。我根本不使用工具栏小部件。只是支持操作栏 原因是横屏模式下大小设置为14dp:android-sdk/platforms/android-23/data/res/values-land/dimens_material.xmlAOSP Issue #170707 是关于更改标题和副标题的文本大小的。项目成员的回答是“按预期工作。与框架行为相同”。虽然我不认为更改文本大小是理想的默认行为,但听起来 AppCompat 工程师必须保持与(有缺陷的)框架行为的一致性。然后让开发人员覆盖 Chilly Chan 的回答中描述的默认样式。
Chilly Chan 回答的补充:
1) 可以通过定义派生自 TextAppearance.Widget.AppCompat.Toolbar.Subtitle 的另一种样式以类似的方式控制字幕文本大小。
2) 纵向标题/副标题尺寸的默认值为 20dp/16dp(在我的 Galaxy S3 上,4.4.2.)。 Chilly Chan 的示例指定了“17sp”。仅当您想让用户偏好设置影响标题/副标题大小时才使用“sp”。
【讨论】:
不要在文本大小上使用 dp。 @qbix 感谢您指出 dp。 dp 对于带有字幕的 Toolbar 是正确的做法,模仿 Google 的默认值。当用户打开大文本可访问性设置时,在工具栏中使用 sp 会导致字幕文本的下半部分被剪掉。另一种方法是让工具栏拉伸到某个意外的高度以适应文本,即使这样,字幕文本填充也会变得不正确(与工具栏底部齐平,底部填充为 0),或者至少很难管理。跨度> 【参考方案3】:我正在寻找一个没有自定义工具栏,但有自定义样式的解决方案,这段代码对我有用:
styles.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 上测试。
【讨论】:
这是最好的答案!【参考方案4】:尝试将此添加到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” />
【讨论】:
谢谢,但它仍然很小。 使用不暗的动作栏主题?在模拟器或手机上运行? 再次感谢。我使用您发布的工具栏 xml 尝试了“Theme.AppCompat.Light.NoActionBar”,但标题仍然很小。唯一的区别是溢出图标和标题变成了黑色。在手机上运行。在 ICS、KK 和 L 上进行了测试。横屏模式下的所有三款手机上的文字都很小。 感谢您的帮助。我已经解决了这个问题,并对这个问题添加了我自己的答案。我使用的是android:titleTextAppearance
而不是app:titleTextAppearance
。【参考方案5】:
我认为这与旋转设备时执行的一些布局更改有关,因为看起来你可以通过添加类似的东西来防止调整大小
android:configChanges="orientation|screenSize"
在您所在活动的 AndroidManifest.xml 中。与往常一样,android:configChanges 具有更多含义,因此仅在您确实需要时才应使用它:)
【讨论】:
大家好。我不知道为什么这条评论被否决了。我试过configChanges
并且它在没有任何其他xml 更改的情况下工作。谢谢人。 @FrancescoMapelli
谢谢。我也想知道被否决的原因......也许我错过了一些严重的问题,为什么这不好。我知道我的解决方案比干净的解决方案更像是一种解决方法,但至少它可以工作并提示原因
这个答案是不正确的,因为文本大小会根据设备在查看充气时间(通常是应用程序启动)的方向而有所不同。因此,如果您以纵向方式启动应用程序,您的工具栏将通过旋转保持较大的文本大小。但是,如果您以横向方式启动应用程序,您的工具栏将具有较小的文本大小,并且会在旋转过程中保持不变。
这就是为什么我添加了“与往常一样,android:configChanges 有更多含义”警告...以上是关于Android 工具栏:横向模式下的小标题文本的主要内容,如果未能解决你的问题,请参考以下文章
Android 工具:screenOrientation 等效