如何在 android 中增加底部导航视图的高度及其图标和文本大小?
How to increase Bottom Navigation View height along with its icon and text sizes in android?
我正在使用
compile 'com.android.support:design:25.0.0'
Android 底部导航视图及其高度是固定的,并显示带有小文本的小图标。
我的问题是如何增加它们的尺寸?
我试图通过样式更改 xml
文件中的大小...除了 textsize
属性.
之外的所有其他属性都有效
如果可以的话,我可以务实地做到这一点吗,那么请写一个代码
我找到了一个解决方案来覆盖 dimens.xml
文件中的一些维度值,它适用于文本大小,但图标仍然很小。
这是我如何做到的。希望这段代码也能帮助其他人:-)
<!-- Overriding Default Bottom Navigation sizes-->
<dimen name="design_bottom_navigation_text_size" tools:override="true">16sp</dimen>
<dimen name="design_bottom_navigation_active_text_size" tools:override="true">20sp</dimen>
<dimen name="design_bottom_navigation_height" tools:override="true">70dp</dimen>
为那些也希望增加其他价值的人扩展 RamshaS 的答案。这是可以设置的所有值的列表
bottom_navigation_elevation
bottom_navigation_height
bottom_navigation_icon
bottom_navigation_margin_bottom
bottom_navigation_margin_top_active
bottom_navigation_margin_top_inactive
bottom_navigation_max_width
bottom_navigation_min_width
bottom_navigation_notification_elevation
bottom_navigation_notification_height
bottom_navigation_notification_margin_left
bottom_navigation_notification_margin_left_active
bottom_navigation_notification_margin_top
bottom_navigation_notification_margin_top_active
bottom_navigation_notification_margin_top_classic
bottom_navigation_notification_padding
bottom_navigation_notification_radius
bottom_navigation_notification_text_size
bottom_navigation_notification_width
bottom_navigation_padding_left
bottom_navigation_padding_right
bottom_navigation_small_active_max_width
bottom_navigation_small_active_min_width
bottom_navigation_small_inactive_max_width
bottom_navigation_small_inactive_min_width
bottom_navigation_small_margin_bottom
bottom_navigation_small_margin_top
bottom_navigation_small_margin_top_active
bottom_navigation_small_selected_width_difference
bottom_navigation_text_size_active
bottom_navigation_text_size_forced_active
bottom_navigation_text_size_forced_inactive
bottom_navigation_text_size_inactive
您可以在 dimens.xml 中覆盖的底部导航的正确值如下所示
design_bottom_navigation_active_item_max_width
design_bottom_navigation_active_text_size
design_bottom_navigation_elevation
design_bottom_navigation_height
design_bottom_navigation_item_max_width
design_bottom_navigation_item_min_width
design_bottom_navigation_margin
design_bottom_navigation_shadow_height
design_bottom_navigation_text_size
design_bottom_navigation_item_background
design_bottom_navigation_item
design_bottom_navigation_shadow_color
我尝试设置@Kobus Pitzer 列表的许多值,但在 dimens.xml 中,覆盖模式不起作用。它们可能是可以被代码而不是 dimens.xml
覆盖的值
这是默认值
<dimen name="design_bottom_navigation_active_item_max_width">168dp</dimen>
<dimen name="design_bottom_navigation_active_item_min_width">96dp</dimen>
<dimen name="design_bottom_navigation_active_text_size">14sp</dimen>
<dimen name="design_bottom_navigation_elevation">8dp</dimen>
<dimen name="design_bottom_navigation_height">56dp</dimen>
<dimen name="design_bottom_navigation_icon_size">24dp</dimen>
<dimen name="design_bottom_navigation_item_max_width">96dp</dimen>
<dimen name="design_bottom_navigation_item_min_width">56dp</dimen>
<dimen name="design_bottom_navigation_margin">8dp</dimen>
<dimen name="design_bottom_navigation_shadow_height">1dp</dimen>
<dimen name="design_bottom_navigation_text_size">12sp</dimen>
<color name="design_bottom_navigation_shadow_color">#14000000</color>
我在 BottomNavigationView 上使用了 scaleX 和 scaleY,
添加开始和结束填充以将底部栏图标调整到所需位置。
解决不同屏幕尺寸的图标和文字尺寸问题。
我正在使用
compile 'com.android.support:design:25.0.0'
Android 底部导航视图及其高度是固定的,并显示带有小文本的小图标。
我的问题是如何增加它们的尺寸?
我试图通过样式更改 xml
文件中的大小...除了 textsize
属性.
如果可以的话,我可以务实地做到这一点吗,那么请写一个代码
我找到了一个解决方案来覆盖 dimens.xml
文件中的一些维度值,它适用于文本大小,但图标仍然很小。
这是我如何做到的。希望这段代码也能帮助其他人:-)
<!-- Overriding Default Bottom Navigation sizes-->
<dimen name="design_bottom_navigation_text_size" tools:override="true">16sp</dimen>
<dimen name="design_bottom_navigation_active_text_size" tools:override="true">20sp</dimen>
<dimen name="design_bottom_navigation_height" tools:override="true">70dp</dimen>
为那些也希望增加其他价值的人扩展 RamshaS 的答案。这是可以设置的所有值的列表
bottom_navigation_elevation
bottom_navigation_height
bottom_navigation_icon
bottom_navigation_margin_bottom
bottom_navigation_margin_top_active
bottom_navigation_margin_top_inactive
bottom_navigation_max_width
bottom_navigation_min_width
bottom_navigation_notification_elevation
bottom_navigation_notification_height
bottom_navigation_notification_margin_left
bottom_navigation_notification_margin_left_active
bottom_navigation_notification_margin_top
bottom_navigation_notification_margin_top_active
bottom_navigation_notification_margin_top_classic
bottom_navigation_notification_padding
bottom_navigation_notification_radius
bottom_navigation_notification_text_size
bottom_navigation_notification_width
bottom_navigation_padding_left
bottom_navigation_padding_right
bottom_navigation_small_active_max_width
bottom_navigation_small_active_min_width
bottom_navigation_small_inactive_max_width
bottom_navigation_small_inactive_min_width
bottom_navigation_small_margin_bottom
bottom_navigation_small_margin_top
bottom_navigation_small_margin_top_active
bottom_navigation_small_selected_width_difference
bottom_navigation_text_size_active
bottom_navigation_text_size_forced_active
bottom_navigation_text_size_forced_inactive
bottom_navigation_text_size_inactive
您可以在 dimens.xml 中覆盖的底部导航的正确值如下所示
design_bottom_navigation_active_item_max_width
design_bottom_navigation_active_text_size
design_bottom_navigation_elevation
design_bottom_navigation_height
design_bottom_navigation_item_max_width
design_bottom_navigation_item_min_width
design_bottom_navigation_margin
design_bottom_navigation_shadow_height
design_bottom_navigation_text_size
design_bottom_navigation_item_background
design_bottom_navigation_item
design_bottom_navigation_shadow_color
我尝试设置@Kobus Pitzer 列表的许多值,但在 dimens.xml 中,覆盖模式不起作用。它们可能是可以被代码而不是 dimens.xml
覆盖的值这是默认值
<dimen name="design_bottom_navigation_active_item_max_width">168dp</dimen>
<dimen name="design_bottom_navigation_active_item_min_width">96dp</dimen>
<dimen name="design_bottom_navigation_active_text_size">14sp</dimen>
<dimen name="design_bottom_navigation_elevation">8dp</dimen>
<dimen name="design_bottom_navigation_height">56dp</dimen>
<dimen name="design_bottom_navigation_icon_size">24dp</dimen>
<dimen name="design_bottom_navigation_item_max_width">96dp</dimen>
<dimen name="design_bottom_navigation_item_min_width">56dp</dimen>
<dimen name="design_bottom_navigation_margin">8dp</dimen>
<dimen name="design_bottom_navigation_shadow_height">1dp</dimen>
<dimen name="design_bottom_navigation_text_size">12sp</dimen>
<color name="design_bottom_navigation_shadow_color">#14000000</color>
我在 BottomNavigationView 上使用了 scaleX 和 scaleY, 添加开始和结束填充以将底部栏图标调整到所需位置。 解决不同屏幕尺寸的图标和文字尺寸问题。