如何为工具栏中的标题设置自定义字体 android
How to set a custom font to the title in toolbar android
我正在这样做:
toolbar = (Toolbar) findViewById(com.sports.unity.R.id.tool_bar);
setSupportActionBar(toolbar);
setTitle("hello");
我想为标题中的文字设置自定义字体"hello"。怎么做?
2018 年更新(kotlin 版本)
fun Toolbar.changeToolbarFont(){
for (i in 0 until childCount) {
val view = getChildAt(i)
if (view is TextView && view.text == title) {
view.typeface = Typeface.createFromAsset(view.context.assets, "fonts/customFont")
break
}
}
}
并像那样使用它 toolBar.changeToolbarFont()
old-post
要在工具栏中使用自定义标题,您需要做的就是记住工具栏只是一个奇特的 ViewGroup,因此您可以像这样添加自定义标题:
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar_top"
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:minHeight="?attr/actionBarSize"
android:background="@color/action_bar_bkgnd"
app:theme="@style/ToolBarTheme" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Toolbar Title"
android:layout_gravity="center"
android:id="@+id/toolbar_title" />
</android.support.v7.widget.Toolbar>
这意味着您可以根据需要设置 TextView 的样式,因为它只是一个普通的 TextView。因此,在您的 activity 中,您可以像这样访问标题:
Toolbar toolbarTop = (Toolbar) findViewById(R.id.toolbar_top);
TextView mTitle = (TextView) toolbarTop.findViewById(R.id.toolbar_title);
然后:
Typeface khandBold = Typeface.createFromAsset(BalrogApplication.getApplication().getAssets(), "fonts/Khand-bold.ttf");
mTitle.setTypeface(khandBold);
更新
动态版本
public static void changeToolbarFont(Toolbar toolbar, Activity context) {
for (int i = 0; i < toolbar.getChildCount(); i++) {
View view = toolbar.getChildAt(i);
if (view instanceof TextView) {
TextView tv = (TextView) view;
if (tv.getText().equals(toolbar.getTitle())) {
applyFont(tv, context);
break;
}
}
}
}
public static void applyFont(TextView tv, Activity context) {
tv.setTypeface(Typeface.createFromAsset(context.getAssets(), "fonts/customFont"));
}
并像那样使用它
changeToolbarFont(findViewById(R.id.app_bar), this);
您可以使用这个简单的方法将自定义字体设置为工具栏标题。
Toolbar toolbar = (Toolbar) findViewById(com.sports.unity.R.id.tool_bar);
TextView tv = getToolBarTextView();
tv.settext("Hello");
private TextView getToolBarTextView() {
TextView titleTextView = null;
try {
Field f = mToolBar.getClass().getDeclaredField("mTitleTextView");
f.setAccessible(true);
titleTextView = (TextView) f.get(mToolBar);
Typeface font = Typeface.createFromAsset(getApplicationContext().getAssets(),"fonts/mfont.ttf");
titleTextView.setTypeface(font);
} catch (NoSuchFieldException e) {
} catch (IllegalAccessException e) {
}
return titleTextView;
}
谢谢@gmetax,这是一个很好的观点。为每个 activity 访问 textview 是不好的。我们必须为每个 activity:
编写下面的代码
TextView mTitle = (TextView) toolbarTop.findViewById(R.id.toolbar_title);
我们已经绑定了工具栏并使用了 toolbar.setTitle()。因此,我扩展了 Toolbar 并覆盖了 setTitle 方法,如下所示:
@Override
public void setTitle(CharSequence title) {
super.setTitle("");
mTitle = (TextView) findViewById(R.id.toolbar_title);
if (mTitle != null) {
if (!TextUtils.isEmpty(title)) {
mTitle.setText(title);
}
}
}
(当然,自定义字体要在CustomTextView中设置class.setTypeface)
现在,我们可以像这样使用:
toolbar.setTitle("bla bla");
我仍然想使用工具栏标题方法,因此在工具栏 xml 元素内添加自定义 TextView 对我来说不起作用。相反,我使用以下方法找到 TextView:
public static void applyFontForToolbarTitle(Activity context){
Toolbar toolbar = (Toolbar) context.findViewById(R.id.app_bar);
for(int i = 0; i < toolbar.getChildCount(); i++){
View view = toolbar.getChildAt(i);
if(view instanceof TextView){
TextView tv = (TextView) view;
Typeface titleFont = Typeface.
createFromAsset(context.getAssets(), "fonts/customFont");
if(tv.getText().equals(context.getTitle())){
tv.setTypeface(titleFont);
break;
}
}
}
}
我仍然想使用工具栏标题方法(我也不想拥有自定义工具栏 class),因此在工具栏 xml 元素内添加自定义 TextView 并没有为我工作。相反,我使用以下方法找到 TextView:
public static void applyFontForToolbarTitle(Activity context){
Toolbar toolbar = (Toolbar) context.findViewById(R.id.app_bar);
for(int i = 0; i < toolbar.getChildCount(); i++){
View view = toolbar.getChildAt(i);
if(view instanceof TextView){
TextView tv = (TextView) view;
Typeface titleFont = Typeface.
createFromAsset(context.getAssets(), "fonts/customFont");
if(tv.getText().equals(toolbar.getTitle())){
tv.setTypeface(titleFont);
break;
}
}
}
}
字体位置:
- 首先,下载一个.ttf文件。我的文件是 Balker.ttf
- 确保您有一个 "assets" 文件夹。如果有 none,右键单击应用程序转到新建>文件夹>资产文件夹
- 在资产文件夹中,新建一个文件夹并命名为'font'
- 像我对 Balker.ttf 所做的那样,将您的文件放入 'font' 文件夹。
转到 activity 的 java 文件,您需要自定义其字体。我这里自定义了mainActivity
for(int i = 0; i < toolbar.getChildCount(); i++)
{ View view = toolbar.getChildAt(i);
if(view instanceof TextView) {
TextView textView = (TextView) view;
Typeface myCustomFont=Typeface.createFromAsset(getAssets(),"font/Balker.ttf");
textView.setTypeface(myCustomFont); }
}
这对我有用
typeFace= Typeface.createFromAsset(this.getAssets(), "fonts/myfont.ttf");
((TextView)toolbar.getChildAt(1)).setTypeface(typeFace);
因为 android.support.v7.appcompat 24.2
Toolbar
有方法 setTitleTextAppearance
并且你可以在没有外部 textview
.
的情况下设置它的字体
在 styles.xml
中创建新样式
<style name="RobotoBoldTextAppearance">
<item name="android:fontFamily">@font/roboto_condensed_bold</item>
</style>
并使用它
mToolbar.setTitleTextAppearance(this, R.style.RobotoBoldTextAppearance);
如果有人在为 xml 获取多个工具栏标题(一个默认标题和一个您设置的标题)时遇到问题:
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/app_name"
android:layout_gravity="left"
android:id="@+id/toolbar_title"
android:textSize="20sp"/>
</android.support.v7.widget.Toolbar>
然后这样做:
getSupportActionBar().setTitle(null);//Set the default to null
typeFace= Typeface.createFromAsset(getAssets(), "fonts/Raleway-Light.ttf");
toolbarTitle = (TextView) toolbar.findViewById(R.id.toolbar_title);
toolbarTitle.setTypeface(typeFace);
您可以在上一版Android studio 3 的res 目录下创建fonts 文件夹。此后您必须在styles[ 中定义自定义样式,在此之后,您必须在工具栏中使用 titleTextAppearance 来定义您的样式。
步骤 如下所示。
1. 创建字体目录:res > Android 资源目录 > 资源类型:fonts,然后单击Ok 创建字体目录(Android studio 3)。
打开styles.xml然后自定义样式如下
<style name="**TextAppearance.TabsFont**" parent="**android:TextAppearance**">
<item name="android:fontFamily">font/rmedium</item>
<item name="android:textSize">18sp</item>
</style>
3.Now 打开布局并添加 app:titleTextAppearance="@style/TextAppearance.TabsFont" 到工具栏标签,如下所示。
<android.support.v7.widget.Toolbar
android:id="@+id/toolbarMain"
app:title="@string/time_amp_date"
app:titleTextAppearance="@style/TextAppearance.TabsFont"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/colorPrimary"
android:theme="@style/AppTheme"
app:elevation="2dp" />
完成。现在,如果您 运行 应用程序,您可以看到为工具栏设置的字体。
如果您使用 google 字体(即 Open Sans),您可以像这样将 TextView 添加为工具栏的子项
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/app_name"
android:fontFamily="@font/open_sans"/>
</android.support.v7.widget.Toolbar>
然后只需在“属性”菜单中为您的 TextView 设置 fontFamily 属性(下拉列表末尾的“更多字体”选项)
android:fontFamily="@font/open_sans
只需在工具栏中添加 textappearance xml 无需自定义:-
<?xml version="1.0" encoding="utf-8"?>
<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="wrap_content"
android:background="@color/colorPrimary"
android:gravity="center"
android:minHeight="?attr/actionBarSize"
**app:titleTextAppearance="@font/montserrat_regular"**// apply your font
app:titleTextColor="@android:color/white" />
您可以像这样以编程方式使用工具栏的自定义字体
1) 首先在资产文件夹中创建子目录字体
2) 在字体文件夹中添加字体文件。
toolbar.setTitle("Welcome");
Typeface fromAsset = Typeface.createFromAsset(getAssets(),"fonts/OpenSans-Light.ttf");
((TextView)toolbar.getChildAt(1)).setTypeface(fromAsset);
第一次创建
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:titleTextAppearance="@style/DancingWhite"
app:popupTheme="@style/AppTheme.PopupOverlay"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Toolbar Title"
android:layout_gravity="center"
android:id="@+id/toolbar_title" />
</android.support.v7.widget.Toolbar>
第二
您的 activity 您可以像这样访问标题:
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
TextView mTitle = (TextView)
toolbar.findViewById(R.id.toolbar_title);
Typeface font = Typeface.createFromAsset(getAssets(), "Mukta- Regular.ttf");
mTitle.setTypeface(font);
您可以只使用主题来做到这一点:
I wrote an article outlining the full solution. 以下是基础知识:
1) 在styles.xml
中定义一个主题:
<style name="ToolbarTheme" parent="ThemeOverlay.AppCompat.Light">
<item name="android:fontFamily">@font/fancy-font</item>
</style>
2) 在您的 Toolbar
布局中设置该主题:
<android.support.v7.widget.Toolbar
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/colorPrimary"
android:theme="@style/ToolbarTheme"/>
这假设您有一个 .ttf
文件存储在 res/font
:
我也搜索过这个问题,这是第一个出现的答案。我将添加我的解决方案,因为此处给出的解决方案可能有点过时(请记住它仍然有效)。
由于 Android 现在支持自定义字体,因此没有理由在 Java 中分配字体,可以在制作 XML 文件时完成。
首先,在您的布局文件中,添加一个自定义工具栏(您可以在此处自行设置文本大小)
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar_top"
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:minHeight="?attr/actionBarSize"
android:background="@color/primary">
<TextView
android:id="@+id/toolbar_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/signup"
android:textSize="22sp" />
</android.support.v7.widget.Toolbar>
然后,转到 XML 文件的设计选项卡,然后 select 工具栏上的文本。
Select fontFamily 的选项和 select 在给定选项下你想要的字体。如果没有给出,可以搜索更多的字体。
搜索你想要的字体并select它。您的字体已更改。
您的 XML 文件现在将反映您添加的字体,将有一个名为 android:fontFamily
的属性
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar_top"
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:minHeight="?attr/actionBarSize"
android:background="@color/primary">
<TextView
android:id="@+id/toolbar_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/roboto_slab"
android:text="@string/signup"
android:textColor="@color/secondaryBackground"
android:textSize="22sp" />
</android.support.v7.widget.Toolbar>
希望对您有所帮助。
如果只想更改工具栏标题的字体,则无需使用外部文本视图,因为android.support.v7.appcompat 24.2
Toolbar
有方法setTitleTextAppearance
你可以像下面这样设置它的字体。
在 styles.xml
中创建新样式
<style name="CamptonBookTextAppearance">
<item name="android:fontFamily">@font/campton_book</item>
</style>
并使用它
mToolbar.setTitleTextAppearance(this, R.style.CamptonBookTextAppearance);
只需下载您想要在标题中显示的字体并将其移动到 res->font 文件夹下并在那里创建一个文件 fontfamily
<?xml version="1.0" encoding="utf-8"?>
<font-family xmlns:android="http://schemas.android.com/apk/res/android">
<font
android:fontStyle="normal"
android:fontWeight="400"
android:font="@font/futura_book" />
<font
android:fontStyle="normal"
android:fontWeight="400"
android:font="@font/your font file name" />
</font-family>
现在在你的 xml 文件中添加 fontfamily="your downloaded font family name like a.ttf" 就是这样
我为此做了一个绑定适配器。
public class FontBindingAdapter
{
@BindingAdapter({"font"})
public static void setFont(Toolbar toolbar, String font)
{
for (int i = 0; i < toolbar.getChildCount(); i++) {
if (toolbar.getChildAt(i) instanceof AppCompatTextView) {
UIUtil.setFont(font, (AppCompatTextView) toolbar.getChildAt(i));
}
}
}
}
然后像这样使用它:
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/green"
app:font="@{`LatoRegular`}"
app:title="@string/setup_favorites"
app:titleTextColor="@color/white"/>
下载自定义字体并将其保存在res文件夹内的字体文件夹中。
由于 Toolbar 是一个 viewGroup,我们可以将 textView 放在 Toolbar 中并按以下方式使用
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:elevation="0dp">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
>
<TextView
android:id="@+id/toolbar_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Toolbar"
android:gravity="center"
android:fontFamily="@font/roboto_regular" <--- custom font
android:textColor="@color/white"
android:textStyle="bold"
android:textAppearance="@style/Base.TextAppearance.Widget.AppCompat.Toolbar.Title"
/>
</android.support.v7.widget.Toolbar>
</android.support.design.widget.AppBarLayout>
此方法也用于制作字体BOLD.
您可以通过两种方式在工具栏标题上自定义字体
步骤:1 [静态方法]
1) 在styles.xml中定义一个主题:
<style name="ToolbarTheme" parent="ThemeOverlay.AppCompat.Light">
<item name="android:fontFamily">@font/ubuntu</item>
</style>
2) 在您的 工具栏的 布局中设置该主题:
<android.support.v7.widget.Toolbar
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/colorPrimary"
android:theme="@style/ToolbarTheme"/>
第 2 步:[动态]
Kotlin
fun Toolbar.titleFont(){
for (i in 0 until childCount) {
val view = getChildAt(i)
if (view is TextView && view.text == title) {
view.typeface = Typeface.createFromAsset(context.assets,"fonts/customfont.ttf")
break
}
}
}
然后像这样使用它
toolBar.titleFont()
我只是将我的字体和其他字体一起添加到我在 res
中制作的字体文件夹中,然后我为栏制作了一个自定义 XML 文件。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center">
<TextView
android:id="@+id/action_bar_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/app_name"
android:textSize="30sp"
android:fontFamily="@font/yourfont"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"/></LinearLayout>
然后,我将其添加到我的 MainActivity
getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
getSupportActionBar().setDisplayShowCustomEnabled(true);
getSupportActionBar().setCustomView(R.layout.your_xml_file);
OTF 和 TTF 都有效
最好的答案真的是最好的。如果您想增加(调整字体大小)并更改颜色,请像这样更新您的样式:
<style name="NexaBoldToolbar">
<item name="android:fontFamily">@font/nexabold</item>
<item name="android:textSize">18sp</item>
<item name="android:textColor">@color/fullWhite</item>
</style>
我正在这样做:
toolbar = (Toolbar) findViewById(com.sports.unity.R.id.tool_bar);
setSupportActionBar(toolbar);
setTitle("hello");
我想为标题中的文字设置自定义字体"hello"。怎么做?
2018 年更新(kotlin 版本)
fun Toolbar.changeToolbarFont(){
for (i in 0 until childCount) {
val view = getChildAt(i)
if (view is TextView && view.text == title) {
view.typeface = Typeface.createFromAsset(view.context.assets, "fonts/customFont")
break
}
}
}
并像那样使用它 toolBar.changeToolbarFont()
old-post
要在工具栏中使用自定义标题,您需要做的就是记住工具栏只是一个奇特的 ViewGroup,因此您可以像这样添加自定义标题:
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar_top"
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:minHeight="?attr/actionBarSize"
android:background="@color/action_bar_bkgnd"
app:theme="@style/ToolBarTheme" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Toolbar Title"
android:layout_gravity="center"
android:id="@+id/toolbar_title" />
</android.support.v7.widget.Toolbar>
这意味着您可以根据需要设置 TextView 的样式,因为它只是一个普通的 TextView。因此,在您的 activity 中,您可以像这样访问标题:
Toolbar toolbarTop = (Toolbar) findViewById(R.id.toolbar_top);
TextView mTitle = (TextView) toolbarTop.findViewById(R.id.toolbar_title);
然后:
Typeface khandBold = Typeface.createFromAsset(BalrogApplication.getApplication().getAssets(), "fonts/Khand-bold.ttf");
mTitle.setTypeface(khandBold);
更新 动态版本
public static void changeToolbarFont(Toolbar toolbar, Activity context) {
for (int i = 0; i < toolbar.getChildCount(); i++) {
View view = toolbar.getChildAt(i);
if (view instanceof TextView) {
TextView tv = (TextView) view;
if (tv.getText().equals(toolbar.getTitle())) {
applyFont(tv, context);
break;
}
}
}
}
public static void applyFont(TextView tv, Activity context) {
tv.setTypeface(Typeface.createFromAsset(context.getAssets(), "fonts/customFont"));
}
并像那样使用它
changeToolbarFont(findViewById(R.id.app_bar), this);
您可以使用这个简单的方法将自定义字体设置为工具栏标题。
Toolbar toolbar = (Toolbar) findViewById(com.sports.unity.R.id.tool_bar);
TextView tv = getToolBarTextView();
tv.settext("Hello");
private TextView getToolBarTextView() {
TextView titleTextView = null;
try {
Field f = mToolBar.getClass().getDeclaredField("mTitleTextView");
f.setAccessible(true);
titleTextView = (TextView) f.get(mToolBar);
Typeface font = Typeface.createFromAsset(getApplicationContext().getAssets(),"fonts/mfont.ttf");
titleTextView.setTypeface(font);
} catch (NoSuchFieldException e) {
} catch (IllegalAccessException e) {
}
return titleTextView;
}
谢谢@gmetax,这是一个很好的观点。为每个 activity 访问 textview 是不好的。我们必须为每个 activity:
编写下面的代码TextView mTitle = (TextView) toolbarTop.findViewById(R.id.toolbar_title);
我们已经绑定了工具栏并使用了 toolbar.setTitle()。因此,我扩展了 Toolbar 并覆盖了 setTitle 方法,如下所示:
@Override
public void setTitle(CharSequence title) {
super.setTitle("");
mTitle = (TextView) findViewById(R.id.toolbar_title);
if (mTitle != null) {
if (!TextUtils.isEmpty(title)) {
mTitle.setText(title);
}
}
}
(当然,自定义字体要在CustomTextView中设置class.setTypeface) 现在,我们可以像这样使用:
toolbar.setTitle("bla bla");
我仍然想使用工具栏标题方法,因此在工具栏 xml 元素内添加自定义 TextView 对我来说不起作用。相反,我使用以下方法找到 TextView:
public static void applyFontForToolbarTitle(Activity context){
Toolbar toolbar = (Toolbar) context.findViewById(R.id.app_bar);
for(int i = 0; i < toolbar.getChildCount(); i++){
View view = toolbar.getChildAt(i);
if(view instanceof TextView){
TextView tv = (TextView) view;
Typeface titleFont = Typeface.
createFromAsset(context.getAssets(), "fonts/customFont");
if(tv.getText().equals(context.getTitle())){
tv.setTypeface(titleFont);
break;
}
}
}
}
我仍然想使用工具栏标题方法(我也不想拥有自定义工具栏 class),因此在工具栏 xml 元素内添加自定义 TextView 并没有为我工作。相反,我使用以下方法找到 TextView:
public static void applyFontForToolbarTitle(Activity context){
Toolbar toolbar = (Toolbar) context.findViewById(R.id.app_bar);
for(int i = 0; i < toolbar.getChildCount(); i++){
View view = toolbar.getChildAt(i);
if(view instanceof TextView){
TextView tv = (TextView) view;
Typeface titleFont = Typeface.
createFromAsset(context.getAssets(), "fonts/customFont");
if(tv.getText().equals(toolbar.getTitle())){
tv.setTypeface(titleFont);
break;
}
}
}
}
字体位置:
- 首先,下载一个.ttf文件。我的文件是 Balker.ttf
- 确保您有一个 "assets" 文件夹。如果有 none,右键单击应用程序转到新建>文件夹>资产文件夹
- 在资产文件夹中,新建一个文件夹并命名为'font'
- 像我对 Balker.ttf 所做的那样,将您的文件放入 'font' 文件夹。
转到 activity 的 java 文件,您需要自定义其字体。我这里自定义了mainActivity
for(int i = 0; i < toolbar.getChildCount(); i++) { View view = toolbar.getChildAt(i); if(view instanceof TextView) { TextView textView = (TextView) view; Typeface myCustomFont=Typeface.createFromAsset(getAssets(),"font/Balker.ttf"); textView.setTypeface(myCustomFont); } }
这对我有用
typeFace= Typeface.createFromAsset(this.getAssets(), "fonts/myfont.ttf");
((TextView)toolbar.getChildAt(1)).setTypeface(typeFace);
因为 android.support.v7.appcompat 24.2
Toolbar
有方法 setTitleTextAppearance
并且你可以在没有外部 textview
.
在 styles.xml
中创建新样式<style name="RobotoBoldTextAppearance">
<item name="android:fontFamily">@font/roboto_condensed_bold</item>
</style>
并使用它
mToolbar.setTitleTextAppearance(this, R.style.RobotoBoldTextAppearance);
如果有人在为 xml 获取多个工具栏标题(一个默认标题和一个您设置的标题)时遇到问题:
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/app_name"
android:layout_gravity="left"
android:id="@+id/toolbar_title"
android:textSize="20sp"/>
</android.support.v7.widget.Toolbar>
然后这样做:
getSupportActionBar().setTitle(null);//Set the default to null
typeFace= Typeface.createFromAsset(getAssets(), "fonts/Raleway-Light.ttf");
toolbarTitle = (TextView) toolbar.findViewById(R.id.toolbar_title);
toolbarTitle.setTypeface(typeFace);
您可以在上一版Android studio 3 的res 目录下创建fonts 文件夹。此后您必须在styles[ 中定义自定义样式,在此之后,您必须在工具栏中使用 titleTextAppearance 来定义您的样式。
步骤 如下所示。
1. 创建字体目录:res > Android 资源目录 > 资源类型:fonts,然后单击Ok 创建字体目录(Android studio 3)。
打开styles.xml然后自定义样式如下
<style name="**TextAppearance.TabsFont**" parent="**android:TextAppearance**"> <item name="android:fontFamily">font/rmedium</item> <item name="android:textSize">18sp</item> </style>
3.Now 打开布局并添加 app:titleTextAppearance="@style/TextAppearance.TabsFont" 到工具栏标签,如下所示。
<android.support.v7.widget.Toolbar
android:id="@+id/toolbarMain"
app:title="@string/time_amp_date"
app:titleTextAppearance="@style/TextAppearance.TabsFont"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/colorPrimary"
android:theme="@style/AppTheme"
app:elevation="2dp" />
完成。现在,如果您 运行 应用程序,您可以看到为工具栏设置的字体。
如果您使用 google 字体(即 Open Sans),您可以像这样将 TextView 添加为工具栏的子项
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/app_name"
android:fontFamily="@font/open_sans"/>
</android.support.v7.widget.Toolbar>
然后只需在“属性”菜单中为您的 TextView 设置 fontFamily 属性(下拉列表末尾的“更多字体”选项)
android:fontFamily="@font/open_sans
只需在工具栏中添加 textappearance xml 无需自定义:-
<?xml version="1.0" encoding="utf-8"?>
<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="wrap_content"
android:background="@color/colorPrimary"
android:gravity="center"
android:minHeight="?attr/actionBarSize"
**app:titleTextAppearance="@font/montserrat_regular"**// apply your font
app:titleTextColor="@android:color/white" />
您可以像这样以编程方式使用工具栏的自定义字体
1) 首先在资产文件夹中创建子目录字体
2) 在字体文件夹中添加字体文件。
toolbar.setTitle("Welcome");
Typeface fromAsset = Typeface.createFromAsset(getAssets(),"fonts/OpenSans-Light.ttf");
((TextView)toolbar.getChildAt(1)).setTypeface(fromAsset);
第一次创建
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:titleTextAppearance="@style/DancingWhite"
app:popupTheme="@style/AppTheme.PopupOverlay"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Toolbar Title"
android:layout_gravity="center"
android:id="@+id/toolbar_title" />
</android.support.v7.widget.Toolbar>
第二
您的 activity 您可以像这样访问标题:
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
TextView mTitle = (TextView)
toolbar.findViewById(R.id.toolbar_title);
Typeface font = Typeface.createFromAsset(getAssets(), "Mukta- Regular.ttf");
mTitle.setTypeface(font);
您可以只使用主题来做到这一点:
I wrote an article outlining the full solution. 以下是基础知识:
1) 在styles.xml
中定义一个主题:
<style name="ToolbarTheme" parent="ThemeOverlay.AppCompat.Light">
<item name="android:fontFamily">@font/fancy-font</item>
</style>
2) 在您的 Toolbar
布局中设置该主题:
<android.support.v7.widget.Toolbar
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/colorPrimary"
android:theme="@style/ToolbarTheme"/>
这假设您有一个 .ttf
文件存储在 res/font
:
我也搜索过这个问题,这是第一个出现的答案。我将添加我的解决方案,因为此处给出的解决方案可能有点过时(请记住它仍然有效)。
由于 Android 现在支持自定义字体,因此没有理由在 Java 中分配字体,可以在制作 XML 文件时完成。
首先,在您的布局文件中,添加一个自定义工具栏(您可以在此处自行设置文本大小)
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar_top"
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:minHeight="?attr/actionBarSize"
android:background="@color/primary">
<TextView
android:id="@+id/toolbar_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/signup"
android:textSize="22sp" />
</android.support.v7.widget.Toolbar>
然后,转到 XML 文件的设计选项卡,然后 select 工具栏上的文本。
Select fontFamily 的选项和 select 在给定选项下你想要的字体。如果没有给出,可以搜索更多的字体。
搜索你想要的字体并select它。您的字体已更改。
您的 XML 文件现在将反映您添加的字体,将有一个名为 android:fontFamily
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar_top"
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:minHeight="?attr/actionBarSize"
android:background="@color/primary">
<TextView
android:id="@+id/toolbar_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/roboto_slab"
android:text="@string/signup"
android:textColor="@color/secondaryBackground"
android:textSize="22sp" />
</android.support.v7.widget.Toolbar>
希望对您有所帮助。
如果只想更改工具栏标题的字体,则无需使用外部文本视图,因为android.support.v7.appcompat 24.2
Toolbar
有方法setTitleTextAppearance
你可以像下面这样设置它的字体。
在 styles.xml
中创建新样式<style name="CamptonBookTextAppearance">
<item name="android:fontFamily">@font/campton_book</item>
</style>
并使用它
mToolbar.setTitleTextAppearance(this, R.style.CamptonBookTextAppearance);
只需下载您想要在标题中显示的字体并将其移动到 res->font 文件夹下并在那里创建一个文件 fontfamily
<?xml version="1.0" encoding="utf-8"?>
<font-family xmlns:android="http://schemas.android.com/apk/res/android">
<font
android:fontStyle="normal"
android:fontWeight="400"
android:font="@font/futura_book" />
<font
android:fontStyle="normal"
android:fontWeight="400"
android:font="@font/your font file name" />
</font-family>
现在在你的 xml 文件中添加 fontfamily="your downloaded font family name like a.ttf" 就是这样
我为此做了一个绑定适配器。
public class FontBindingAdapter
{
@BindingAdapter({"font"})
public static void setFont(Toolbar toolbar, String font)
{
for (int i = 0; i < toolbar.getChildCount(); i++) {
if (toolbar.getChildAt(i) instanceof AppCompatTextView) {
UIUtil.setFont(font, (AppCompatTextView) toolbar.getChildAt(i));
}
}
}
}
然后像这样使用它:
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/green"
app:font="@{`LatoRegular`}"
app:title="@string/setup_favorites"
app:titleTextColor="@color/white"/>
下载自定义字体并将其保存在res文件夹内的字体文件夹中。 由于 Toolbar 是一个 viewGroup,我们可以将 textView 放在 Toolbar 中并按以下方式使用
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:elevation="0dp">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
>
<TextView
android:id="@+id/toolbar_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Toolbar"
android:gravity="center"
android:fontFamily="@font/roboto_regular" <--- custom font
android:textColor="@color/white"
android:textStyle="bold"
android:textAppearance="@style/Base.TextAppearance.Widget.AppCompat.Toolbar.Title"
/>
</android.support.v7.widget.Toolbar>
</android.support.design.widget.AppBarLayout>
此方法也用于制作字体BOLD.
您可以通过两种方式在工具栏标题上自定义字体
步骤:1 [静态方法]
1) 在styles.xml中定义一个主题:
<style name="ToolbarTheme" parent="ThemeOverlay.AppCompat.Light">
<item name="android:fontFamily">@font/ubuntu</item>
</style>
2) 在您的 工具栏的 布局中设置该主题:
<android.support.v7.widget.Toolbar
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/colorPrimary"
android:theme="@style/ToolbarTheme"/>
第 2 步:[动态]
Kotlin
fun Toolbar.titleFont(){
for (i in 0 until childCount) {
val view = getChildAt(i)
if (view is TextView && view.text == title) {
view.typeface = Typeface.createFromAsset(context.assets,"fonts/customfont.ttf")
break
}
}
}
然后像这样使用它
toolBar.titleFont()
我只是将我的字体和其他字体一起添加到我在 res
中制作的字体文件夹中,然后我为栏制作了一个自定义 XML 文件。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center">
<TextView
android:id="@+id/action_bar_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/app_name"
android:textSize="30sp"
android:fontFamily="@font/yourfont"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"/></LinearLayout>
然后,我将其添加到我的 MainActivity
getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
getSupportActionBar().setDisplayShowCustomEnabled(true);
getSupportActionBar().setCustomView(R.layout.your_xml_file);
OTF 和 TTF 都有效
最好的答案真的是最好的。如果您想增加(调整字体大小)并更改颜色,请像这样更新您的样式:
<style name="NexaBoldToolbar">
<item name="android:fontFamily">@font/nexabold</item>
<item name="android:textSize">18sp</item>
<item name="android:textColor">@color/fullWhite</item>
</style>