Android NavigationRail显示了项目文本的多个标签行

Question

我正在开发一个导航栏，我想在此官方示例中以两行以两行显示每个项目的文本，但最终它一直椭圆形。我试图重新定义应用样式，但似乎无效。

有帮助吗？提前致谢！

Answer 1

根据“ nofollow noreferrer”> navigation rail'没有官方方法为项目文本设置多行。但是您可以通过以下示例中的简单解决方法来实现此目标：

1 .define navigationRailview在xml中，如下所示：

<com.google.android.material.navigationrail.NavigationRailView
    android:id="@+id/navigation_rail"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    app:labelVisibilityMode="labeled"
    app:menu="@menu/navigation_rail_menu"/>

where @菜单@菜单/navigation_rail_menu 包含以下示例菜单项：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/menu_item_all_files"
        android:enabled="true"
        android:icon="@android:drawable/ic_menu_gallery"
        android:title="All\nFiles" />
    <item
        android:id="@+id/menu_item_recent"
        android:enabled="true"
        android:icon="@android:drawable/ic_menu_slideshow"
        android:title="Recent\nFiles" />
    <item
        android:id="@+id/menu_item_all_pictures"
        android:enabled="true"
        android:icon="@android:drawable/ic_menu_gallery"
        android:title="All\nPictures" />
</menu>

2 。对于每个项目，以编程方式更改最大行数，如以下示例：

//get the NavigationRailView
NavigationRailView navigationRailView = findViewById(R.id.navigation_rail);

//menu item 1
NavigationBarItemView item1 = navigationRailView.findViewById(R.id.menu_item_all_files);
BaselineLayout item1BaselineLayout = item1.findViewById(R.id.navigation_bar_item_labels_group);
setItemMaxLines(item1BaselineLayout, 2);

//menu item 2
NavigationBarItemView item2 = navigationRailView.findViewById(R.id.menu_item_recent);
BaselineLayout item2BaselineLayout = item2.findViewById(R.id.navigation_bar_item_labels_group);
setItemMaxLines(item2BaselineLayout, 2);

//menu item 3
NavigationBarItemView item3 = navigationRailView.findViewById(R.id.menu_item_all_pictures);
BaselineLayout item3BaselineLayout = item3.findViewById(R.id.navigation_bar_item_labels_group);
setItemMaxLines(item3BaselineLayout, 2);

其中setteTiTemmaxlines（）是更改每个项目的辅助功能maxlines：

private void setItemMaxLines(BaselineLayout baselineLayout, int maxLines){
    if(baselineLayout!=null){
        for(int i=0; i<baselineLayout.getChildCount(); i++){
            View child = baselineLayout.getChildAt(i);
            if(child instanceof MaterialTextView){
                ((MaterialTextView)child).setMaxLines(maxLines);
                ((MaterialTextView)child).setGravity(Gravity.CENTER);
            }
        }
    }
} 

结果：