【问题标题】:How to change font,size of text and set text position center ToolBar Android?如何更改字体、文本大小和设置文本位置中心 ToolBar Android?
【发布时间】:2020-12-21 21:20:30
【问题描述】:

我需要更改字体大小、字体本身,并在工具栏中将文本居中。 我从底部导航活动工作室获取了一个模板。

我正在尝试在 theme.xml 中设置文本大小(我可以在那里更改背景颜色和文本颜色)

<style name="CustomToolBarStyle" parent="TextAppearance.Widget.AppCompat.Toolbar.Title">
<item name="titleTextColor">@color/black</item>
<item name="android:background">@color/white</item>

我试图在themes.xml 中使用这个选项:

<item name="android:gravity">center</item>

它没有帮助。我尝试按照以下说明进行操作: https://stackoverflow.com/questions/26533510/android-toolbar-center-title-and-custom-font 将 android.support.v7.widget.Toolbar 抛出错误并崩溃。

ToolBar

NavbarTemplate

【问题讨论】:

    标签: java android toolbar


    【解决方案1】:

    对于 API 级别 21+,您可以使用工具栏的 app:titleTextAppearance 属性

    <android.support.v7.widget.Toolbar
        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="?actionBarSize"
        android:id="@+id/toolbar"
        app:titleTextAppearance="@style/yourstyle" />
    

    并以自定义样式覆盖默认标题大小:

    <style name="yourstyle" parent="TextAppearance.Widget.AppCompat.Toolbar.Title">
        <item name="android:textSize">18sp</item>
        <item name="android:fontFamily">yourFont</item>
    </style>
    

    对于居中,您应该遵循此答案,如果此答案和其他答案均不适用于同一帖子 https://stackoverflow.com/a/38175403/9917400,则只能在工具栏中使用线性布局。

    【讨论】:

      【解决方案2】:

      您可以在工具栏内设置约束布局

       <androidx.appcompat.widget.Toolbar
                  android:id="@+id/toolbar"
                  android:layout_width="match_parent"
                  android:layout_height="?actionBarSize"
                  app:layout_collapseMode="pin">
      
                  <androidx.constraintlayout.widget.ConstraintLayout
                      android:layout_width="match_parent"
                      android:layout_height="match_parent">
                          <TextView
                             android:layout_width="wrap_content"
                             android:layout_height="wrap_content"
                             app:layout_constraintEnd_toEndOf="parent"
                             app:layout_constraintStart_toStartOf="parent"
                             app:layout_constraintTop_toTopOf="parent"
                             app:layout_constraintBottom_toBottomOf="parent"
                             android:textColor="@color/blue"
                             android:textSize="16sp"
                             app:fontPath="fonts/xxx" />
                   </androidx.constraintlayout.widget.ConstraintLayout>
        </androidx.appcompat.widget.Toolbar>
      

      【讨论】:

        【解决方案3】:

        如果您使用的是androidx,请不要使用android.support.v7.widget.Toolbar

        你必须使用androidx.appcompat.widget.Toolbar

        在 res/layout 中创建 toolbar.xml。 把这段代码:

        <?xml version="1.0" encoding="utf-8"?>
            <androidx.coordinatorlayout.widget.CoordinatorLayout 
             xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:app="http://schemas.android.com/apk/res-auto"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:fitsSystemWindows="true"
                tools:context=".MainActivity">
            
                <com.google.android.material.appbar.AppBarLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    >
            
                    <androidx.appcompat.widget.Toolbar
                        android:id="@+id/toolbar"
                        android:layout_width="match_parent"
                        android:layout_height="?attr/actionBarSize"
                        android:background="yourToolBarBackgroundColor"
                        >
            
                        <TextView
                            android:id="@+id/toolbar_title"
                            style="@style/TextAppearance.AppCompat.Widget.ActionBar.Title"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
        
                            android:layout_gravity="center"
                            android:text="TestToolBar"
                            android:fontFamily="yourFont"
                            android:textSize="yourSizeOfText"
                            android:textColor="yourTextColor" />
            
                    </androidx.appcompat.widget.Toolbar>
            
                </com.google.android.material.appbar.AppBarLayout>
            
                <include layout="@layout/activity_main" />
            
            </androidx.coordinatorlayout.widget.CoordinatorLayout>
        

        在themes.xml中禁用ActionBar:

        <style name="Theme.YourProject" parent="Theme.MaterialComponents.DayNight.NoActionBar">
        

        对于夜间主题,您必须在 theme.xml(night) 中做同样的事情

        然后在MainActivity.java中的onCreate:

        setContentView(R.layout.toolbar);
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2013-10-08
          • 2023-04-06
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2013-03-05
          • 2012-07-27
          相关资源
          最近更新 更多