ChatGPT解决这个技术问题 Extra ChatGPT

如何在 ActionBar 标题中设置自定义字体?

如何(如果可能)在我的资产文件夹中使用字体在 ActionBar 标题文本(仅 - 不是选项卡文本)中设置自定义字体?我不想使用 android:logo 选项。


t
twaddington

您可以使用自定义 TypefaceSpan 类来执行此操作。它优于上面指出的 customView 方法,因为它在使用其他操作栏元素(如扩展操作视图)时不会中断。

这样一个类的使用看起来像这样:

SpannableString s = new SpannableString("My Title");
s.setSpan(new TypefaceSpan(this, "MyTypeface.otf"), 0, s.length(),
        Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

// Update the action bar title with the TypefaceSpan instance
ActionBar actionBar = getActionBar();
actionBar.setTitle(s);

自定义 TypefaceSpan 类将传递您的 Activity 上下文和 assets/fonts 目录中的字体名称。它加载文件并在内存中缓存一个新的 Typeface 实例。 TypefaceSpan 的完整实现非常简单:

/**
 * Style a {@link Spannable} with a custom {@link Typeface}.
 * 
 * @author Tristan Waddington
 */
public class TypefaceSpan extends MetricAffectingSpan {
      /** An <code>LruCache</code> for previously loaded typefaces. */
    private static LruCache<String, Typeface> sTypefaceCache =
            new LruCache<String, Typeface>(12);

    private Typeface mTypeface;

    /**
     * Load the {@link Typeface} and apply to a {@link Spannable}.
     */
    public TypefaceSpan(Context context, String typefaceName) {
        mTypeface = sTypefaceCache.get(typefaceName);

        if (mTypeface == null) {
            mTypeface = Typeface.createFromAsset(context.getApplicationContext()
                    .getAssets(), String.format("fonts/%s", typefaceName));

            // Cache the loaded Typeface
            sTypefaceCache.put(typefaceName, mTypeface);
        }
    }

    @Override
    public void updateMeasureState(TextPaint p) {
        p.setTypeface(mTypeface);

        // Note: This flag is required for proper typeface rendering
        p.setFlags(p.getFlags() | Paint.SUBPIXEL_TEXT_FLAG);
    }

    @Override
    public void updateDrawState(TextPaint tp) {
        tp.setTypeface(mTypeface);

        // Note: This flag is required for proper typeface rendering
        tp.setFlags(tp.getFlags() | Paint.SUBPIXEL_TEXT_FLAG);
    }
}

只需将上述类复制到您的项目中,并在您的活动的 onCreate 方法中实现它,如上所示。


不错的答案。令人高兴的是,您还展示了一种缓存字体元素的方法。
这是极好的。一个问题 - 如果在底层 TextView 上将 textAllCaps 属性设置为 true(例如,通过主题),则不会出现自定义字体。当我将此技术应用于操作栏选项卡项时,这对我来说是个问题。
请注意,该类的此实现假定您将字体文件放在 assets/fonts/ 中。如果您只是将 .ttf/.otf 文件放在 assets 下而不是放在子文件夹中,则应相应地修改以下代码行:String.format("fonts/%s", typefaceName)。我花了 10 分钟试图弄清楚。否则,您将获得 java.lang.RuntimeException: Unable to start activity ComponentInfo{com.your.pckage}: java.lang.RuntimeException: native typeface cannot be made
在启动应用程序的那一刻,默认标题样式可见,大约 1 秒后自定义样式出现。糟糕的用户界面...
这是一个很好的答案,帮助了我很多。我要添加的一项改进是将缓存机制移到 TypefaceSpan 之外的自己的类中。我遇到了其他情况,我使用的是没有跨度的字体,这让我也可以在这些情况下利用缓存。
K
Kirill Kulakov

我同意这并不完全受支持,但这就是我所做的。您可以为操作栏使用自定义视图(它将显示在您的图标和操作项之间)。我正在使用自定义视图,并且禁用了本机标题。我的所有活动都继承自一个活动,该活动在 onCreate 中有以下代码:

this.getActionBar().setDisplayShowCustomEnabled(true);
this.getActionBar().setDisplayShowTitleEnabled(false);

LayoutInflater inflator = LayoutInflater.from(this);
View v = inflator.inflate(R.layout.titleview, null);

//if you need to customize anything else about the text, do it here.
//I'm using a custom TextView with a custom font in my layout xml so all I need to do is set title
((TextView)v.findViewById(R.id.title)).setText(this.getTitle());

//assign the view to the actionbar
this.getActionBar().setCustomView(v);

我的布局 xml(上面代码中的 R.layout.titleview)看起来像这样:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/transparent" >

<com.your.package.CustomTextView
        android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="10dp"
            android:textSize="20dp"
            android:maxLines="1"
            android:ellipsize="end"
            android:text="" />
</RelativeLayout>

这适用于标题,但如果您想要标题和选项卡,它将自定义视图放置在选项卡的右侧,而不是像标题一样。我希望能够更改实际标题。
很好的解决方案。如果您需要一个允许在 XML 中指定字体的自定义文本视图类,请试试我的! github.com/tom-dignan/nifty——非常简单。
此代码是否必须在 onCreate() 中?我需要在我的活动之外动态设置它......
您需要动态更改字体吗?或者您只是想在字体已经自定义后更改标题?
这行得通,但这是很多工作的方式。另外:您失去了标准标题的一些功能,例如在单击图标时突出显示它......自定义标题并不意味着用于重新创建标准标题布局,只是为了更改字体......
D
Digit
int titleId = getResources().getIdentifier("action_bar_title", "id",
            "android");
    TextView yourTextView = (TextView) findViewById(titleId);
    yourTextView.setTextColor(getResources().getColor(R.color.black));
    yourTextView.setTypeface(face);

这应该是问题的首选答案。效果很好,也适用于“action_bar_subtitle”!谢谢!
如果较新版本的 android 开发人员将资源 id 从“action_bar_title”更改为其他名称,那么这将不起作用。这就是为什么它的投票率不高。
适用于 api >3.0 但不适用于 appcompat 的 2.x
这确实改变了字体和一切。但是当我转到下一个活动并按回时,字体会恢复。我想这与 ActionBar 属性有关。
@Digit:这对“全息主题”很有效,但不适用于“材料主题”(android L)。找到了titleId,但textview为null..有什么想法可以解决这个问题吗?谢谢!
M
Mohammed Mukhtar

从 Android Support Library v26 + Android Studio 3.0 开始,这个过程变得轻而易举!!

按照以下步骤更改工具栏标题的字体:

阅读可下载字体并从列表中选择任何字体(我的推荐)或根据 XML 中的字体将自定义字体加载到 res > font 在 res > values > 样式中,粘贴以下内容(在这里发挥您的想象力!) 在你的工具栏属性 app:titleTextAppearance="@style/TextAppearance. TabsFont" 如下图 享受自定义操作栏标题字体样式!


这对于工具栏非常有用。有什么方法可以在整个应用程序范围内执行此操作,例如当您在新活动中拥有默认应用程序栏时?
这也适用于折叠标题应用程序:collapsedTitleTextAppearance="@style/Style_Title"
s
saiyancoder

Calligraphy 库可让您通过应用主题设置自定义字体,该字体也适用于操作栏。

<style name="AppTheme" parent="android:Theme.Holo.Light.DarkActionBar">
<item name="android:textViewStyle">@style/AppTheme.Widget.TextView</item>
</style>

<style name="AppTheme.Widget"/>

<style name="AppTheme.Widget.TextView" parent="android:Widget.Holo.Light.TextView">
   <item name="fontPath">fonts/Roboto-ThinItalic.ttf</item>
</style>

激活 Calligraphy 所需要的只是将它附加到您的 Activity 上下文中:

@Override
protected void attachBaseContext(Context newBase) {
    super.attachBaseContext(new CalligraphyContextWrapper(newBase));
}

默认自定义属性是 fontPath,但您可以通过在应用程序类中使用 CalligraphyConfig.Builder 对其进行初始化来为路径提供自己的自定义属性。不鼓励使用 android:fontFamily


此解决方案的最低 API 16
minSdk 7 根据项目的构建文件,但我在 minSdk 18 项目中使用它并且没有做任何进一步的检查。使用的冒犯方法是什么?
它的最低 API 7,只是示例是 API16。它支持 appcompat-v7+
B
Bostone

这是一个丑陋的黑客,但你可以这样做(因为 action_bar_title 是隐藏的):

    try {
        Integer titleId = (Integer) Class.forName("com.android.internal.R$id")
                .getField("action_bar_title").get(null);
        TextView title = (TextView) getWindow().findViewById(titleId);
        // check for null and manipulate the title as see fit
    } catch (Exception e) {
        Log.e(TAG, "Failed to obtain action bar title reference");
    }

此代码适用于后 GINGERBREAD 设备,但也可以轻松扩展以与操作栏 Sherlock 一起使用

PS 基于@pjv 评论,有更好的方法来查找操作栏标题 ID

final int titleId = 
    Resources.getSystem().getIdentifier("action_bar_title", "id", "android");

我更喜欢 dtmilano 在 stackoverflow.com/questions/10779037/… 中的回答。它很相似,但未来的证明稍微多一点。
@pjv - 同意。似乎不那么“hacky”。我修改了我的答案
所以问题是关于自定义字体。这回答了如何获取默认操作栏的文本视图。
@kilaka - 想法是,如果您获得文本视图设置自定义字体将是微不足道的。虽然这是一篇旧帖子,但我认为 twaddington 的答案更受欢迎
D
Developer 2
    ActionBar actionBar = getSupportActionBar();
    TextView tv = new TextView(getApplicationContext());
    Typeface typeface = ResourcesCompat.getFont(this, R.font.monotype_corsiva);
    RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(
            RelativeLayout.LayoutParams.MATCH_PARENT, // Width of TextView
            RelativeLayout.LayoutParams.WRAP_CONTENT); // Height of TextView
    tv.setLayoutParams(lp);
    tv.setText("Your Text"); // ActionBar title text
    tv.setTextSize(25);
    tv.setTextColor(Color.WHITE);
    tv.setTypeface(typeface, typeface.ITALIC);
    actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
    actionBar.setCustomView(tv);

太好了,这工作得很好我怎样才能让这个应用程序栏进入中心?
像魅力一样工作..只需将 typeface.ITALIC 替换为 Typeface.ITALIC 就不会出现静态成员警告
05/02/2021 对我来说唯一可行的解决方案。谢啦。
N
Napolean

以下代码适用于所有版本。我确实在带有姜饼的设备以及 JellyBean 设备上检查了这一点

 private void actionBarIdForAll()
    {
        int titleId = 0;

        if(Build.VERSION.SDK_INT>=Build.VERSION_CODES.HONEYCOMB)
        {
            titleId = getResources().getIdentifier("action_bar_title", "id", "android");
        }
        else
        {
          // This is the id is from your app's generated R class when ActionBarActivity is used for SupportActionBar

            titleId = R.id.action_bar_title;
        }

        if(titleId>0)
        {
            // Do whatever you want ? It will work for all the versions.

            // 1. Customize your fonts
            // 2. Infact, customize your whole title TextView

            TextView titleView = (TextView)findViewById(titleId);
            titleView.setText("RedoApp");
            titleView.setTextColor(Color.CYAN);
        }
    }

这对我在 ActionBar 和 AppCompat ActionBar 上都有效。但是后者仅在我尝试在 onCreate() 之后找到标题视图时才有效,因此例如将其放置到 onPostCreate() 就可以了。
J
Jinu

在支持库中使用新工具栏将您的操作栏设计为您自己的或使用以下代码

膨胀 Textview 不是一个好的选择尝试 Spannable String builder

Typeface font2 = Typeface.createFromAsset(getAssets(), "fonts/<your font in assets folder>");   
SpannableStringBuilder SS = new SpannableStringBuilder("MY Actionbar Tittle");
SS.setSpan (new CustomTypefaceSpan("", font2), 0, SS.length(),Spanned.SPAN_EXCLUSIVE_INCLUSIVE);
actionBar.setTitle(ss);

复制下面的类

public class CustomTypefaceSpan extends TypefaceSpan{

    private final Typeface newType;

    public CustomTypefaceSpan(String family, Typeface type) {
        super(family);
        newType = type;
    }

    @Override
    public void updateDrawState(TextPaint ds) {
        applyCustomTypeFace(ds, newType);
    }

    @Override
    public void updateMeasureState(TextPaint paint) {
        applyCustomTypeFace(paint, newType);
    }

    private static void applyCustomTypeFace(Paint paint, Typeface tf) {
        int oldStyle;
        Typeface old = paint.getTypeface();
        if (old == null) {
            oldStyle = 0;
        } else {
            oldStyle = old.getStyle();
        }

        int fake = oldStyle & ~tf.getStyle();
        if ((fake & Typeface.BOLD) != 0) {
            paint.setFakeBoldText(true);
        }

        if ((fake & Typeface.ITALIC) != 0) {
            paint.setTextSkewX(-0.25f);
        }

        paint.setTypeface(tf);
    }

}

u
user2136334

如果你想为整个 Activity 中的所有 TextViews 设置字体,你可以使用这样的东西:

public static void setTypefaceToAll(Activity activity)
{
    View view = activity.findViewById(android.R.id.content).getRootView();
    setTypefaceToAll(view);
}

public static void setTypefaceToAll(View view)
{
    if (view instanceof ViewGroup)
    {
        ViewGroup g = (ViewGroup) view;
        int count = g.getChildCount();
        for (int i = 0; i < count; i++)
            setTypefaceToAll(g.getChildAt(i));
    }
    else if (view instanceof TextView)
    {
        TextView tv = (TextView) view;
        setTypeface(tv);
    }
}

public static void setTypeface(TextView tv)
{
    TypefaceCache.setFont(tv, TypefaceCache.FONT_KOODAK);
}

和字体缓存:

import java.util.TreeMap;

import android.graphics.Typeface;
import android.widget.TextView;

public class TypefaceCache {

    //Font names from asset:
    public static final String FONT_ROBOTO_REGULAR = "fonts/Roboto-Regular.ttf";
    public static final String FONT_KOODAK = "fonts/Koodak.ttf";

    private static TreeMap<String, Typeface> fontCache = new TreeMap<String, Typeface>();

    public static Typeface getFont(String fontName) {
        Typeface tf = fontCache.get(fontName);
        if(tf == null) {
            try {
                tf = Typeface.createFromAsset(MyApplication.getAppContext().getAssets(), fontName);
            }
            catch (Exception e) {
                return null;
            }
            fontCache.put(fontName, tf);
        }
        return tf;
    }

    public static void setFont(TextView tv, String fontName)
    {
        tv.setTypeface(getFont(fontName));
    }
}

S
Seven

我刚刚在 onCreate() 函数中执行了以下操作:

TypefaceSpan typefaceSpan = new TypefaceSpan("font_to_be_used");
SpannableString str = new SpannableString("toolbar_text");
str.setSpan(typefaceSpan,0, str.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
getSupportActionBar().setTitle(str);

我正在使用支持库,如果您不使用它们,我想您应该切换到 getActionBar() 而不是 getSupportActionBar()。

在 Android Studio 3 中,您可以按照此说明 https://developer.android.com/guide/topics/ui/look-and-feel/fonts-in-xml.html 添加自定义字体,然后在“font_to_be_used”中使用新添加的字体


G
GreenROBO

尝试使用这个

TextView headerText= new TextView(getApplicationContext());
RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(ActionBar.LayoutParams.WRAP_CONTENT, ActionBar.LayoutParams.WRAP_CONTENT);
headerText.setLayoutParams(lp);
headerText.setText("Welcome!");
headerText.setTextSize(20);
headerText.setTextColor(Color.parseColor("#FFFFFF"));
Typeface tf = Typeface.createFromAsset(getAssets(), "fonts/wesfy_regular.ttf");
headerText.setTypeface(tf);
getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
getSupportActionBar().setCustomView(headerText);

I
IgorGanapolsky

要添加到@Sam_D 的答案,我必须这样做才能使其工作:

this.setTitle("my title!");
((TextView)v.findViewById(R.id.title)).setText(this.getTitle());
TextView title = ((TextView)v.findViewById(R.id.title));
title.setEllipsize(TextUtils.TruncateAt.MARQUEE);
title.setMarqueeRepeatLimit(1);
// in order to start strolling, it has to be focusable and focused
title.setFocusable(true);
title.setSingleLine(true);
title.setFocusableInTouchMode(true);
title.requestFocus();

这似乎有点矫枉过正——引用 v.findViewById(R.id.title)) 两次——但这是让我这样做的唯一方法。


A
Andrew Indayang

更新正确答案。

首先:将标题设置为 false,因为我们使用的是自定义视图

    actionBar.setDisplayShowTitleEnabled(false);

其次:创建titleview.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:background="@android:color/transparent" >

    <TextView
       android:id="@+id/title"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_centerVertical="true"
       android:layout_marginLeft="10dp"
       android:textSize="20dp"
       android:maxLines="1"
       android:ellipsize="end"
       android:text="" />

</RelativeLayout>

最后 :

//font file must be in the phone db so you have to create download file code
//check the code on the bottom part of the download file code.

   TypeFace font = Typeface.createFromFile("/storage/emulated/0/Android/data/"   
    + BuildConfig.APPLICATION_ID + "/files/" + "font name" + ".ttf");

    if(font != null) {
        LayoutInflater inflator = LayoutInflater.from(this);
        View v = inflator.inflate(R.layout.titleview, null);
        TextView titleTv = ((TextView) v.findViewById(R.id.title));
        titleTv.setText(title);
        titleTv.setTypeface(font);
        actionBar.setCustomView(v);
    } else {
        actionBar.setDisplayShowTitleEnabled(true);
        actionBar.setTitle("  " + title); // Need to add a title
    }

下载字体文件:因为我将文件存储到云中,所以我有下载链接。

/**downloadFile*/
public void downloadFile(){
    String DownloadUrl = //url here
    File file = new File("/storage/emulated/0/Android/data/" + BuildConfig.APPLICATION_ID + "/files/");
    File[] list = file.listFiles();
    if(list == null || list.length <= 0) {
        BroadcastReceiver onComplete = new BroadcastReceiver() {
            @Override
            public void onReceive(Context context, Intent intent) {
                try{
                    showContentFragment(false);
                } catch (Exception e){
                }
            }
        };

        registerReceiver(onComplete, new IntentFilter(DownloadManager.ACTION_DOWNLOAD_COMPLETE));
        DownloadManager.Request request = new DownloadManager.Request(Uri.parse(DownloadUrl));
        request.setVisibleInDownloadsUi(false);
        request.setDestinationInExternalFilesDir(this, null, ModelManager.getInstance().getCurrentApp().getRegular_font_name() + ".ttf");
        DownloadManager manager = (DownloadManager) getSystemService(Context.DOWNLOAD_SERVICE);
        manager.enqueue(request);
    } else {
        for (File files : list) {
            if (!files.getName().equals("font_name" + ".ttf")) {
                BroadcastReceiver onComplete = new BroadcastReceiver() {
                    @Override
                    public void onReceive(Context context, Intent intent) {
                        try{
                            showContentFragment(false);
                        } catch (Exception e){
                        }
                    }
                };

                registerReceiver(onComplete, new IntentFilter(DownloadManager.ACTION_DOWNLOAD_COMPLETE));
                DownloadManager.Request request = new DownloadManager.Request(Uri.parse(DownloadUrl));
                request.setVisibleInDownloadsUi(false);
                request.setDestinationInExternalFilesDir(this, null, "font_name" + ".ttf");
                DownloadManager manager = (DownloadManager) getSystemService(Context.DOWNLOAD_SERVICE);
                manager.enqueue(request);
            } else {
                showContentFragment(false);
                break;
            }
        }
    }
}

s
sɐunıɔןɐqɐp

不需要自定义文本视图!

首先,在您的 java 代码中禁用工具栏中的标题:getSupportActionBar().setDisplayShowTitleEnabled(false);

然后,只需在工具栏内添加一个 TextView :

<android.support.v7.widget.Toolbar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    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:textSize="18sp"
        android:fontFamily="@font/roboto" />

    </android.support.v7.widget.Toolbar>

这不适用于最新的导航 UI 喷气背包库
J
Jiju Induchoodan

我们需要使用反射来实现这一点

final int titleId = activity.getResources().getIdentifier("action_bar_title", "id", "android");

    final TextView title;
    if (activity.findViewById(titleId) != null) {
        title = (TextView) activity.findViewById(titleId);
        title.setTextColor(Color.BLACK);
        title.setTextColor(configs().getColor(ColorKey.GENERAL_TEXT));
        title.setTypeface(configs().getTypeface());
    } else {
        try {
            Field f = bar.getClass().getDeclaredField("mTitleTextView");
            f.setAccessible(true);
            title = (TextView) f.get(bar);
            title.setTextColor(Color.BLACK);
            title.setTypeface(configs().getTypeface());
        } catch (NoSuchFieldException e) {
        } catch (IllegalAccessException e) {
        }
    }

u
user2212515

尝试这个

public void findAndSetFont(){
        getActionBar().setTitle("SOME TEST TEXT");
        scanForTextViewWithText(this,"SOME TEST TEXT",new SearchTextViewInterface(){

            @Override
            public void found(TextView title) {

            } 
        });
    }

public static void scanForTextViewWithText(Activity activity,String searchText, SearchTextViewInterface searchTextViewInterface){
    if(activity == null|| searchText == null || searchTextViewInterface == null)
        return;
    View view = activity.findViewById(android.R.id.content).getRootView();
    searchForTextViewWithTitle(view, searchText, searchTextViewInterface);
}

private static void searchForTextViewWithTitle(View view, String searchText, SearchTextViewInterface searchTextViewInterface)
{
    if (view instanceof ViewGroup)
    {
        ViewGroup g = (ViewGroup) view;
        int count = g.getChildCount();
        for (int i = 0; i < count; i++)
            searchForTextViewWithTitle(g.getChildAt(i), searchText, searchTextViewInterface);
    }
    else if (view instanceof TextView)
    {
        TextView textView = (TextView) view;
        if(textView.getText().toString().equals(searchText))
            if(searchTextViewInterface!=null)
                searchTextViewInterface.found(textView);
    }
}
public interface SearchTextViewInterface {
    void found(TextView title);
}