android - 更改底部导航视图的图标大小但图标覆盖文本?
问题描述
我更改了图标大小,但它与文本重叠
我增加了bottomView的高度,但仍然如此。
只有边(边距?)改变了。
我已经搜索并找到了答案
<dimen name="design_bottom_navigation_height" tools:override="true">56dp</dimen>
但是我创建了xml并编写了它但是没有工具命名空间?
解决方案
底部导航视图中有一个属性app:itemIconSize="@dimen/_26sdp"
,您可以在其中增加或减小图标大小。
它对我有用。希望它也对你有用。祝你有美好的一天:)。
更新
图标填充是不可能的,BottomNavigationView
因为您必须需要图标填充,然后您可以设置您的xml
文件,如下所示。
测试.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.google.android.material.bottomnavigation.BottomNavigationView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:background="@color/white">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center"
android:orientation="horizontal"
android:weightSum="5">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_weight="1"
android:drawablePadding="10dp"
android:gravity="center"
android:padding="10dp"
android:text="ABC"
app:drawableTopCompat="@drawable/ic_chat_bubble_orange_24dp" />
<TextView
android:id="@+id/test_2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_weight="1"
android:drawablePadding="10dp"
android:gravity="center"
android:padding="10dp"
android:text="DEF"
app:drawableTopCompat="@drawable/ic_chat_bubble_orange_24dp" />
<TextView
android:id="@+id/test_3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_weight="1"
android:drawablePadding="10dp"
android:gravity="center"
android:padding="10dp"
android:text="DEF"
app:drawableTopCompat="@drawable/ic_chat_bubble_orange_24dp" />
<TextView
android:id="@+id/test_4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_weight="1"
android:drawablePadding="10dp"
android:gravity="center"
android:padding="10dp"
android:text="DEF"
app:drawableTopCompat="@drawable/ic_chat_bubble_orange_24dp" />
<TextView
android:id="@+id/test_5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_weight="1"
android:drawablePadding="10dp"
android:gravity="center"
android:padding="10dp"
android:text="DEF"
app:drawableTopCompat="@drawable/ic_chat_bubble_orange_24dp" />
</LinearLayout>
</com.google.android.material.bottomnavigation.BottomNavigationView>
</RelativeLayout>
您的设计将如下面的屏幕截图所示。
截屏
推荐阅读
- database - 对列的逗号分隔值进行排序
- sql-server - SQL Server 2012 - 更新换代
- reactjs - Reactjs 中 CKEditor 5 中的“numberedList”功能不起作用
- angular - 在 cypress 测试中检查 mat-checkbox
- macos - macOS 上的 SwiftUI ListStyle
- swiftui - SwiftUI Textfield - 如何在编辑模式下设置文本字段的背景颜色以清除
- c++ - 如何创建 poco::Date::Date 类型的变量并添加特定日期?
- javascript - 如何使用 javascript 将新列添加到已经存在的 html 表中
- playframework - Playframework Twirl @form 'class
- python - 我想在文件中找到第一个空白行并在其中写入文本但它不会写入?