it-swarm.com.de

Android - So ändern Sie die Schriftfamilie der unteren Navigationsleiste

Ich habe auf meiner Android-Seite eine Navigation in der unteren Leiste erstellt. Nun möchte ich die benutzerdefinierte Schriftfamilie in den unteren Navigationstexten anwenden.

Dies ist der untere Navigationscode in der .xml-Datei:

<Android.support.design.widget.BottomNavigationView
            Android:layout_width="match_parent"
            Android:layout_height="match_parent"
            Android:id="@+id/bottomNavView_Bar"
            Android:background="@drawable/white_grey_border_top"
            app:menu="@menu/bottom_navigation_menu">
</Android.support.design.widget.BottomNavigationView>

Code auch in bottom_navigation_menu.xml:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:Android="http://schemas.Android.com/apk/res/Android"
      >

    <item
        Android:id="@+id/ic_newsfeed"
        Android:icon="@drawable/ic_menu_camera"
        Android:title="NEWSFEED"
        />

        <item
            Android:id="@+id/ic_Explorer"
            Android:icon="@drawable/ic_home_black_24dp"
            Android:title="Explorer"
            />
        <item
            Android:id="@+id/ic_notify"
            Android:icon="@drawable/ic_notifications_black_24dp"
            Android:title="NOTIFY"
            />
        <item
            Android:id="@+id/ic_more"
            Android:icon="@drawable/ic_dashboard_black_24dp"
            Android:title="MORE"
            />

</menu>

Hilfe wäre dankbar.

Danke im Voraus!

14
Neha Beniwal

fügen Sie die Zeichensatzdatei im Ordner res/font/hinzu, um Zeichensätze als Ressourcen zu bündeln

dann

Sie können es mit den Stilressourcen ändern. In Ihrer styles.xml:

<style name="Widget.BottomNavigationView" parent="Widget.Design.BottomNavigationView">
<item name="fontFamily">@font/your_font</item>

Dann wenden Sie es in Ihrer Ansicht als Thema an:

<Android.support.design.widget.BottomNavigationView
...
Android:theme="@style/Widget.BottomNavigationView" />

Nur in meiner App überprüft, funktioniert es gut. 

referenz: https://developer.Android.com/guide/topics/ui/look-and-feel/fonts-in-xml.html#fonts-in-code

54
A. Kazarovets

In Ihrem Layout:

<com.google.Android.material.bottomnavigation.BottomNavigationView
    ...
    app:itemTextAppearanceActive="@style/BottomNavigationViewTextStyle"
    app:itemTextAppearanceInactive="@style/BottomNavigationViewTextStyle"
    ... />

In deiner styles.xml: 

<style name="BottomNavigationViewTextStyle">
    ...
    <item name="Android:fontFamily">@font/whatever_font</item>
    ...
</style>
6
Janosch Pelzer

Dies kann durch Überschreiben der onLayout - Methode von BottomNavigationView class und anschließender Verwendung des erweiterten Tags erfolgen. Dieser Ansatz zeigt auch alle Menütitel an und deaktiviert das Umschalten.

public final class ExtendedBottomNavigationView extends BottomNavigationView{
    private final Context context;
    private Typeface fontFace = null;

    public ExtendedBottomNavigationView(Context context, AttributeSet attrs){
        super(context, attrs);
        this.context = context;
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom){
        super.onLayout(changed, left, top, right, bottom);
        final ViewGroup bottomMenu = (ViewGroup)getChildAt(0);
        final int bottomMenuChildCount = bottomMenu.getChildCount();
        BottomNavigationItemView item;
        View itemTitle;
        Field shiftingMode;

        if(fontFace == null){
            fontFace = Typeface.createFromAsset(context.getAssets(), context.getString(R.string.VazirBold));
        }
        try {
            //if you want to disable shiftingMode:
            //shiftingMode is a private member variable so you have to get access to it like this:
            shiftingMode = bottomMenu.getClass().getDeclaredField("mShiftingMode");
            shiftingMode.setAccessible(true);
            shiftingMode.setBoolean(bottomMenu, false);
            shiftingMode.setAccessible(false);
        } catch (NoSuchFieldException e){
            e.printStackTrace();
        } catch (IllegalAccessException e){e.printStackTrace();}

        for(int i=0; i<bottomMenuChildCount; i++){
            item = (BottomNavigationItemView)bottomMenu.getChildAt(i);
            //this shows all titles of items
            item.setChecked(true);
            //every BottomNavigationItemView has two children, first is an itemIcon and second is an itemTitle
            itemTitle = item.getChildAt(1);
            //every itemTitle has two children, first is a smallLabel and second is a largeLabel. these two are type of AppCompatTextView
            ((TextView)((BaselineLayout) itemTitle).getChildAt(0)).setTypeface(fontFace, Typeface.BOLD);
            ((TextView)((BaselineLayout) itemTitle).getChildAt(1)).setTypeface(fontFace, Typeface.BOLD);
        }
    }
}

Dann benutze es so:

<your.package.name.ExtendedBottomNavigationView Android:id="@id/bottomMenu" style="@style/bottomMenu"/>
5
Arash

Per https://material.io/develop/Android/components/bottom-navigation-view/ setzen Sie einfach ein fontFamily-Element für den TextAppearance.MaterialComponents.Caption-Stil und es funktioniert alles. com.google.Android.material.bottomnavigation.BottomNavigationView verwendet dies standardmäßig.

Kennen Sie einfach andere Komponenten, die auf TextAppearance.MaterialComponents.Caption mit get change angewiesen sind. Dies kann jedoch wünschenswert sein.

<style name="TextAppearance.MaterialComponents.Caption" parent="AppMaterialComponentsTheme">
        <item name="fontFamily">@font/example</item>
</style>
2
Bink

wenn Sie in Asset Folder einen CustomFont haben und in Ihrer unteren Navigation festlegen möchten, verwenden Sie diesen Code 

  public class Font extends AppCompatActivity {
        public static void persian_iran_font(final Context context, final View v) {
            try {
                if (v instanceof ViewGroup) {
                    ViewGroup vg = (ViewGroup) v;
                    for (int i = 0; i < vg.getChildCount(); i++) {
                        View child = vg.getChildAt(i);
                        persian_iran_font(context, child);
                    }
                } else if (v instanceof TextView) {
                    ((TextView) v).setTypeface(Typeface.createFromAsset(context.getAssets(), "teshrinarmedium.otf"));
                }
            } catch (Exception e) {
            }
        }
    }

Verwenden Sie dann Font Class in Ihrer MainActivity .__ 

  BottomNavigationView navigation = (BottomNavigationView) findViewById(R.id.navigation);
    Font.persian_iran_font(getApplicationContext(), navigation);

Viel Glück

0
Mr_3ecurityy

Kotlin-Code der benutzerdefinierten BottomNavigationView zum Festlegen der benutzerdefinierten Schriftart:

1.Halte eine Schriftart im Assets-Verzeichnis deines Android= Studio-Projekts. Hier habe ich meine Schriftart "SolaimanLipi_20-04-07.ttf" verwendet.

2.Kopiere den folgenden Kotlin-Code und füge ihn in dein Android Studio-Projekt ein.

class FontBottomNavigationView : BottomNavigationView {


constructor(context: Context) : super(context) {

}

constructor(context: Context, attrs: AttributeSet) : super(context, attrs) {

}

constructor(context: Context, attrs: AttributeSet, defStyle: Int) : super(context, attrs, defStyle) {

}

private var fontFace: Typeface? = null

override fun onLayout(changed: Boolean, left: Int, top: Int, right: Int, bottom: Int) {
    super.onLayout(changed, left, top, right, bottom)

    val bottomMenu = getChildAt(0) as ViewGroup
    val bottomMenuChildCount: Int = bottomMenu.childCount
    var item: BottomNavigationItemView? = null
    var itemTitle: View? = null
    var shiftingMode: Field? = null

    if (fontFace == null){
        fontFace = Typeface.createFromAsset(context.assets, "SolaimanLipi_20-04-07.ttf") // font from assets directory
    }

    try {
        shiftingMode = bottomMenu.javaClass.getDeclaredField("mShiftingMode")
        shiftingMode.isAccessible = true
        shiftingMode.setBoolean(bottomMenu, false)
        shiftingMode.isAccessible = false
    } catch (e: Exception){
        e.printStackTrace()
    }

    for (i in 0..bottomMenuChildCount){
        try {
            item = bottomMenu.getChildAt(i) as BottomNavigationItemView
            itemTitle = item.getChildAt(1)
            ((itemTitle as BaselineLayout).getChildAt(0) as AppCompatTextView).typeface = fontFace
            ((itemTitle as BaselineLayout).getChildAt(1) as AppCompatTextView).typeface = fontFace
        } catch (e: Exception){
            e.printStackTrace()
        }

    }

}}

3. Verwenden Sie die XML-Datei wie folgt:

<com.example.projectname.FontBottomNavigationView
        Android:id="@+id/nav_view"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        Android:layout_marginStart="0dp"
        Android:layout_marginEnd="0dp"
        Android:background="?android:attr/windowBackground"
        app:menu="@menu/bottom_nav_menu" />

@Arash Antwort half:

0
Touhid
public void setNavigationTypeface() {
        final Typeface avenirHeavy = Typeface.createFromAsset(this.getAssets(), "font2/Avenir-Heavy.ttf"); //replace it with your own font
        ViewGroup navigationGroup = (ViewGroup) bottomNavView.getChildAt(0);
        for (int i = 0; i < navigationGroup.getChildCount(); i++) {
            ViewGroup navUnit = (ViewGroup) navigationGroup.getChildAt(i);
            for (int j = 0; j < navUnit.getChildCount(); j++) {
                View navUnitChild = navUnit.getChildAt(j);
                if (navUnitChild instanceof BaselineLayout) {
                    BaselineLayout baselineLayout = (BaselineLayout) navUnitChild;
                    for (int k = 0; k < baselineLayout.getChildCount(); k++) {
                        View baselineChild = baselineLayout.getChildAt(k);
                        if (baselineChild instanceof TextView) {
                            TextView textView = (TextView) baselineChild;
                            textView.setTypeface(avenirHeavy);
                        }
                    }
                }
            }
        }
    }
0
Ajitesh Shukla

Wenn Sie die Textauswahl bei der Auswahl dynamisch ändern möchten, können Sie bottomNav.itemTextAppearanceActive = R.style.yourstyle

0
iamsujan